/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
div {
  vertical-align: top;
}

img {
  display: block;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  font: inherit;
  font-size: 100%;
  line-height: 1.43;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

select {
  -webkit-appearance: none;
}

:root {
  --db-primary-60: rgba(24, 24, 26, 0.6);
  --df-secondary: #8f9da3;
  --df-secondary-40: rgba(143, 157, 163, 0.4);
  --da-tertiary-10: rgba(0, 209, 184, 0.1);
  --da-tertiary-70: rgba(0, 209, 184, 0.7);
  --lb-primary-60: rgba(255, 255, 255, 0.6);
  --lb-quaternary: #eef0f2;
  --lf-secondary-40: rgba(73, 94, 116, 0.4);
  --la-tertiary-10: rgba(140, 51, 235, 0.1);
  --la-tertiary-70: rgba(140, 51, 235, 0.7);
  --status-color-success-200: #a7e8d9;
  --status-color-success-500: #2d9f8f;
  --status-color-warning-500: #f5a91b;
  --status-color-error-500: #ff3277;
  --status-color-info-500: #0e9be9;
  --app-white: #ffffff;
  --app-black: #000;
  --google-login-background: #4285f4;
  --google-login-background-hover: rgb(12.8425, 91.065, 220.6575);
  --google-login-foreground: var(--app-white);
  --github-login-background: #4c4c4c;
  --github-login-background-hover: rgb(37.75, 37.75, 37.75);
  --github-login-foreground: var(--app-white);
  --oidc-login-background: #b3b3b3;
  --oidc-login-background-hover: rgb(140.75, 140.75, 140.75);
  --oidc-login-foreground: var(--app-white);
  --gitlab-login-background: #fc6d26;
  --gitlab-login-background-hover: rgb(210.5886363636, 71.8136363636, 2.9113636364);
  --gitlab-login-foreground: var(--app-white);
}

@font-face {
  font-family: "worksans";
  src: url("../fonts/WorkSans-VariableFont.ttf") format("truetype");
  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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-02AF, U+0304, U+0308, U+0329, 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: "vazirmatn";
  src: url("../fonts/Vazirmatn-VariableFont.ttf") format("truetype");
  unicode-range: "U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1";
}
@font-face {
  font-family: "sourcesanspro";
  src: url("../fonts/sourcesanspro-extralight.woff2") format("woff2"), url("../fonts/sourcesanspro-extralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "sourcesanspro";
  src: url("../fonts/sourcesanspro-extralightitalic.woff2") format("woff2"), url("../fonts/sourcesanspro-extralightitalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "sourcesanspro";
  src: url("../fonts/sourcesanspro-light.woff2") format("woff2"), url("../fonts/sourcesanspro-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "sourcesanspro";
  src: url("../fonts/sourcesanspro-lightitalic.woff2") format("woff2"), url("../fonts/sourcesanspro-lightitalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "sourcesanspro";
  src: url("../fonts/sourcesanspro-regular.woff2") format("woff2"), url("../fonts/sourcesanspro-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sourcesanspro";
  src: url("../fonts/sourcesanspro-italic.woff2") format("woff2"), url("../fonts/sourcesanspro-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "sourcesanspro";
  src: url("../fonts/sourcesanspro-semibold.woff2") format("woff2"), url("../fonts/sourcesanspro-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "sourcesanspro";
  src: url("../fonts/sourcesanspro-semibolditalic.woff2") format("woff2"), url("../fonts/sourcesanspro-semibolditalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "sourcesanspro";
  src: url("../fonts/sourcesanspro-bold.woff2") format("woff2"), url("../fonts/sourcesanspro-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "sourcesanspro";
  src: url("../fonts/sourcesanspro-bolditalic.woff2") format("woff2"), url("../fonts/sourcesanspro-bolditalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "sourcesanspro";
  src: url("../fonts/sourcesanspro-black.woff2") format("woff2"), url("../fonts/sourcesanspro-black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "sourcesanspro";
  src: url("../fonts/sourcesanspro-blackitalic.woff2") format("woff2"), url("../fonts/sourcesanspro-blackitalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "robotomono";
  src: url("../fonts/RobotoMono-Regular.woff2") format("woff2"), url("../fonts/RobotoMono-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF";
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes loaderColor {
  0% {
    fill: #513b56;
  }
  33% {
    fill: #348aa7;
  }
  66% {
    fill: #5dd39e;
  }
  100% {
    fill: #513b56;
  }
}
@keyframes linePencil {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-150px);
  }
}
:root {
  /*!
    Theme: GitHub Dark Dimmed
    Description: Dark dimmed theme as seen on github.com
    Author: github.com
    Maintainer: @Hirse
    Updated: 2021-05-15

    Colors taken from GitHub's CSS
  */
}
:root .hljs {
  color: #adbac7;
  background: #22272e;
}
:root .hljs-doctag,
:root .hljs-keyword,
:root .hljs-meta .hljs-keyword,
:root .hljs-template-tag,
:root .hljs-template-variable,
:root .hljs-type,
:root .hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #f47067;
}
:root .hljs-title,
:root .hljs-title.class_,
:root .hljs-title.class_.inherited__,
:root .hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #dcbdfb;
}
:root .hljs-attr,
:root .hljs-attribute,
:root .hljs-literal,
:root .hljs-meta,
:root .hljs-number,
:root .hljs-operator,
:root .hljs-variable,
:root .hljs-selector-attr,
:root .hljs-selector-class,
:root .hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #6cb6ff;
}
:root .hljs-regexp,
:root .hljs-string,
:root .hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #96d0ff;
}
:root .hljs-built_in,
:root .hljs-symbol {
  /* prettylights-syntax-variable */
  color: #f69d50;
}
:root .hljs-comment,
:root .hljs-code,
:root .hljs-formula {
  /* prettylights-syntax-comment */
  color: #768390;
}
:root .hljs-name,
:root .hljs-quote,
:root .hljs-selector-tag,
:root .hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #8ddb8c;
}
:root .hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #adbac7;
}
:root .hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #316dca;
  font-weight: bold;
}
:root .hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #eac55f;
}
:root .hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #adbac7;
  font-style: italic;
}
:root .hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #adbac7;
  font-weight: bold;
}
:root .hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #b4f1b4;
  background-color: #1b4721;
}
:root .hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #ffd8d3;
  background-color: #78191b;
}
:root .hljs-char.escape_,
:root .hljs-link,
:root .hljs-params,
:root .hljs-property,
:root .hljs-punctuation,
:root .hljs-tag {
  /* purposely ignored */
}

.light {
  /*!
    Theme: GitHub
    Description: Light theme as seen on github.com
    Author: github.com
    Maintainer: @Hirse
    Updated: 2021-05-15

    Outdated base version: https://github.com/primer/github-syntax-light
    Current colors taken from GitHub's CSS
  */
}
.light .hljs {
  color: #24292e;
  background: #ffffff;
}
.light .hljs-doctag,
.light .hljs-keyword,
.light .hljs-meta .hljs-keyword,
.light .hljs-template-tag,
.light .hljs-template-variable,
.light .hljs-type,
.light .hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #d73a49;
}
.light .hljs-title,
.light .hljs-title.class_,
.light .hljs-title.class_.inherited__,
.light .hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #6f42c1;
}
.light .hljs-attr,
.light .hljs-attribute,
.light .hljs-literal,
.light .hljs-meta,
.light .hljs-number,
.light .hljs-operator,
.light .hljs-variable,
.light .hljs-selector-attr,
.light .hljs-selector-class,
.light .hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #005cc5;
}
.light .hljs-regexp,
.light .hljs-string,
.light .hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #032f62;
}
.light .hljs-built_in,
.light .hljs-symbol {
  /* prettylights-syntax-variable */
  color: #e36209;
}
.light .hljs-comment,
.light .hljs-code,
.light .hljs-formula {
  /* prettylights-syntax-comment */
  color: #6a737d;
}
.light .hljs-name,
.light .hljs-quote,
.light .hljs-selector-tag,
.light .hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #22863a;
}
.light .hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #24292e;
}
.light .hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #005cc5;
  font-weight: bold;
}
.light .hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #735c0f;
}
.light .hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #24292e;
  font-style: italic;
}
.light .hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #24292e;
  font-weight: bold;
}
.light .hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #22863a;
  background-color: #f0fff4;
}
.light .hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #b31d28;
  background-color: #ffeef0;
}
.light .hljs-char.escape_,
.light .hljs-link,
.light .hljs-params,
.light .hljs-property,
.light .hljs-punctuation,
.light .hljs-tag {
  /* purposely ignored */
  color: #6a737d;
}

.sb-show-main.sb-main-fullscreen,
.sb-show-main.sb-main-padded {
  overflow-y: auto;
}

:root {
  --color-background-disabled: var(--df-secondary);
  --color-foreground-disabled: var(--df-secondary-40);
  --color-accent-tertiary-muted: var(--da-tertiary-10);
  --overlay-color: var(--db-primary-60);
}

.light {
  --color-background-disabled: var(--lb-quaternary);
  --color-foreground-disabled: var(--lf-secondary-40);
  --color-accent-tertiary-muted: var(--la-tertiary-10);
  --overlay-color: var(--lb-primary-60);
}

.light,
.default {
  --canvas-background-color: var(--color-background-primary);
  --canvas-fill-color: var(--color-canvas);
  --scrollbar-background-color: var(--color-foreground-secondary);
  --panel-background-color: var(--color-background-primary);
  --panel-border-color: var(--color-background-quaternary);
  --app-background: var(--color-background-primary);
  --loader-background: var(--color-background-primary);
  --button-foreground-hover: var(--color-accent-primary);
  --button-background-color-focus: var(--color-background-secondary);
  --button-foreground-color-focus: var(--color-foreground-primary);
  --button-border-color-focus: var(--color-accent-primary);
  --button-foreground-color-disabled: var(--color-foreground-disabled);
  --button-background-color-disabled: var(--color-background-quaternary);
  --button-border-color-disabled: var(--color-background-quaternary);
  --button-primary-background-color-rest: var(--color-accent-primary);
  --button-primary-border-color-rest: var(--color-accent-primary);
  --button-primary-foreground-color-rest: var(--color-background-secondary);
  --button-primary-background-color-hover: var(--color-accent-tertiary);
  --button-primary-border-color-hover: var(--color-accent-tertiary);
  --button-primary-foreground-color-hover: var(--color-background-secondary);
  --button-primary-background-color-active: var(--color-background-secondary);
  --button-primary-border-color-active: var(--color-background-secondary);
  --button-primary-foreground-color-active: var(--color-accent-primary);
  --button-primary-background-color-focus: var(--color-background-tertiary);
  --button-primary-border-color-focus: var(--color-accent-primary);
  --button-primary-foreground-color-focus: var(--color-foreground-secondary);
  --button-secondary-background-color-rest: var(--color-background-tertiary);
  --button-secondary-border-color-rest: var(--color-background-tertiary);
  --button-secondary-foreground-color-rest: var(--color-foreground-secondary);
  --button-secondary-background-color-hover: var(--color-background-quaternary);
  --button-secondary-border-color-hover: var(--color-background-quaternary);
  --button-secondary-foreground-color-hover: var(--color-accent-primary);
  --button-secondary-background-color-active: var(--color-background-secondary);
  --button-secondary-border-color-active: var(--color-background-quaternary);
  --button-secondary-foreground-color-active: var(--color-accent-primary);
  --button-secondary-background-color-focus: var(--color-background-tertiary);
  --button-secondary-border-color-focus: var(--color-accent-primary);
  --button-secondary-foreground-color-focus: var(--color-foreground-secondary);
  --button-tertiary-foreground-color-rest: var(--color-foreground-secondary);
  --button-tertiary-background-color-hover: var(--color-background-quaternary);
  --button-tertiary-border-color-hover: var(--color-background-quaternary);
  --button-tertiary-foreground-color-hover: var(--color-accent-primary);
  --button-tertiary-background-color-active: var(--color-background-secondary);
  --button-tertiary-border-color-active: var(--color-background-quaternary);
  --button-tertiary-foreground-color-active: var(--color-accent-primary);
  --button-tertiary-background-color-focus: var(--color-background-tertiary);
  --button-tertiary-border-color-focus: var(--color-accent-primary);
  --button-tertiary-foreground-color-focus: var(--color-foreground-primary);
  --expand-button-icon-border-width: 0;
  --expand-button-icon-border-width-selected: 0;
  --button-icon-foreground-color: var(--color-foreground-secondary);
  --button-icon-foreground-color-hover: var(--color-foreground-secondary);
  --button-icon-background-color-selected: var(--color-background-quaternary);
  --button-icon-foreground-color-selected: var(--color-accent-primary);
  --button-icon-border-color-selected: var(--color-background-quaternary);
  --button-radio-background-color-rest: var(--color-background-tertiary);
  --button-radio-border-color-rest: var(--color-background-tertiary);
  --button-radio-foreground-color-rest: var(--color-foreground-secondary);
  --button-radio-border-color-hover: var(--color-background-quaternary);
  --button-radio-foreground-color-hover: var(--color-accent-primary);
  --button-radio-background-color-active: var(--color-background-quaternary);
  --button-radio-border-color-active: var(--color-background-quaternary);
  --button-radio-foreground-color-active: var(--color-accent-primary);
  --button-radio-background-color-focus: var(--color-background-tertiary);
  --button-radio-border-color-focus: var(--color-accent-primary);
  --button-radio-foreground-color-focus: var(--color-foreground-secondary);
  --button-warning-background-color-rest: var(--status-color-warning-500);
  --button-warning-border-color-rest: var(--status-color-warning-500);
  --button-warning-foreground-color-rest: var(--color-background-secondary);
  --button-disabled-background-color-rest: var(--color-background-disabled);
  --button-disabled-border-color-rest: var(--color-background-disabled);
  --button-disabled-foreground-color-rest: var(--color-foreground-disabled);
  --button-constraint-background-color-rest: var(--color-foreground-secondary);
  --button-constraint-border-color-rest: var(--color-background-tertiary);
  --button-constraint-border-color-hover: var(--color-accent-primary-muted);
  --button-constraint-background-color-hover: var(--color-accent-primary);
  --constraint-widget-background-color: var(--color-background-tertiary);
  --constraint-center-area-background-color: var(--color-background-primary);
  --tabs-background-color: var(--color-background-secondary);
  --tab-background-color-hover: var(--color-background-primary);
  --tab-background-color-selected: var(--color-background-quaternary);
  --tab-foreground-color: var(--color-foreground-secondary);
  --tab-foreground-color-hover: var(--color-foreground-primary);
  --tab-foreground-color-selected: var(--color-accent-primary);
  --tab-border-color: var(--color-background-secondary);
  --tab-border-color-selected: var(--color-background-secondary);
  --title-background-color: var(--color-background-primary);
  --title-foreground-color: var(--color-foreground-secondary);
  --title-foreground-color-hover: var(--color-foreground-primary);
  --layer-row-background-color: var(--color-background-primary);
  --layer-row-background-color-hover: var(--color-background-secondary);
  --layer-row-background-color-selected: var(--color-background-quaternary);
  --layer-row-background-color-drag: var(--color-background-quaternary);
  --layer-row-foreground-color: var(--color-foreground-secondary);
  --layer-row-foreground-color-hover: var(--color-accent-primary);
  --layer-row-foreground-color-selected: var(--color-accent-primary);
  --layer-row-foreground-color-drag: var(--color-accent-tertiary);
  --layer-row-foreground-color-focus: var(--color-foreground-primary);
  --layer-row-foreground-color-placeholder: var(--color-foreground-secondary);
  --layer-row-border-color-focus: var(--color-accent-primary);
  --layer-child-row-background-color: var(--color-background-tertiary);
  --layer-child-row-foreground-color: var(--color-foreground-secondary);
  --layer-row-component-foreground-color: var(--color-accent-secondary);
  --palette-background-color: var(--color-background-primary);
  --palette-btn-background-color-selected: var(--color-background-secondary);
  --palette-btn-border-color-selected: var(--color-background-quaternary);
  --palette-btn-foreground-color-selected: var(--color-accent-primary);
  --palette-text-color: var(--color-foreground-secondary);
  --palette-text-color-selected: var(--color-foreground-primary);
  --palette-text-background-color: var(--color-background-tertiary);
  --palette-text-background-color-hover: var(--color-background-quaternary);
  --palette-button-shadow-initial: var(--color-background-primary);
  --palette-button-shadow-final: transparent;
  --palette-handler-background-color: var(--color-background-quaternary);
  --color-bullet-background-color: var(--app-white);
  --color-bullet-border-color: var(--color-background-quaternary);
  --color-bullet-border-color-selected: var(--color-accent-primary);
  --icon-foreground: var(--color-foreground-secondary);
  --main-icon-foreground: var(--color-foreground-primary);
  --icon-foreground-hover: var(--color-foreground-primary);
  --icon-foreground-accept: var(--status-color-success-500);
  --icon-foreground-discard: var(--status-color-error-500);
  --icon-foreground-active: var(--color-accent-primary);
  --icon-foreground-selected: var(--color-accent-tertiary);
  --input-placeholder-color: var(--color-foreground-secondary);
  --input-background-color: var(--color-background-tertiary);
  --input-foreground-color: var(--color-foreground-secondary);
  --input-border-color: var(--color-background-tertiary);
  --input-background-color-rest: var(--color-background-tertiary);
  --input-foreground-color-rest: var(--color-foreground-primary);
  --input-border-color-rest: var(--color-background-tertiary);
  --input-background-color-hover: var(--color-background-quaternary);
  --input-foreground-color-hover: var(--color-foreground-primary);
  --input-border-color-hover: var(--color-background-quaternary);
  --input-background-color-focus: var(--color-background-tertiary);
  --input-foreground-color-focus: var(--color-foreground-primary);
  --input-border-color-focus: var(--color-accent-primary);
  --input-background-color-active: var(--color-background-primary);
  --input-foreground-color-active: var(--color-foreground-primary);
  --input-border-outline-color-active: var(--color-accent-primary-muted);
  --input-border-color-active: var(--color-accent-primary);
  --input-background-color-disabled: var(--color-background-primary);
  --input-foreground-color-disabled: var(--color-foreground-secondary);
  --input-border-color-disabled: var(--color-background-quaternary);
  --input-border-color-error: var(--status-color-error-500);
  --input-border-color-success: var(--color-accent-primary);
  --input-details-color: var(--color-background-primary);
  --input-checkbox-background-color-rest: var(--color-background-quaternary);
  --input-checkbox-border-color-rest: var(--color-foreground-secondary);
  --input-checkbox-border-color-active: var(--color-background-quaternary);
  --input-checkbox-border-color-focus: var(--color-accent-primary);
  --input-checkbox-border-color: var(--color-background-secondary);
  --input-checkbox-border-color-hover: var(--color-accent-primary-muted);
  --input-checkbox-background-color-intermediate: var(--color-foreground-secondary);
  --input-checkbox-border-color-intermediate: var(--color-foreground-secondary);
  --input-checkbox-foreground-color-intermediate: var(--color-background-secondary);
  --input-checkbox-inactive-background-color: var(--color-foreground-secondary);
  --input-checkbox-inactive-foreground-color: var(--color-background-primary);
  --input-checkbox-background-color-active: var(--color-accent-primary);
  --input-checkbox-foreground-color-active: var(--color-background-primary);
  --input-checkbox-text-foreground-color: var(--color-foreground-secondary);
  --menu-background-color: var(--color-background-tertiary);
  --menu-foreground-color: var(--color-foreground-primary);
  --menu-icon-foreground-color: var(--color-foreground-secondary);
  --menu-background-color-selected: var(--color-background-tertiary);
  --menu-background-color-hover: var(--color-background-quaternary);
  --menu-foreground-color-hover: var(--color-foreground-primary);
  --menu-background-color-focus: var(--color-background-tertiary);
  --menu-foreground-color-focus: var(--color-foreground-primary);
  --menu-foreground-color-rest: var(--color-foreground-secondary);
  --menu-border-color-focus: var(--color-accent-primary);
  --menu-shortcut-background-color: var(--color-background-primary);
  --menu-shortcut-foreground-color: var(--color-foreground-secondary);
  --menu-shortcut-foreground-color-selected: var(--color-foreground-primary);
  --menu-shortcut-foreground-color-hover: var(--color-foreground-primary);
  --menu-shadow-color: var(--color-shadow-dark);
  --menu-background-color-disabled: var(--color-background-primary);
  --menu-foreground-color-disabled: var(--color-foreground-secondary);
  --menu-border-color-disabled: var(--color-background-quaternary);
  --context-menu-background-color: var(--color-background-tertiary);
  --context-menu-foreground-color: var(--color-foreground-secondary);
  --context-menu-background-color-selected: var(--color-background-quaternary);
  --context-menu-foreground-color-selected: var(--color-foreground-primary);
  --assets-title-background-color: var(--color-background-primary);
  --assets-item-background-color: var(--color-background-tertiary);
  --assets-item-background-color-hover: var(--color-background-quaternary);
  --assets-item-name-background-color: var(--color-background-primary);
  --assets-item-name-foreground-color-rest: var(--color-foreground-secondary);
  --assets-item-name-foreground-color: var(--color-foreground-primary);
  --assets-item-name-foreground-color-hover: var(--color-foreground-primary);
  --assets-item-name-foreground-color-disabled: var(--color-foreground-disabled);
  --assets-item-border-color: var(--color-accent-primary);
  --assets-item-background-color-drag: transparent;
  --assets-item-border-color-drag: var(--color-accent-primary-muted);
  --assets-component-background-color: var(--color-canvas);
  --assets-component-background-color-disabled: var(--color-foreground-secondary);
  --assets-component-border-color: var(--color-background-tertiary);
  --assets-component-border-selected: var(--color-accent-tertiary);
  --assets-component-second-border-selected: var(--color-background-primary);
  --assets-component-hightlight: var(--color-accent-secondary);
  --radio-btns-background-color: var(--color-background-tertiary);
  --radio-btn-background-color-selected: var(--color-background-quaternary);
  --radio-btn-foreground-color: var(--color-foreground-secondary);
  --radio-btn-foreground-color-selected: var(--color-accent-primary);
  --radio-btn-border-color: var(--color-background-tertiary);
  --radio-btn-border-color-selected: var(--color-background-quaternary);
  --library-name-foreground-color: var(--color-foreground-primary);
  --library-content-foreground-color: var(--color-foreground-secondary);
  --dropdown-background-color: var(--color-background-tertiary);
  --dropdown-separator-color: var(--color-background-primary);
  --profile-drowpdown-background-color: var(--color-background-primary);
  --not-found-background-color: var(--color-background-tertiary);
  --not-found-foreground-color: var(--color-foreground-secondary);
  --entry-foreground-color: var(--color-foreground-secondary);
  --entry-background-color: var(--color-background-tertiary);
  --entry-background-color-disabled: var(--color-background-primary);
  --entry-border-color-disabled: var(--color-background-quaternary);
  --entry-foreground-color-hover: var(--color-foreground-primary);
  --entry-background-color-hover: var(--color-background-quaternary);
  --empty-message-background-color: var(--color-background-tertiary);
  --empty-message-foreground-color: var(--color-foreground-secondary);
  --user-count-background-color: var(--color-accent-primary);
  --user-count-foreground-color: var(--color-background-secondary);
  --colorpicker-details-color: var(--color-background-quaternary);
  --colorpicker-details-color-selected: var(--color-accent-primary);
  --colorpicker-handlers-color: var(--color-foreground-primary);
  --colorpicker-background-color: var(--color-foreground-primary);
  --comment-title-color: var(--color-foreground-primary);
  --comment-subtitle-color: var(--color-foreground-secondary);
  --comment-bullet-background-color-rest: var(--color-background-quaternary);
  --comment-bullet-foreground-color-rest: var(--color-foreground-primary);
  --comment-bullet-border-color-rest: var(--color-background-secondary);
  --comment-bullet-background-color-unread: var(--color-accent-primary);
  --comment-bullet-foreground-color-unread: var(--color-background-primary);
  --comment-bullet-border-color-unread: var(--color-background-secondary);
  --comment-bullet-background-color-resolved: var(--color-background-primary);
  --comment-bullet-foreground-color-resolved: var(--color-foreground-secondary);
  --comment-bullet-border-color-resolved: var(--color-background-quaternary);
  --comment-modal-background-color: var(--color-background-primary);
  --comment-thread-background-color-hover: var(--color-background-primary);
  --grid-editor-marker-color: var(--color-accent-quaternary);
  --grid-editor-marker-text: var(--color-accent-quaternary);
  --grid-editor-area-background: var(--color-accent-quaternary);
  --grid-editor-area-text: var(--color-accent-quaternary);
  --grid-editor-line-color: var(--color-accent-quaternary);
  --grid-editor-plus-btn-foreground: var(--app-white);
  --grid-editor-plus-btn-background: var(--color-accent-quaternary);
  --modal-background-color: var(--color-background-primary);
  --modal-title-foreground-color: var(--color-foreground-primary);
  --modal-text-foreground-color: var(--color-foreground-secondary);
  --modal-hint-border-color: var(--color-background-quaternary);
  --modal-button-background-color-error: var(--status-color-error-500);
  --modal-button-foreground-color-error: var(--color-foreground-primary);
  --modal-link-foreground-color: var(--color-accent-primary);
  --modal-border-color: var(--color-background-quaternary);
  --modal-separator-background-color: var(--color-background-quaternary);
  --modal-navigator-foreground-color-rest: var(--color-background-quaternary);
  --modal-navigator-foreground-color-active: var(--color-accent-primary);
  --alert-background-color-default: var(--color-background-primary);
  --alert-text-foreground-color-default: var(--color-foreground-primary);
  --alert-icon-foreground-color-default: var(--color-foreground-primary);
  --alert-border-color-default: var(--color-background-quaternary);
  --alert-background-color-success: var(--color-background-success);
  --alert-text-foreground-color-success: var(--color-foreground-primary);
  --alert-icon-foreground-color-success: var(--color-accent-success);
  --alert-border-color-success: var(--color-accent-success);
  --alert-background-color-warning: var(--color-background-warning);
  --alert-text-foreground-color-warning: var(--color-foreground-primary);
  --alert-icon-foreground-color-warning: var(--color-accent-warning);
  --alert-border-color-warning: var(--color-accent-warning);
  --alert-background-color-error: var(--color-background-error);
  --alert-text-foreground-color-error: var(--color-foreground-primary);
  --alert-icon-foreground-color-error: var(--color-accent-error);
  --alert-border-color-error: var(--color-accent-error);
  --alert-background-color-info: var(--color-background-info);
  --alert-text-foreground-color-info: var(--color-foreground-primary);
  --alert-icon-foreground-color-info: var(--color-accent-info);
  --alert-border-color-info: var(--color-accent-info);
  --alert-text-foreground-color-focus: var(--color-accent-primary);
  --alert-border-color-focus: var(--color-accent-primary);
  --notification-foreground-color-default: var(--color-foreground-secondary);
  --element-foreground-warning: var(--status-color-warning-500);
  --element-foreground-error: var(--status-color-error-500);
  --status-widget-background-color-success: var(--status-color-success-500);
  --status-widget-background-color-warning: var(--status-color-warning-500);
  --status-widget-background-color-pending: var(--status-color-info-500);
  --status-widget-background-color-error: var(--status-color-error-500);
  --status-widget-icon-foreground-color: var(--color-background-primary);
  --search-bar-background-color: var(--color-background-primary);
  --search-bar-input-background-color: var(--color-background-tertiary);
  --search-bar-input-border-color: var(--color-background-tertiary);
  --search-bar-input-border-color-focus: var(--color-accent-primary);
  --search-bar-placeholder-foreground-color: var(--color-foreground-secondary);
  --search-bar-foreground-color: var(--color-foreground-primary);
  --search-bar-icon-foreground-color: var(--color-foreground-secondary);
  --search-bar-icon-foreground-color-hover: var(--color-accent-primary);
  --pill-background-color: var(--color-background-tertiary);
  --pill-foreground-color: var(--color-foreground-primary);
  --link-foreground-color: var(--color-accent-primary);
  --register-confirmation-color: var(--status-color-success-200);
  --resize-area-background-color: var(--color-background-primary);
  --resize-area-border-color: var(--color-background-quaternary);
  --profile-section-background-color: var(--color-background-tertiary);
  --dashboard-list-background-color: var(--color-background-tertiary);
  --dashboard-list-foreground-color: var(--color-foreground-primary);
  --dashboard-list-text-foreground-color: var(--color-foreground-secondary);
  --communication-tag-background-color: var(--color-foreground-primary);
  --communication-tag-foreground-color: var(--color-background-tertiary);
  --viewer-background-color: var(--color-background-secondary);
  --viewer-paginator-background-color: var(--color-background-tertiary);
  --viewer-controls-background-color: var(--color-background-primary);
  --viewer-inspect-border-color: var(--color-background-tertiary);
  --viewer-thumbnails-control-foreground-color: var(--color-foreground-secondary);
  --viewer-thumbnail-border-color: var(--color-accent-primary);
  --viewer-thumbnail-background-color-selected: var(--color-accent-primary-muted);
  --text-editor-selection-background-color: var(--da-tertiary-70);
  --text-editor-selection-foreground-color: var(--app-white);
  --text-editor-caret-color: var(--app-black);
  --new-team-button-background-color: var(--color-background-primary);
  --sidebar-element-foreground-color: var(--color-foreground-secondary);
  --sidebar-element-background-color-hover: var(--color-background-secondary);
  --sidebar-element-foreground-color-hover: var(--color-accent-primary);
  --sidebar-element-background-color-selected: var(--color-background-quaternary);
  --sidebar-element-foreground-color-selected: var(--color-accent-primary);
  --profile-foreground-color: var(--color-foreground-primary);
}

#app {
  background-color: var(--app-background);
}

.light {
  --tabs-background-color: var(--color-background-tertiary);
  --tab-background-color-selected: var(--color-background-primary);
  --tab-border-color: var(--color-background-tertiary);
  --tab-border-color-selected: var(--color-background-secondary);
  --radio-btns-background-color: var(--color-background-tertiary);
  --radio-btn-background-color-selected: var(--color-background-primary);
  --radio-btn-foreground-color: var(--color-foreground-secondary);
  --radio-btn-foreground-color-selected: var(--color-accent-primary);
  --radio-btn-border-color: var(--color-background-tertiary);
  --radio-btn-border-color-selected: var(--color-background-secondary);
  --button-icon-background-color-selected: var(--color-background-primary);
  --button-icon-border-color-selected: var(--color-background-secondary);
  --assets-item-name-foreground-color: var(--color-foreground-primary);
  --text-editor-selection-background-color: var(--la-tertiary-70);
  --expand-button-icon-border-width-selected: 2px;
  --colorpicker-background-color: var(--color-background-primary);
}

body {
  background-color: var(--color-background-primary);
  color: var(--color-foreground-primary);
  display: flex;
  flex-direction: column;
  font-family: "worksans", "vazirmatn", sans-serif;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

#app {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

* {
  box-sizing: border-box;
  scrollbar-width: thin;
}

img {
  height: auto;
  width: 100%;
}

svg * {
  transition: none;
}

a {
  cursor: pointer;
  font-weight: 500;
  color: #303236;
}
a:hover {
  text-decoration: underline;
}

button {
  font-family: "worksans", "vazirmatn", sans-serif;
}

p {
  font-size: 0.75rem;
  margin-bottom: 1rem;
  line-height: 1.33;
}

li {
  line-height: 1.33;
}

ul {
  margin-bottom: 1rem;
}

h1 {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 1.15;
}

h2 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.15;
}

h3 {
  font-size: 1.5rem;
  font-weight: 300;
  padding: 0.5rem 0;
}

h4 {
  font-size: 1.125rem;
  font-weight: 300;
}

hr {
  border-top: solid 1px var(--color-background-primary);
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  margin: 1rem 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

[contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
       user-select: text;
}

input,
select {
  box-sizing: border-box;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
}

[draggable] {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.text-editor,
.rich-text {
  color: var(--app-black);
  height: 100%;
  font-family: sourcesanspro;
}
.text-editor div,
.rich-text div {
  line-height: inherit;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.text-editor span,
.rich-text span {
  line-height: inherit;
}

.text-editor .DraftEditor-root {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.text-editor .public-DraftStyleDefault-block {
  white-space: pre;
}
.text-editor.align-top .DraftEditor-root {
  justify-content: flex-start;
}
.text-editor.align-center .DraftEditor-root {
  justify-content: center;
}
.text-editor.align-bottom .DraftEditor-root {
  justify-content: flex-end;
}

.rich-text .paragraphs {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.rich-text .paragraphs.align-top {
  justify-content: flex-start;
}
.rich-text .paragraphs.align-center {
  justify-content: center;
}
.rich-text .paragraphs.align-bottom {
  justify-content: flex-end;
}
@keyframes cffd3cd3611d5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c0bf286e82b06 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c0bf286e82b06:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c0bf286e82b06 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c0bf286e82b06 ::-webkit-scrollbar-track,
.c0bf286e82b06 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c0bf286e82b06 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c0bf286e82b06 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c0bf286e82b06 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c0bf286e82b06 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c0bf286e82b06 ::placeholder,
.c0bf286e82b06 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c913ab0cc3eba, .cace4825e307e, .c843dcd338dd9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c913ab0cc3eba svg, .cace4825e307e svg, .c843dcd338dd9 svg,
.c913ab0cc3eba span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c913ab0cc3eba:focus-visible, .cace4825e307e:focus-visible, .c843dcd338dd9:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c913ab0cc3eba:focus-visible svg, .cace4825e307e:focus-visible svg, .c843dcd338dd9:focus-visible svg,
.c913ab0cc3eba:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c913ab0cc3eba:hover, .cace4825e307e:hover, .c843dcd338dd9:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c913ab0cc3eba:hover svg, .cace4825e307e:hover svg, .c843dcd338dd9:hover svg,
.c913ab0cc3eba:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c913ab0cc3eba:active, .cace4825e307e:active, .c843dcd338dd9:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c913ab0cc3eba:active svg, .cace4825e307e:active svg, .c843dcd338dd9:active svg,
.c913ab0cc3eba:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c913ab0cc3eba.disabled, .cace4825e307e.disabled, .c843dcd338dd9.disabled, .c913ab0cc3eba[disabled], [disabled].cace4825e307e, [disabled].c843dcd338dd9, .c913ab0cc3eba:disabled, .cace4825e307e:disabled, .c843dcd338dd9:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8ae64b62dc57, .c74d7dcef6193 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c8ae64b62dc57 svg, .c74d7dcef6193 svg,
.c8ae64b62dc57 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c8ae64b62dc57:focus-visible, .c74d7dcef6193:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8ae64b62dc57:focus-visible svg, .c74d7dcef6193:focus-visible svg,
.c8ae64b62dc57:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8ae64b62dc57:hover, .c74d7dcef6193:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c8ae64b62dc57:hover svg, .c74d7dcef6193:hover svg,
.c8ae64b62dc57:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c8ae64b62dc57:active, .c74d7dcef6193:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c8ae64b62dc57:active svg, .c74d7dcef6193:active svg,
.c8ae64b62dc57:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c8ae64b62dc57.disabled, .c74d7dcef6193.disabled, .c8ae64b62dc57[disabled], [disabled].c74d7dcef6193, .c8ae64b62dc57:disabled, .c74d7dcef6193:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8a40af2c9313 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c8a40af2c9313 svg,
.c8a40af2c9313 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c8a40af2c9313:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8a40af2c9313:focus-visible svg,
.c8a40af2c9313:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8a40af2c9313:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c8a40af2c9313:hover svg,
.c8a40af2c9313:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c8a40af2c9313:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c8a40af2c9313:active svg,
.c8a40af2c9313:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c8a40af2c9313.disabled, .c8a40af2c9313[disabled], .c8a40af2c9313:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ccea46b4f06d5, .c1bce54736023 button, .c16ecd828d207 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ccea46b4f06d5 svg, .c1bce54736023 button svg, .c16ecd828d207 svg,
.ccea46b4f06d5 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ccea46b4f06d5:focus-visible, .c1bce54736023 button:focus-visible, .c16ecd828d207:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ccea46b4f06d5:focus-visible svg, .c1bce54736023 button:focus-visible svg, .c16ecd828d207:focus-visible svg,
.ccea46b4f06d5:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ccea46b4f06d5:hover, .c1bce54736023 button:hover, .c16ecd828d207:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ccea46b4f06d5:hover svg, .c1bce54736023 button:hover svg, .c16ecd828d207:hover svg,
.ccea46b4f06d5:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ccea46b4f06d5:active, .c1bce54736023 button:active, .c16ecd828d207:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ccea46b4f06d5:active svg, .c1bce54736023 button:active svg, .c16ecd828d207:active svg,
.ccea46b4f06d5:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ccea46b4f06d5.disabled, .c1bce54736023 button.disabled, .c16ecd828d207.disabled, .ccea46b4f06d5[disabled], .c1bce54736023 button[disabled], [disabled].c16ecd828d207, .ccea46b4f06d5:disabled, .c1bce54736023 button:disabled, .c16ecd828d207:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ccea46b4f06d5.disabled svg, .c1bce54736023 button.disabled svg, .c16ecd828d207.disabled svg,
.ccea46b4f06d5.disabled span svg, .ccea46b4f06d5[disabled] svg, .c1bce54736023 button[disabled] svg, [disabled].c16ecd828d207 svg,
.ccea46b4f06d5[disabled] span svg, .ccea46b4f06d5:disabled svg, .c1bce54736023 button:disabled svg, .c16ecd828d207:disabled svg,
.ccea46b4f06d5:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c67626f64b6dc {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c67626f64b6dc svg {
  color: var(--button-icon-foreground-color-selected);
}

.c7dbff1ecaef6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c7dbff1ecaef6 svg,
.c7dbff1ecaef6 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c7dbff1ecaef6:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c7dbff1ecaef6:focus-visible svg,
.c7dbff1ecaef6:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c7dbff1ecaef6:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c7dbff1ecaef6:hover svg,
.c7dbff1ecaef6:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c7dbff1ecaef6:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c7dbff1ecaef6:active svg,
.c7dbff1ecaef6:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cb9a95a60b923 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cf8f8a71a86ee {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8818d05ede8b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c8818d05ede8b:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c8818d05ede8b:focus-visible svg,
.c8818d05ede8b:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c8818d05ede8b:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c8818d05ede8b:active {
  border: none;
  background-color: transparent;
}

.c873719be021f, .c16ecd828d207 svg, .cf480c4d355ba, .ca9a777c22870 span svg, .c1bce54736023 button svg, .c843c0c870929.intermediate svg, .c64e51da3c67b label span.intermediate svg, .c843c0c870929.checked svg, .c64e51da3c67b label span.checked svg, .cb8cac8c65cb5 span svg,
.cb8cac8c65cb5 label svg, .ca2c25a506907 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c4c8ef097a094 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c4c8ef097a094:hover {
  fill: none;
  stroke: none;
}

.cf480c4d355ba, .ca9a777c22870 span svg, .c1bce54736023 button svg, .c843c0c870929.intermediate svg, .c64e51da3c67b label span.intermediate svg, .c843c0c870929.checked svg, .c64e51da3c67b label span.checked svg, .cb8cac8c65cb5 span svg,
.cb8cac8c65cb5 label svg, .ca2c25a506907 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c32f68065364e {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c32f68065364e:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c5d446d80a898, .c512d84ca2534 input, .c4bede47643f1 input, .cb8cac8c65cb5 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c5d446d80a898, .c512d84ca2534 input, .c4bede47643f1 input, .cb8cac8c65cb5 input {
    height: 23px;
  }
}
.c5d446d80a898, .c512d84ca2534 input, .c4bede47643f1 input, .cb8cac8c65cb5 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c5d446d80a898[disabled], .c512d84ca2534 input[disabled], .c4bede47643f1 input[disabled], .cb8cac8c65cb5 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ca2c25a506907 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c842f25a34b42, .cb8cac8c65cb5 span,
.cb8cac8c65cb5 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c842f25a34b42, .cb8cac8c65cb5 span,
  .cb8cac8c65cb5 label {
    height: 25px;
  }
}
.c842f25a34b42, .cb8cac8c65cb5 span,
.cb8cac8c65cb5 label {
  color: var(--input-foreground-color);
}

.cb8cac8c65cb5 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb8cac8c65cb5 {
    height: 25px;
    font-size: 10px;
  }
}
.cb8cac8c65cb5 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cb8cac8c65cb5 span svg,
.cb8cac8c65cb5 label svg {
  color: var(--input-foreground-color);
}
.cb8cac8c65cb5 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cb8cac8c65cb5 ::placeholder {
  color: var(--input-placeholder-color);
}
.cb8cac8c65cb5:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb8cac8c65cb5:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cb8cac8c65cb5:hover span {
  color: var(--input-foreground-color-hover);
}
.cb8cac8c65cb5:hover input {
  color: var(--input-foreground-color-hover);
}
.cb8cac8c65cb5:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cb8cac8c65cb5:active span {
  color: var(--input-foreground-color-active);
}
.cb8cac8c65cb5:active input {
  color: var(--input-foreground-color-active);
}
.cb8cac8c65cb5:focus, .cb8cac8c65cb5:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb8cac8c65cb5:focus span, .cb8cac8c65cb5:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cb8cac8c65cb5:focus input, .cb8cac8c65cb5:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cb8cac8c65cb5:focus:hover, .cb8cac8c65cb5:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb8cac8c65cb5:focus:hover span, .cb8cac8c65cb5:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cb8cac8c65cb5:focus:hover input, .cb8cac8c65cb5:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c4bede47643f1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c4bede47643f1 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c4bede47643f1 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4bede47643f1 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4bede47643f1:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c4bede47643f1:focus-within input, .c4bede47643f1:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c9b22ebb40565, .c512d84ca2534.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c9b22ebb40565 input, .c512d84ca2534.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c9b22ebb40565 span svg, .c512d84ca2534.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c843c0c870929, .c64e51da3c67b label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c843c0c870929 svg, .c64e51da3c67b label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c843c0c870929:hover, .c64e51da3c67b label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c843c0c870929:focus, .c64e51da3c67b label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c843c0c870929.checked, .c64e51da3c67b label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c843c0c870929.checked svg, .c64e51da3c67b label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c843c0c870929.intermediate, .c64e51da3c67b label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c843c0c870929.intermediate svg, .c64e51da3c67b label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c843c0c870929.unchecked, .c64e51da3c67b label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c843c0c870929.unchecked svg, .c64e51da3c67b label span.unchecked svg {
  display: none;
}

.c64e51da3c67b {
  display: flex;
  align-items: center;
}
.c64e51da3c67b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c64e51da3c67b label input {
  margin: 0;
}
.c64e51da3c67b label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c64e51da3c67b label:focus span, .c64e51da3c67b label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c512d84ca2534 {
  display: flex;
  flex-direction: column;
}
.c512d84ca2534 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c512d84ca2534 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c512d84ca2534 input:focus-within input, .c512d84ca2534 input:active input {
  color: var(--input-foreground-color-active);
}
.c512d84ca2534 input:focus-within, .c512d84ca2534 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c512d84ca2534.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.caa472addad8c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ccd3a7a194d25 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c22a12a799a20 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c16ecd828d207 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c9388f4a6f1ab {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c29cb722ebd62 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c74d7dcef6193 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c843dcd338dd9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cace4825e307e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c18ee1586de58 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c18ee1586de58:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ca6d62ac848b6 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cc366b9d28e72 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cfdc205b9818c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cf4b70c9be62d {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c85a47beb7c18 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c85a47beb7c18:hover, .c85a47beb7c18:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c1bce54736023 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c1bce54736023 button {
  display: none;
}
.c1bce54736023 button svg {
  stroke: var(--icon-foreground);
}
.c1bce54736023:hover button {
  display: flex;
}

.c6a32363c7dc4 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c6a32363c7dc4 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c6a32363c7dc4 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c5180f8916857 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c5180f8916857:hover div {
  color: var(--entry-foreground-color-hover);
}

.c597fd45faaf8 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c8ba975e679e1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c8ba975e679e1:hover {
  background-color: var(--menu-background-color-hover);
}

.ca9a777c22870 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ca9a777c22870 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ca9a777c22870 span svg {
  stroke: var(--icon-foreground);
}
.ca9a777c22870:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ca9a777c22870:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ca19be27a475c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c1267b7375830 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c4a7c9dc6e1d2,
.c2df45ad85b43 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cef9adc4aa93b .c4a7c9dc6e1d2,
.cef9adc4aa93b .c2df45ad85b43 {
  transform: scale(1);
}

.c3fd01f3baae7 .c4a7c9dc6e1d2,
.c3fd01f3baae7 .c2df45ad85b43 {
  transform: scale(0);
}

.c73ca84c9967f {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  border: none;
  cursor: pointer;
  display: flex;
  font-family: "worksans", "vazirmatn", sans-serif;
  justify-content: center;
  min-width: 25px;
  padding: 0 1rem;
  transition: all 0.4s;
  text-decoration: none !important;
  height: 40px;
}
.c73ca84c9967f svg {
  height: 20px;
  width: 20px;
}
.cddfcc0dd5a64 {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  border-radius: 0.5rem;
  margin-top: var(--sp-s);
  padding: var(--sp-m);
  background-color: var(--menu-background-color);
  color: var(--input-foreground-color-active);
  overflow: auto;
}
@keyframes c912652111d82 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c98efd2f51f91 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c98efd2f51f91:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c98efd2f51f91 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c98efd2f51f91 ::-webkit-scrollbar-track,
.c98efd2f51f91 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c98efd2f51f91 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c98efd2f51f91 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c98efd2f51f91 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c98efd2f51f91 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c98efd2f51f91 ::placeholder,
.c98efd2f51f91 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c0bafdf847ed2, .c77aed7ef243b, .c177b5271251e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c0bafdf847ed2 svg, .c77aed7ef243b svg, .c177b5271251e svg,
.c0bafdf847ed2 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c0bafdf847ed2:focus-visible, .c77aed7ef243b:focus-visible, .c177b5271251e:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c0bafdf847ed2:focus-visible svg, .c77aed7ef243b:focus-visible svg, .c177b5271251e:focus-visible svg,
.c0bafdf847ed2:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c0bafdf847ed2:hover, .c77aed7ef243b:hover, .c177b5271251e:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c0bafdf847ed2:hover svg, .c77aed7ef243b:hover svg, .c177b5271251e:hover svg,
.c0bafdf847ed2:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c0bafdf847ed2:active, .c77aed7ef243b:active, .c177b5271251e:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c0bafdf847ed2:active svg, .c77aed7ef243b:active svg, .c177b5271251e:active svg,
.c0bafdf847ed2:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c0bafdf847ed2.disabled, .c77aed7ef243b.disabled, .c177b5271251e.disabled, .c0bafdf847ed2[disabled], [disabled].c77aed7ef243b, [disabled].c177b5271251e, .c0bafdf847ed2:disabled, .c77aed7ef243b:disabled, .c177b5271251e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c55b5b749a7c7, .c0c6cec03e2e4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c55b5b749a7c7 svg, .c0c6cec03e2e4 svg,
.c55b5b749a7c7 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c55b5b749a7c7:focus-visible, .c0c6cec03e2e4:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c55b5b749a7c7:focus-visible svg, .c0c6cec03e2e4:focus-visible svg,
.c55b5b749a7c7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c55b5b749a7c7:hover, .c0c6cec03e2e4:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c55b5b749a7c7:hover svg, .c0c6cec03e2e4:hover svg,
.c55b5b749a7c7:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c55b5b749a7c7:active, .c0c6cec03e2e4:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c55b5b749a7c7:active svg, .c0c6cec03e2e4:active svg,
.c55b5b749a7c7:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c55b5b749a7c7.disabled, .c0c6cec03e2e4.disabled, .c55b5b749a7c7[disabled], [disabled].c0c6cec03e2e4, .c55b5b749a7c7:disabled, .c0c6cec03e2e4:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2adb853f206a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c2adb853f206a svg,
.c2adb853f206a span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c2adb853f206a:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2adb853f206a:focus-visible svg,
.c2adb853f206a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2adb853f206a:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c2adb853f206a:hover svg,
.c2adb853f206a:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c2adb853f206a:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c2adb853f206a:active svg,
.c2adb853f206a:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c2adb853f206a.disabled, .c2adb853f206a[disabled], .c2adb853f206a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca1131b70c4b8, .c3ae912ce88bb button, .c45105d97e8e7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca1131b70c4b8 svg, .c3ae912ce88bb button svg, .c45105d97e8e7 svg,
.ca1131b70c4b8 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca1131b70c4b8:focus-visible, .c3ae912ce88bb button:focus-visible, .c45105d97e8e7:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca1131b70c4b8:focus-visible svg, .c3ae912ce88bb button:focus-visible svg, .c45105d97e8e7:focus-visible svg,
.ca1131b70c4b8:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca1131b70c4b8:hover, .c3ae912ce88bb button:hover, .c45105d97e8e7:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca1131b70c4b8:hover svg, .c3ae912ce88bb button:hover svg, .c45105d97e8e7:hover svg,
.ca1131b70c4b8:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca1131b70c4b8:active, .c3ae912ce88bb button:active, .c45105d97e8e7:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca1131b70c4b8:active svg, .c3ae912ce88bb button:active svg, .c45105d97e8e7:active svg,
.ca1131b70c4b8:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca1131b70c4b8.disabled, .c3ae912ce88bb button.disabled, .c45105d97e8e7.disabled, .ca1131b70c4b8[disabled], .c3ae912ce88bb button[disabled], [disabled].c45105d97e8e7, .ca1131b70c4b8:disabled, .c3ae912ce88bb button:disabled, .c45105d97e8e7:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca1131b70c4b8.disabled svg, .c3ae912ce88bb button.disabled svg, .c45105d97e8e7.disabled svg,
.ca1131b70c4b8.disabled span svg, .ca1131b70c4b8[disabled] svg, .c3ae912ce88bb button[disabled] svg, [disabled].c45105d97e8e7 svg,
.ca1131b70c4b8[disabled] span svg, .ca1131b70c4b8:disabled svg, .c3ae912ce88bb button:disabled svg, .c45105d97e8e7:disabled svg,
.ca1131b70c4b8:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c55dfddd9473e {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c55dfddd9473e svg {
  color: var(--button-icon-foreground-color-selected);
}

.cb1b075a7a175 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cb1b075a7a175 svg,
.cb1b075a7a175 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cb1b075a7a175:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cb1b075a7a175:focus-visible svg,
.cb1b075a7a175:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cb1b075a7a175:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cb1b075a7a175:hover svg,
.cb1b075a7a175:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cb1b075a7a175:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cb1b075a7a175:active svg,
.cb1b075a7a175:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cfb8fea7c513c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7dd738c80786 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0cfbf4529bfb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c0cfbf4529bfb:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c0cfbf4529bfb:focus-visible svg,
.c0cfbf4529bfb:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c0cfbf4529bfb:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c0cfbf4529bfb:active {
  border: none;
  background-color: transparent;
}

.c233a2b0374fc, .c45105d97e8e7 svg, .cef00c1d344ad, .cb089c7766120 span svg, .c3ae912ce88bb button svg, .c3a8d35a590e5.intermediate svg, .c69ad9dcc81b8 label span.intermediate svg, .c3a8d35a590e5.checked svg, .c69ad9dcc81b8 label span.checked svg, .cb923de484c00 span svg,
.cb923de484c00 label svg, .c06d8c6c22a50 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c05ffc7e521d2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c05ffc7e521d2:hover {
  fill: none;
  stroke: none;
}

.cef00c1d344ad, .cb089c7766120 span svg, .c3ae912ce88bb button svg, .c3a8d35a590e5.intermediate svg, .c69ad9dcc81b8 label span.intermediate svg, .c3a8d35a590e5.checked svg, .c69ad9dcc81b8 label span.checked svg, .cb923de484c00 span svg,
.cb923de484c00 label svg, .c06d8c6c22a50 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cbd88091a1184 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cbd88091a1184:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cfd7c46eed647, .cfac4dc9521de input, .ce0860c29bf79 input, .cb923de484c00 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cfd7c46eed647, .cfac4dc9521de input, .ce0860c29bf79 input, .cb923de484c00 input {
    height: 23px;
  }
}
.cfd7c46eed647, .cfac4dc9521de input, .ce0860c29bf79 input, .cb923de484c00 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cfd7c46eed647[disabled], .cfac4dc9521de input[disabled], .ce0860c29bf79 input[disabled], .cb923de484c00 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c06d8c6c22a50 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cf88bee38afe6, .cb923de484c00 span,
.cb923de484c00 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf88bee38afe6, .cb923de484c00 span,
  .cb923de484c00 label {
    height: 25px;
  }
}
.cf88bee38afe6, .cb923de484c00 span,
.cb923de484c00 label {
  color: var(--input-foreground-color);
}

.cb923de484c00 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb923de484c00 {
    height: 25px;
    font-size: 10px;
  }
}
.cb923de484c00 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cb923de484c00 span svg,
.cb923de484c00 label svg {
  color: var(--input-foreground-color);
}
.cb923de484c00 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cb923de484c00 ::placeholder {
  color: var(--input-placeholder-color);
}
.cb923de484c00:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb923de484c00:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cb923de484c00:hover span {
  color: var(--input-foreground-color-hover);
}
.cb923de484c00:hover input {
  color: var(--input-foreground-color-hover);
}
.cb923de484c00:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cb923de484c00:active span {
  color: var(--input-foreground-color-active);
}
.cb923de484c00:active input {
  color: var(--input-foreground-color-active);
}
.cb923de484c00:focus, .cb923de484c00:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb923de484c00:focus span, .cb923de484c00:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cb923de484c00:focus input, .cb923de484c00:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cb923de484c00:focus:hover, .cb923de484c00:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb923de484c00:focus:hover span, .cb923de484c00:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cb923de484c00:focus:hover input, .cb923de484c00:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ce0860c29bf79 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ce0860c29bf79 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ce0860c29bf79 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce0860c29bf79 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce0860c29bf79:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ce0860c29bf79:focus-within input, .ce0860c29bf79:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ca07ff606e168, .cfac4dc9521de.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ca07ff606e168 input, .cfac4dc9521de.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ca07ff606e168 span svg, .cfac4dc9521de.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c3a8d35a590e5, .c69ad9dcc81b8 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c3a8d35a590e5 svg, .c69ad9dcc81b8 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c3a8d35a590e5:hover, .c69ad9dcc81b8 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c3a8d35a590e5:focus, .c69ad9dcc81b8 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c3a8d35a590e5.checked, .c69ad9dcc81b8 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c3a8d35a590e5.checked svg, .c69ad9dcc81b8 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c3a8d35a590e5.intermediate, .c69ad9dcc81b8 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c3a8d35a590e5.intermediate svg, .c69ad9dcc81b8 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c3a8d35a590e5.unchecked, .c69ad9dcc81b8 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c3a8d35a590e5.unchecked svg, .c69ad9dcc81b8 label span.unchecked svg {
  display: none;
}

.c69ad9dcc81b8 {
  display: flex;
  align-items: center;
}
.c69ad9dcc81b8 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c69ad9dcc81b8 label input {
  margin: 0;
}
.c69ad9dcc81b8 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c69ad9dcc81b8 label:focus span, .c69ad9dcc81b8 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cfac4dc9521de {
  display: flex;
  flex-direction: column;
}
.cfac4dc9521de label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cfac4dc9521de input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cfac4dc9521de input:focus-within input, .cfac4dc9521de input:active input {
  color: var(--input-foreground-color-active);
}
.cfac4dc9521de input:focus-within, .cfac4dc9521de input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cfac4dc9521de.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cab23fe8ee968 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c51d17b8a2282 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c9bf03ab9c601 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c45105d97e8e7 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c433205f4ea3f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c2eb8ba56cad4 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c0c6cec03e2e4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c177b5271251e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c77aed7ef243b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cefecd8b601ac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cefecd8b601ac:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c68ecfe5df390 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cb830b36fb629 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cf3e385a51555 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c047c353eb569 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ca525e17ba3ce {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ca525e17ba3ce:hover, .ca525e17ba3ce:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c3ae912ce88bb div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c3ae912ce88bb button {
  display: none;
}
.c3ae912ce88bb button svg {
  stroke: var(--icon-foreground);
}
.c3ae912ce88bb:hover button {
  display: flex;
}

.cc7c638f0b290 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cc7c638f0b290 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cc7c638f0b290 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ce2fbfc91dc6f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ce2fbfc91dc6f:hover div {
  color: var(--entry-foreground-color-hover);
}

.c01b66ad991bc {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cd841d7d5fbf9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cd841d7d5fbf9:hover {
  background-color: var(--menu-background-color-hover);
}

.cb089c7766120 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cb089c7766120 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cb089c7766120 span svg {
  stroke: var(--icon-foreground);
}
.cb089c7766120:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cb089c7766120:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c5f3da77f5fa2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c72ff9666d693 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ce805259041b3,
.cee95511c860c {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cf3f9bbcb6611 .ce805259041b3,
.cf3f9bbcb6611 .cee95511c860c {
  transform: scale(1);
}

.cef40a15da3a8 .ce805259041b3,
.cef40a15da3a8 .cee95511c860c {
  transform: scale(0);
}

.c03d9d75b58ac {
  position: relative;
  display: flex;
  flex-direction: row;
  width: var(--bullet-size, 1.5rem);
  height: var(--bullet-size, 1.5rem);
  min-width: var(--bullet-size, 1.5rem);
  min-height: var(--bullet-size, 1.5rem);
  border: calc(1px + 0.125rem) solid var(--color-bullet-border-color);
  border-radius: 50%;
}
.c03d9d75b58ac.cc148784a1632 {
  grid-area: color;
}
.c03d9d75b58ac.cd6ee39f098a7 {
  width: var(--bullet-size, 1rem);
  height: var(--bullet-size, 1rem);
  min-width: var(--bullet-size, 1rem);
  min-height: var(--bullet-size, 1rem);
  margin-top: 0;
  border: 1px solid var(--color-bullet-border-color);
}
.c03d9d75b58ac.c54325dde4e44 {
  overflow: hidden;
  border-radius: 8px;
}
.c03d9d75b58ac.c54325dde4e44 .cb579e63af171 {
  clip-path: none;
}
.c03d9d75b58ac.c54325dde4e44.cd6ee39f098a7 {
  border-radius: 4px;
}
.c03d9d75b58ac.c77c09e70860e {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAExJREFUSIljvHnz5n8GLEBNTQ2bMMOtW7ewiuNSz4RVlIpg1IKBt4Dx////WFMRqakFl/qhH0SjFhAELNRKLaNl0Qi2YLQsGrWAcgAA0gAgQPhT2rAAAAAASUVORK5CYII=") left center;
  background-color: var(--color-bullet-background-color);
  transform: rotate(-90deg);
}
.c03d9d75b58ac.c3d753cac109b {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAExJREFUSIljvHnz5n8GLEBNTQ2bMMOtW7ewiuNSz4RVlIpg1IKBt4Dx////WFMRqakFl/qhH0SjFhAELNRKLaNl0Qi2YLQsGrWAcgAA0gAgQPhT2rAAAAAASUVORK5CYII=") left center;
  background-color: var(--color-bullet-background-color);
}
.c03d9d75b58ac .cb579e63af171 {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  clip-path: circle(50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c03d9d75b58ac .cb579e63af171 > * {
  width: 100%;
  height: 100%;
  background-color: var(--color-bullet-background-color);
}
.c03d9d75b58ac:hover:not(.c20f01a4bffdf) {
  border: 0.125rem solid var(--color-bullet-border-color-selected);
}

.cb161c9995eee {
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  width: 5rem;
  text-align: center;
  margin-top: 0.125rem;
  max-height: 1.75rem;
  color: var(--palette-text-color);
}
.cb161c9995eee.cb544348b3f6a {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 1rem;
}

.c4b365bed3b9a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  margin: 0;
  text-align: left;
  color: var(--menu-foreground-color);
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1;
  color: var(--palette-text-color);
  text-align: center;
}

.c199526ea2919 {
  display: none;
}

.c1eed9b410b84 {
  color: var(--menu-foreground-color);
}
@keyframes caaffbeee04db {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cfde8ecf03f1b {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cfde8ecf03f1b:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cfde8ecf03f1b ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cfde8ecf03f1b ::-webkit-scrollbar-track,
.cfde8ecf03f1b ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cfde8ecf03f1b ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cfde8ecf03f1b ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cfde8ecf03f1b ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cfde8ecf03f1b ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cfde8ecf03f1b ::placeholder,
.cfde8ecf03f1b ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c6631910352c0, .c083b3133b868, .c5cd059e0797a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c6631910352c0 svg, .c083b3133b868 svg, .c5cd059e0797a svg,
.c6631910352c0 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c6631910352c0:focus-visible, .c083b3133b868:focus-visible, .c5cd059e0797a:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c6631910352c0:focus-visible svg, .c083b3133b868:focus-visible svg, .c5cd059e0797a:focus-visible svg,
.c6631910352c0:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c6631910352c0:hover, .c083b3133b868:hover, .c5cd059e0797a:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c6631910352c0:hover svg, .c083b3133b868:hover svg, .c5cd059e0797a:hover svg,
.c6631910352c0:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c6631910352c0:active, .c083b3133b868:active, .c5cd059e0797a:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c6631910352c0:active svg, .c083b3133b868:active svg, .c5cd059e0797a:active svg,
.c6631910352c0:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c6631910352c0.disabled, .c083b3133b868.disabled, .c5cd059e0797a.disabled, .c6631910352c0[disabled], [disabled].c083b3133b868, [disabled].c5cd059e0797a, .c6631910352c0:disabled, .c083b3133b868:disabled, .c5cd059e0797a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0637f11e0ac3, .c3f4d2d417f22 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c0637f11e0ac3 svg, .c3f4d2d417f22 svg,
.c0637f11e0ac3 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c0637f11e0ac3:focus-visible, .c3f4d2d417f22:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c0637f11e0ac3:focus-visible svg, .c3f4d2d417f22:focus-visible svg,
.c0637f11e0ac3:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c0637f11e0ac3:hover, .c3f4d2d417f22:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c0637f11e0ac3:hover svg, .c3f4d2d417f22:hover svg,
.c0637f11e0ac3:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c0637f11e0ac3:active, .c3f4d2d417f22:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c0637f11e0ac3:active svg, .c3f4d2d417f22:active svg,
.c0637f11e0ac3:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c0637f11e0ac3.disabled, .c3f4d2d417f22.disabled, .c0637f11e0ac3[disabled], [disabled].c3f4d2d417f22, .c0637f11e0ac3:disabled, .c3f4d2d417f22:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c59944ebd7404 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c59944ebd7404 svg,
.c59944ebd7404 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c59944ebd7404:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c59944ebd7404:focus-visible svg,
.c59944ebd7404:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c59944ebd7404:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c59944ebd7404:hover svg,
.c59944ebd7404:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c59944ebd7404:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c59944ebd7404:active svg,
.c59944ebd7404:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c59944ebd7404.disabled, .c59944ebd7404[disabled], .c59944ebd7404:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca72a6724a662, .c9ef47b917a99 button, .cd3abcdfebc17 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca72a6724a662 svg, .c9ef47b917a99 button svg, .cd3abcdfebc17 svg,
.ca72a6724a662 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca72a6724a662:focus-visible, .c9ef47b917a99 button:focus-visible, .cd3abcdfebc17:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca72a6724a662:focus-visible svg, .c9ef47b917a99 button:focus-visible svg, .cd3abcdfebc17:focus-visible svg,
.ca72a6724a662:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca72a6724a662:hover, .c9ef47b917a99 button:hover, .cd3abcdfebc17:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca72a6724a662:hover svg, .c9ef47b917a99 button:hover svg, .cd3abcdfebc17:hover svg,
.ca72a6724a662:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca72a6724a662:active, .c9ef47b917a99 button:active, .cd3abcdfebc17:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca72a6724a662:active svg, .c9ef47b917a99 button:active svg, .cd3abcdfebc17:active svg,
.ca72a6724a662:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca72a6724a662.disabled, .c9ef47b917a99 button.disabled, .cd3abcdfebc17.disabled, .ca72a6724a662[disabled], .c9ef47b917a99 button[disabled], [disabled].cd3abcdfebc17, .ca72a6724a662:disabled, .c9ef47b917a99 button:disabled, .cd3abcdfebc17:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca72a6724a662.disabled svg, .c9ef47b917a99 button.disabled svg, .cd3abcdfebc17.disabled svg,
.ca72a6724a662.disabled span svg, .ca72a6724a662[disabled] svg, .c9ef47b917a99 button[disabled] svg, [disabled].cd3abcdfebc17 svg,
.ca72a6724a662[disabled] span svg, .ca72a6724a662:disabled svg, .c9ef47b917a99 button:disabled svg, .cd3abcdfebc17:disabled svg,
.ca72a6724a662:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c610a5e8ae5ae {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c610a5e8ae5ae svg {
  color: var(--button-icon-foreground-color-selected);
}

.c8cc37893543c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c8cc37893543c svg,
.c8cc37893543c span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c8cc37893543c:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c8cc37893543c:focus-visible svg,
.c8cc37893543c:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c8cc37893543c:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c8cc37893543c:hover svg,
.c8cc37893543c:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c8cc37893543c:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c8cc37893543c:active svg,
.c8cc37893543c:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c9fe5ce14fc12 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c62eb3141bd27 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c45893a155d01, .c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a.cd547be6c336e .c934de8448ed6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c45893a155d01:focus-visible, .c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a.cd547be6c336e .c934de8448ed6:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c45893a155d01:focus-visible svg, .c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a.cd547be6c336e .c934de8448ed6:focus-visible svg,
.c45893a155d01:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c45893a155d01:hover svg, .c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a.cd547be6c336e .c934de8448ed6:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c45893a155d01:active, .c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a.cd547be6c336e .c934de8448ed6:active {
  border: none;
  background-color: transparent;
}

.c8d8bdebb3bbe, .cd3abcdfebc17 svg, .cc912979a69b4, .c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a .c59c210826f89.c96fe396a5bb9 .c6ca3e9a9c688 svg, .c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a .c59c210826f89.ce21142472df6 .c76a59b46f275 svg, .c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a.cd547be6c336e .c934de8448ed6 svg, .ca665bb263d9e span svg, .c9ef47b917a99 button svg, .c5d0543207cd5.intermediate svg, .c356db3c336a6 label span.intermediate svg, .c5d0543207cd5.checked svg, .c356db3c336a6 label span.checked svg, .c6a659da479ef span svg,
.c6a659da479ef label svg, .c081af837b69d svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c6c30aaff7f10 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c6c30aaff7f10:hover {
  fill: none;
  stroke: none;
}

.cc912979a69b4, .c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a .c59c210826f89.c96fe396a5bb9 .c6ca3e9a9c688 svg, .c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a .c59c210826f89.ce21142472df6 .c76a59b46f275 svg, .c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a.cd547be6c336e .c934de8448ed6 svg, .ca665bb263d9e span svg, .c9ef47b917a99 button svg, .c5d0543207cd5.intermediate svg, .c356db3c336a6 label span.intermediate svg, .c5d0543207cd5.checked svg, .c356db3c336a6 label span.checked svg, .c6a659da479ef span svg,
.c6a659da479ef label svg, .c081af837b69d svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cb45a72f8ac87 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cb45a72f8ac87:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c797cdeb4ea4d, .c2308d33cd9b1 input, .cb4a3cb355085 input, .c6a659da479ef input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c797cdeb4ea4d, .c2308d33cd9b1 input, .cb4a3cb355085 input, .c6a659da479ef input {
    height: 23px;
  }
}
.c797cdeb4ea4d, .c2308d33cd9b1 input, .cb4a3cb355085 input, .c6a659da479ef input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c797cdeb4ea4d[disabled], .c2308d33cd9b1 input[disabled], .cb4a3cb355085 input[disabled], .c6a659da479ef input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c081af837b69d {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c773dc654eb6c, .c6a659da479ef span,
.c6a659da479ef label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c773dc654eb6c, .c6a659da479ef span,
  .c6a659da479ef label {
    height: 25px;
  }
}
.c773dc654eb6c, .c6a659da479ef span,
.c6a659da479ef label {
  color: var(--input-foreground-color);
}

.c6a659da479ef {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6a659da479ef {
    height: 25px;
    font-size: 10px;
  }
}
.c6a659da479ef {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c6a659da479ef span svg,
.c6a659da479ef label svg {
  color: var(--input-foreground-color);
}
.c6a659da479ef ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c6a659da479ef ::placeholder {
  color: var(--input-placeholder-color);
}
.c6a659da479ef:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c6a659da479ef:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c6a659da479ef:hover span {
  color: var(--input-foreground-color-hover);
}
.c6a659da479ef:hover input {
  color: var(--input-foreground-color-hover);
}
.c6a659da479ef:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c6a659da479ef:active span {
  color: var(--input-foreground-color-active);
}
.c6a659da479ef:active input {
  color: var(--input-foreground-color-active);
}
.c6a659da479ef:focus, .c6a659da479ef:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6a659da479ef:focus span, .c6a659da479ef:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c6a659da479ef:focus input, .c6a659da479ef:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c6a659da479ef:focus:hover, .c6a659da479ef:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6a659da479ef:focus:hover span, .c6a659da479ef:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c6a659da479ef:focus:hover input, .c6a659da479ef:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cb4a3cb355085 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cb4a3cb355085 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cb4a3cb355085 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb4a3cb355085 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb4a3cb355085:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cb4a3cb355085:focus-within input, .cb4a3cb355085:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cb5b5b61f593b, .c2308d33cd9b1.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cb5b5b61f593b input, .c2308d33cd9b1.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cb5b5b61f593b span svg, .c2308d33cd9b1.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c5d0543207cd5, .c356db3c336a6 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c5d0543207cd5 svg, .c356db3c336a6 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c5d0543207cd5:hover, .c356db3c336a6 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5d0543207cd5:focus, .c356db3c336a6 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c5d0543207cd5.checked, .c356db3c336a6 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c5d0543207cd5.checked svg, .c356db3c336a6 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c5d0543207cd5.intermediate, .c356db3c336a6 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c5d0543207cd5.intermediate svg, .c356db3c336a6 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c5d0543207cd5.unchecked, .c356db3c336a6 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c5d0543207cd5.unchecked svg, .c356db3c336a6 label span.unchecked svg {
  display: none;
}

.c356db3c336a6 {
  display: flex;
  align-items: center;
}
.c356db3c336a6 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c356db3c336a6 label input {
  margin: 0;
}
.c356db3c336a6 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c356db3c336a6 label:focus span, .c356db3c336a6 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c2308d33cd9b1 {
  display: flex;
  flex-direction: column;
}
.c2308d33cd9b1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c2308d33cd9b1 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c2308d33cd9b1 input:focus-within input, .c2308d33cd9b1 input:active input {
  color: var(--input-foreground-color-active);
}
.c2308d33cd9b1 input:focus-within, .c2308d33cd9b1 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c2308d33cd9b1.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c3a7123173347 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cef31326dd484 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ce7be68c2a910 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd3abcdfebc17 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cc6bc84ce306c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c19dd0b0e19d9 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c3f4d2d417f22 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c5cd059e0797a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c083b3133b868 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cda46377caaa0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cda46377caaa0:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c2091e29957b4 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c1b085321e1c2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c2c53abf5a6e8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cb56f946332b9 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c7cbe5f7754f2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c7cbe5f7754f2:hover, .c7cbe5f7754f2:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c9ef47b917a99 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c9ef47b917a99 button {
  display: none;
}
.c9ef47b917a99 button svg {
  stroke: var(--icon-foreground);
}
.c9ef47b917a99:hover button {
  display: flex;
}

.c205730232142 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c205730232142 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c205730232142 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c1e0db61315f3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c1e0db61315f3:hover div {
  color: var(--entry-foreground-color-hover);
}

.cce6cf2efdfa0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c7286254ec9b8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c7286254ec9b8:hover {
  background-color: var(--menu-background-color-hover);
}

.ca665bb263d9e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ca665bb263d9e span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ca665bb263d9e span svg {
  stroke: var(--icon-foreground);
}
.ca665bb263d9e:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ca665bb263d9e:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c154e3a07b041 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c31d293e5097c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ce500659f8219,
.c61fdae1412f1 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c58eac638c817 .ce500659f8219,
.c58eac638c817 .c61fdae1412f1 {
  transform: scale(1);
}

.c5954dfa76182 .ce500659f8219,
.c5954dfa76182 .c61fdae1412f1 {
  transform: scale(0);
}

.c0a5ac2009e59 {
  position: relative;
  visibility: hidden;
  opacity: 0;
  z-index: 4;
}
.c0a5ac2009e59.cb612a04a12c6 {
  position: relative;
  display: block;
  opacity: 1;
  visibility: visible;
}
.c0a5ac2009e59.c6bb797662184 {
  position: fixed;
}
.c0a5ac2009e59 .c4e63f68f4f77 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 0.75rem;
  left: calc(-1 * 0.375rem);
  max-height: 30rem;
  min-width: 6rem;
  margin: 0px;
  padding: 0.25rem;
  border-radius: 8px;
  border: 0.125rem solid var(--panel-border-color);
  background-color: var(--menu-background-color);
  overflow: auto;
}
.c0a5ac2009e59 .c4e63f68f4f77 .c1ef3ba30245b {
  border-top: solid 1px var(--color-background-quaternary);
}
.c0a5ac2009e59 .c4e63f68f4f77.cce0f6482197a {
  min-width: 12rem;
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a {
  display: flex;
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a .c59c210826f89 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  white-space: nowrap;
  color: var(--menu-foreground-color);
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a .c59c210826f89.c96fe396a5bb9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a .c59c210826f89.c96fe396a5bb9 .c6ca3e9a9c688 {
  margin-left: 0.5rem;
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a .c59c210826f89.c96fe396a5bb9 .c6ca3e9a9c688 svg {
  stroke: var(--menu-foreground-color);
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a .c59c210826f89.ce21142472df6 {
  display: flex;
  align-items: center;
  font-weight: 700;
  background: none;
  border: none;
  cursor: pointer;
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a .c59c210826f89.ce21142472df6 .c76a59b46f275 svg {
  stroke: var(--menu-foreground-color);
  transform: rotate(180deg);
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a:hover .c59c210826f89 {
  background-color: var(--menu-background-color-hover);
  text-decoration: none;
  color: var(--menu-foreground-color);
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a:hover .c59c210826f89.c96fe396a5bb9 .c6ca3e9a9c688 svg {
  stroke: var(--menu-foreground-color);
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a:hover .c59c210826f89.ce21142472df6 .c76a59b46f275 svg {
  stroke: var(--menu-foreground-color);
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a .cd287b13c8df1, .c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a:hover .cd287b13c8df1 {
  color: var(--color-foreground-secondary);
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a:focus {
  outline: none;
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a:focus-visible {
  outline: none;
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a:focus-visible .c59c210826f89 {
  border: 1px solid var(--menu-border-color-focus);
  background-color: var(--menu-background-color-focus);
  text-decoration: none;
  color: var(--menu-foreground-color-focus);
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a:focus-visible .c59c210826f89.c96fe396a5bb9 .c6ca3e9a9c688 svg {
  stroke: var(--menu-foreground-color-focus);
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a:focus-visible .c59c210826f89.ce21142472df6 .c76a59b46f275 svg {
  stroke: var(--menu-foreground-color-focus);
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a.cd547be6c336e .c59c210826f89 {
  justify-content: space-between;
  color: var(--menu-foreground-color-focus);
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a.cd547be6c336e .c934de8448ed6 {
  border-radius: 8px;
  height: 100%;
}
.c0a5ac2009e59 .c4e63f68f4f77 .c6a1b4e2ab17a.cd547be6c336e .c934de8448ed6 svg {
  stroke: var(--menu-foreground-color-focus);
}
.c0a5ac2009e59 .c4e63f68f4f77 .c449a31654d94 .c59c210826f89 {
  padding-left: 1.75rem;
  background-image: url(/images/icons/tick.svg);
  background-repeat: no-repeat;
  background-position: 5% 48%;
  background-size: 0.75rem;
  font-weight: 700;
}
.c0a5ac2009e59.c90df7062d611 .c59c210826f89 {
  padding-left: 1.5rem;
}
@keyframes c9bacbbe90a25 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c1b9e153510ca {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c1b9e153510ca:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c1b9e153510ca ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c1b9e153510ca ::-webkit-scrollbar-track,
.c1b9e153510ca ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c1b9e153510ca ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c1b9e153510ca ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c1b9e153510ca ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1b9e153510ca ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1b9e153510ca ::placeholder,
.c1b9e153510ca ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c293f033682c2, .c83a68129dcb3, .cb0ee0ef956dd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c293f033682c2 svg, .c83a68129dcb3 svg, .cb0ee0ef956dd svg,
.c293f033682c2 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c293f033682c2:focus-visible, .c83a68129dcb3:focus-visible, .cb0ee0ef956dd:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c293f033682c2:focus-visible svg, .c83a68129dcb3:focus-visible svg, .cb0ee0ef956dd:focus-visible svg,
.c293f033682c2:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c293f033682c2:hover, .c83a68129dcb3:hover, .cb0ee0ef956dd:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c293f033682c2:hover svg, .c83a68129dcb3:hover svg, .cb0ee0ef956dd:hover svg,
.c293f033682c2:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c293f033682c2:active, .c83a68129dcb3:active, .cb0ee0ef956dd:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c293f033682c2:active svg, .c83a68129dcb3:active svg, .cb0ee0ef956dd:active svg,
.c293f033682c2:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c293f033682c2.disabled, .c83a68129dcb3.disabled, .cb0ee0ef956dd.disabled, .c293f033682c2[disabled], [disabled].c83a68129dcb3, [disabled].cb0ee0ef956dd, .c293f033682c2:disabled, .c83a68129dcb3:disabled, .cb0ee0ef956dd:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8af2a66f0ed9, .c7b920c2cf85b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c8af2a66f0ed9 svg, .c7b920c2cf85b svg,
.c8af2a66f0ed9 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c8af2a66f0ed9:focus-visible, .c7b920c2cf85b:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8af2a66f0ed9:focus-visible svg, .c7b920c2cf85b:focus-visible svg,
.c8af2a66f0ed9:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8af2a66f0ed9:hover, .c7b920c2cf85b:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c8af2a66f0ed9:hover svg, .c7b920c2cf85b:hover svg,
.c8af2a66f0ed9:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c8af2a66f0ed9:active, .c7b920c2cf85b:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c8af2a66f0ed9:active svg, .c7b920c2cf85b:active svg,
.c8af2a66f0ed9:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c8af2a66f0ed9.disabled, .c7b920c2cf85b.disabled, .c8af2a66f0ed9[disabled], [disabled].c7b920c2cf85b, .c8af2a66f0ed9:disabled, .c7b920c2cf85b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc4ba64e68d47 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cc4ba64e68d47 svg,
.cc4ba64e68d47 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cc4ba64e68d47:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cc4ba64e68d47:focus-visible svg,
.cc4ba64e68d47:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cc4ba64e68d47:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cc4ba64e68d47:hover svg,
.cc4ba64e68d47:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cc4ba64e68d47:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cc4ba64e68d47:active svg,
.cc4ba64e68d47:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cc4ba64e68d47.disabled, .cc4ba64e68d47[disabled], .cc4ba64e68d47:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd4d7a2a22d93, .cabaad475113a button, .c425cd3635779 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cd4d7a2a22d93 svg, .cabaad475113a button svg, .c425cd3635779 svg,
.cd4d7a2a22d93 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cd4d7a2a22d93:focus-visible, .cabaad475113a button:focus-visible, .c425cd3635779:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cd4d7a2a22d93:focus-visible svg, .cabaad475113a button:focus-visible svg, .c425cd3635779:focus-visible svg,
.cd4d7a2a22d93:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cd4d7a2a22d93:hover, .cabaad475113a button:hover, .c425cd3635779:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cd4d7a2a22d93:hover svg, .cabaad475113a button:hover svg, .c425cd3635779:hover svg,
.cd4d7a2a22d93:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cd4d7a2a22d93:active, .cabaad475113a button:active, .c425cd3635779:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cd4d7a2a22d93:active svg, .cabaad475113a button:active svg, .c425cd3635779:active svg,
.cd4d7a2a22d93:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cd4d7a2a22d93.disabled, .cabaad475113a button.disabled, .c425cd3635779.disabled, .cd4d7a2a22d93[disabled], .cabaad475113a button[disabled], [disabled].c425cd3635779, .cd4d7a2a22d93:disabled, .cabaad475113a button:disabled, .c425cd3635779:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cd4d7a2a22d93.disabled svg, .cabaad475113a button.disabled svg, .c425cd3635779.disabled svg,
.cd4d7a2a22d93.disabled span svg, .cd4d7a2a22d93[disabled] svg, .cabaad475113a button[disabled] svg, [disabled].c425cd3635779 svg,
.cd4d7a2a22d93[disabled] span svg, .cd4d7a2a22d93:disabled svg, .cabaad475113a button:disabled svg, .c425cd3635779:disabled svg,
.cd4d7a2a22d93:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c2360c4eadab8 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c2360c4eadab8 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c3c39ca6b48d3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c3c39ca6b48d3 svg,
.c3c39ca6b48d3 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c3c39ca6b48d3:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c3c39ca6b48d3:focus-visible svg,
.c3c39ca6b48d3:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c3c39ca6b48d3:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c3c39ca6b48d3:hover svg,
.c3c39ca6b48d3:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c3c39ca6b48d3:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c3c39ca6b48d3:active svg,
.c3c39ca6b48d3:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c74321243112e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c65356de68179 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cca3c2c09fd02 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cca3c2c09fd02:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cca3c2c09fd02:focus-visible svg,
.cca3c2c09fd02:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cca3c2c09fd02:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cca3c2c09fd02:active {
  border: none;
  background-color: transparent;
}

.cf5045bebeb60, .c425cd3635779 svg, .c2aa3bc4e125d, .c56e2d38fb2db .c42565a5143d3 svg, .c8476ef9a3f48 .c42565a5143d3 svg, .cc9e11488963e span svg, .cabaad475113a button svg, .c97ee5493a05b.intermediate svg, .cf9b5b419085d label span.intermediate svg, .c97ee5493a05b.checked svg, .cf9b5b419085d label span.checked svg, .c3ffdeb7716db span svg,
.c3ffdeb7716db label svg, .c5b9860b15f22 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c63b263ce9b1e {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c63b263ce9b1e:hover {
  fill: none;
  stroke: none;
}

.c2aa3bc4e125d, .c56e2d38fb2db .c42565a5143d3 svg, .c8476ef9a3f48 .c42565a5143d3 svg, .cc9e11488963e span svg, .cabaad475113a button svg, .c97ee5493a05b.intermediate svg, .cf9b5b419085d label span.intermediate svg, .c97ee5493a05b.checked svg, .cf9b5b419085d label span.checked svg, .c3ffdeb7716db span svg,
.c3ffdeb7716db label svg, .c5b9860b15f22 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c5f760a751292 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c5f760a751292:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c2640194bebbb, .c0c63341ea658 input, .cbc9ff3ef5c29 input, .c3ffdeb7716db input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c2640194bebbb, .c0c63341ea658 input, .cbc9ff3ef5c29 input, .c3ffdeb7716db input {
    height: 23px;
  }
}
.c2640194bebbb, .c0c63341ea658 input, .cbc9ff3ef5c29 input, .c3ffdeb7716db input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c2640194bebbb[disabled], .c0c63341ea658 input[disabled], .cbc9ff3ef5c29 input[disabled], .c3ffdeb7716db input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c5b9860b15f22 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cc1ba16011c02, .c3ffdeb7716db span,
.c3ffdeb7716db label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc1ba16011c02, .c3ffdeb7716db span,
  .c3ffdeb7716db label {
    height: 25px;
  }
}
.cc1ba16011c02, .c3ffdeb7716db span,
.c3ffdeb7716db label {
  color: var(--input-foreground-color);
}

.c3ffdeb7716db {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c3ffdeb7716db {
    height: 25px;
    font-size: 10px;
  }
}
.c3ffdeb7716db {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c3ffdeb7716db span svg,
.c3ffdeb7716db label svg {
  color: var(--input-foreground-color);
}
.c3ffdeb7716db ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c3ffdeb7716db ::placeholder {
  color: var(--input-placeholder-color);
}
.c3ffdeb7716db:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3ffdeb7716db:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c3ffdeb7716db:hover span {
  color: var(--input-foreground-color-hover);
}
.c3ffdeb7716db:hover input {
  color: var(--input-foreground-color-hover);
}
.c3ffdeb7716db:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c3ffdeb7716db:active span {
  color: var(--input-foreground-color-active);
}
.c3ffdeb7716db:active input {
  color: var(--input-foreground-color-active);
}
.c3ffdeb7716db:focus, .c3ffdeb7716db:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c3ffdeb7716db:focus span, .c3ffdeb7716db:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c3ffdeb7716db:focus input, .c3ffdeb7716db:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c3ffdeb7716db:focus:hover, .c3ffdeb7716db:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c3ffdeb7716db:focus:hover span, .c3ffdeb7716db:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c3ffdeb7716db:focus:hover input, .c3ffdeb7716db:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cbc9ff3ef5c29 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cbc9ff3ef5c29 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cbc9ff3ef5c29 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cbc9ff3ef5c29 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cbc9ff3ef5c29:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cbc9ff3ef5c29:focus-within input, .cbc9ff3ef5c29:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c1e0c2a6ce76b, .c0c63341ea658.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c1e0c2a6ce76b input, .c0c63341ea658.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c1e0c2a6ce76b span svg, .c0c63341ea658.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c97ee5493a05b, .cf9b5b419085d label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c97ee5493a05b svg, .cf9b5b419085d label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c97ee5493a05b:hover, .cf9b5b419085d label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c97ee5493a05b:focus, .cf9b5b419085d label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c97ee5493a05b.checked, .cf9b5b419085d label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c97ee5493a05b.checked svg, .cf9b5b419085d label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c97ee5493a05b.intermediate, .cf9b5b419085d label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c97ee5493a05b.intermediate svg, .cf9b5b419085d label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c97ee5493a05b.unchecked, .cf9b5b419085d label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c97ee5493a05b.unchecked svg, .cf9b5b419085d label span.unchecked svg {
  display: none;
}

.cf9b5b419085d {
  display: flex;
  align-items: center;
}
.cf9b5b419085d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cf9b5b419085d label input {
  margin: 0;
}
.cf9b5b419085d label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf9b5b419085d label:focus span, .cf9b5b419085d label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c0c63341ea658 {
  display: flex;
  flex-direction: column;
}
.c0c63341ea658 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c0c63341ea658 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c0c63341ea658 input:focus-within input, .c0c63341ea658 input:active input {
  color: var(--input-foreground-color-active);
}
.c0c63341ea658 input:focus-within, .c0c63341ea658 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c0c63341ea658.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c417c5df460a9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ccb7832892a43 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c58d48a21ac07 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c425cd3635779 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c94aba4ad6518 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c7242a57ecfc4 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c7b920c2cf85b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb0ee0ef956dd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c83a68129dcb3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce58d0e2b5674 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce58d0e2b5674:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c6f696d552993 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cf2ecd54f40f6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cb3f074c854cd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ca47a7997da79 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c5e5bd581ba4d {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c5e5bd581ba4d:hover, .c5e5bd581ba4d:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cabaad475113a div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cabaad475113a button {
  display: none;
}
.cabaad475113a button svg {
  stroke: var(--icon-foreground);
}
.cabaad475113a:hover button {
  display: flex;
}

.c52224f6ecbbd {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c52224f6ecbbd .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c52224f6ecbbd .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ca416492b111b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ca416492b111b:hover div {
  color: var(--entry-foreground-color-hover);
}

.c58e1539025ad {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c0155c34299fe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c0155c34299fe:hover {
  background-color: var(--menu-background-color-hover);
}

.cc9e11488963e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cc9e11488963e span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc9e11488963e span svg {
  stroke: var(--icon-foreground);
}
.cc9e11488963e:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cc9e11488963e:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c1c71cebc365d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cfdd7fd6eabf6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c48a96090946d,
.c238a0536c187 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c196ff15f934f .c48a96090946d,
.c196ff15f934f .c238a0536c187 {
  transform: scale(1);
}

.cf460ee6c1b07 .c48a96090946d,
.cf460ee6c1b07 .c238a0536c187 {
  transform: scale(0);
}

.c56e2d38fb2db {
  border: none;
  background: none;
  cursor: pointer;
  width: 100%;
  height: 2rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background-color: transparent;
  box-sizing: border-box;
}
.c56e2d38fb2db .c42565a5143d3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  min-width: 1.75rem;
  width: 1.75rem;
}
.c56e2d38fb2db .c42565a5143d3 svg {
  stroke: none;
}
.c56e2d38fb2db:hover {
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: 1px solid var(--color-background-tertiary);
}
.c56e2d38fb2db:hover .c42565a5143d3 svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.c56e2d38fb2db:focus, .c56e2d38fb2db:focus-visible {
  outline: none;
  border: 1px solid var(--button-tertiary-border-color-focus);
  background-color: transparent;
  color: var(--button-tertiary-foreground-color-focus);
}
.c56e2d38fb2db:focus .c42565a5143d3 svg, .c56e2d38fb2db:focus-visible .c42565a5143d3 svg {
  stroke: var(--button-tertiary-foreground-color-active);
}

.c8476ef9a3f48 {
  border: none;
  background: none;
  cursor: pointer;
  position: relative;
  min-height: 2rem;
  width: 9rem;
  padding: calc(0.5rem - 1px) 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  text-align: left;
  border: 1px solid transparent;
}
.c8476ef9a3f48 .c42565a5143d3 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 2rem;
  width: 1.75rem;
}
.c8476ef9a3f48 .c42565a5143d3 svg {
  stroke: var(--button-tertiary-foreground-color-focus);
  display: none;
}
.c8476ef9a3f48:hover {
  background-color: var(--color-background-fifty);
  color: var(--button-tertiary-foreground-color-focus);
  border: 1px solid var(--color-background-fifty);
}
.c8476ef9a3f48:hover .c42565a5143d3 svg {
  display: flex;
}
.c8476ef9a3f48:focus, .c8476ef9a3f48:focus-visible {
  outline: none;
  border: 1px solid var(--button-tertiary-border-color-focus);
  background-color: transparent;
  color: var(--button-tertiary-foreground-color-focus);
}
.light {
  --color-accent-primary: #6911d4;
  --color-accent-primary-muted: #e1d2f5;
  --color-accent-secondary: #1345aa;
  --color-accent-tertiary: #8c33eb;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(105, 17, 212, 0.6);
  --color-accent-select: rgba(140, 51, 235, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #a7e8d9;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #fedeac;
  --color-accent-error: #c80857;
  --color-background-error: #ffcada;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #bae3fd;
  --color-background-default: #fff;
  --color-accent-default: #eef0f2;
  --color-icon-default: #495e74;
  --color-background-disabled: #e8eaee;
  --color-background-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(255, 255, 255, 0.6);
  --color-overlay-onboarding: rgba(255, 255, 255, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #ddf7ff;
  --color-token-border: #77e1f3;
  --color-token-accent: #59acbb;
  --color-token-foreground: #1d4464;
  --color-badge-premium: #fe9c07;
}

.default {
  --color-accent-primary: #7efff5;
  --color-accent-primary-muted: #426158;
  --color-accent-secondary: #bb97d8;
  --color-accent-tertiary: #00d1b8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(126, 255, 245, 0.6);
  --color-accent-select: rgba(0, 209, 184, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #0a2927;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #3d2501;
  --color-accent-error: #c80857;
  --color-background-error: #500124;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #082c49;
  --color-background-default: #181A19;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-background-disabled: #535353;
  --color-background-primary: #181A19;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #535353;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
}

.c78f6a257f10c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  outline: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 var(--sp-s);
  border: 0.0625rem solid var(--color-accent-primary);
  color: var(--color-foreground-primary);
  background: var(--color-background-primary);
}

.c475f994a63a2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@keyframes c2b2e5c56f20f {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c4250d3feff25 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c4250d3feff25:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c4250d3feff25 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c4250d3feff25 ::-webkit-scrollbar-track,
.c4250d3feff25 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c4250d3feff25 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c4250d3feff25 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c4250d3feff25 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c4250d3feff25 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c4250d3feff25 ::placeholder,
.c4250d3feff25 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ccc3fbf9ad0ee, .c4db23043d64f, .c32d6f63db722 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ccc3fbf9ad0ee svg, .c4db23043d64f svg, .c32d6f63db722 svg,
.ccc3fbf9ad0ee span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ccc3fbf9ad0ee:focus-visible, .c4db23043d64f:focus-visible, .c32d6f63db722:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ccc3fbf9ad0ee:focus-visible svg, .c4db23043d64f:focus-visible svg, .c32d6f63db722:focus-visible svg,
.ccc3fbf9ad0ee:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ccc3fbf9ad0ee:hover, .c4db23043d64f:hover, .c32d6f63db722:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ccc3fbf9ad0ee:hover svg, .c4db23043d64f:hover svg, .c32d6f63db722:hover svg,
.ccc3fbf9ad0ee:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ccc3fbf9ad0ee:active, .c4db23043d64f:active, .c32d6f63db722:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ccc3fbf9ad0ee:active svg, .c4db23043d64f:active svg, .c32d6f63db722:active svg,
.ccc3fbf9ad0ee:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ccc3fbf9ad0ee.disabled, .c4db23043d64f.disabled, .c32d6f63db722.disabled, .ccc3fbf9ad0ee[disabled], [disabled].c4db23043d64f, [disabled].c32d6f63db722, .ccc3fbf9ad0ee:disabled, .c4db23043d64f:disabled, .c32d6f63db722:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cdc43eb6f8747, .c0e2797a3f8ce {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cdc43eb6f8747 svg, .c0e2797a3f8ce svg,
.cdc43eb6f8747 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cdc43eb6f8747:focus-visible, .c0e2797a3f8ce:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cdc43eb6f8747:focus-visible svg, .c0e2797a3f8ce:focus-visible svg,
.cdc43eb6f8747:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cdc43eb6f8747:hover, .c0e2797a3f8ce:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cdc43eb6f8747:hover svg, .c0e2797a3f8ce:hover svg,
.cdc43eb6f8747:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cdc43eb6f8747:active, .c0e2797a3f8ce:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cdc43eb6f8747:active svg, .c0e2797a3f8ce:active svg,
.cdc43eb6f8747:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cdc43eb6f8747.disabled, .c0e2797a3f8ce.disabled, .cdc43eb6f8747[disabled], [disabled].c0e2797a3f8ce, .cdc43eb6f8747:disabled, .c0e2797a3f8ce:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c149068a81da0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c149068a81da0 svg,
.c149068a81da0 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c149068a81da0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c149068a81da0:focus-visible svg,
.c149068a81da0:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c149068a81da0:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c149068a81da0:hover svg,
.c149068a81da0:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c149068a81da0:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c149068a81da0:active svg,
.c149068a81da0:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c149068a81da0.disabled, .c149068a81da0[disabled], .c149068a81da0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf731b82cb2fa, .c60df9d133d81 button, .c6813d8796798 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cf731b82cb2fa svg, .c60df9d133d81 button svg, .c6813d8796798 svg,
.cf731b82cb2fa span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cf731b82cb2fa:focus-visible, .c60df9d133d81 button:focus-visible, .c6813d8796798:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cf731b82cb2fa:focus-visible svg, .c60df9d133d81 button:focus-visible svg, .c6813d8796798:focus-visible svg,
.cf731b82cb2fa:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cf731b82cb2fa:hover, .c60df9d133d81 button:hover, .c6813d8796798:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cf731b82cb2fa:hover svg, .c60df9d133d81 button:hover svg, .c6813d8796798:hover svg,
.cf731b82cb2fa:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cf731b82cb2fa:active, .c60df9d133d81 button:active, .c6813d8796798:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cf731b82cb2fa:active svg, .c60df9d133d81 button:active svg, .c6813d8796798:active svg,
.cf731b82cb2fa:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cf731b82cb2fa.disabled, .c60df9d133d81 button.disabled, .c6813d8796798.disabled, .cf731b82cb2fa[disabled], .c60df9d133d81 button[disabled], [disabled].c6813d8796798, .cf731b82cb2fa:disabled, .c60df9d133d81 button:disabled, .c6813d8796798:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cf731b82cb2fa.disabled svg, .c60df9d133d81 button.disabled svg, .c6813d8796798.disabled svg,
.cf731b82cb2fa.disabled span svg, .cf731b82cb2fa[disabled] svg, .c60df9d133d81 button[disabled] svg, [disabled].c6813d8796798 svg,
.cf731b82cb2fa[disabled] span svg, .cf731b82cb2fa:disabled svg, .c60df9d133d81 button:disabled svg, .c6813d8796798:disabled svg,
.cf731b82cb2fa:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cd82f2911b693 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cd82f2911b693 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c6188a2b8452d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c6188a2b8452d svg,
.c6188a2b8452d span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c6188a2b8452d:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c6188a2b8452d:focus-visible svg,
.c6188a2b8452d:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c6188a2b8452d:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c6188a2b8452d:hover svg,
.c6188a2b8452d:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c6188a2b8452d:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c6188a2b8452d:active svg,
.c6188a2b8452d:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c68056842a29a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cf377a312c3e9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c983ba762729e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c983ba762729e:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c983ba762729e:focus-visible svg,
.c983ba762729e:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c983ba762729e:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c983ba762729e:active {
  border: none;
  background-color: transparent;
}

.c60e02ee4ecd8, .c6813d8796798 svg, .cb1835eab7eb4, .c9fecd9faf744 .c317e1a64ce0e svg, .c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7 .c444b0df58c01 svg, .cfa4ad78bac6d span svg, .c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7 span svg, .c60df9d133d81 button svg, .c0470b99d09f4.intermediate svg, .c8fa1d2d15288 label span.intermediate svg, .c0470b99d09f4.checked svg, .c8fa1d2d15288 label span.checked svg, .cbc840851654e span svg,
.cbc840851654e label svg, .c451532fb3c97 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c02adc5bb7b93 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c02adc5bb7b93:hover {
  fill: none;
  stroke: none;
}

.cb1835eab7eb4, .c9fecd9faf744 .c317e1a64ce0e svg, .c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7 .c444b0df58c01 svg, .cfa4ad78bac6d span svg, .c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7 span svg, .c60df9d133d81 button svg, .c0470b99d09f4.intermediate svg, .c8fa1d2d15288 label span.intermediate svg, .c0470b99d09f4.checked svg, .c8fa1d2d15288 label span.checked svg, .cbc840851654e span svg,
.cbc840851654e label svg, .c451532fb3c97 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ce10d5a96017b {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ce10d5a96017b:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c23d432b3e365, .cb6a91a63fd56 input, .c5d096e8e6905 input, .cbc840851654e input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c23d432b3e365, .cb6a91a63fd56 input, .c5d096e8e6905 input, .cbc840851654e input {
    height: 23px;
  }
}
.c23d432b3e365, .cb6a91a63fd56 input, .c5d096e8e6905 input, .cbc840851654e input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c23d432b3e365[disabled], .cb6a91a63fd56 input[disabled], .c5d096e8e6905 input[disabled], .cbc840851654e input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c451532fb3c97 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ceb86bc136c76, .cbc840851654e span,
.cbc840851654e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ceb86bc136c76, .cbc840851654e span,
  .cbc840851654e label {
    height: 25px;
  }
}
.ceb86bc136c76, .cbc840851654e span,
.cbc840851654e label {
  color: var(--input-foreground-color);
}

.cbc840851654e {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbc840851654e {
    height: 25px;
    font-size: 10px;
  }
}
.cbc840851654e {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cbc840851654e span svg,
.cbc840851654e label svg {
  color: var(--input-foreground-color);
}
.cbc840851654e ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cbc840851654e ::placeholder {
  color: var(--input-placeholder-color);
}
.cbc840851654e:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbc840851654e:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cbc840851654e:hover span {
  color: var(--input-foreground-color-hover);
}
.cbc840851654e:hover input {
  color: var(--input-foreground-color-hover);
}
.cbc840851654e:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cbc840851654e:active span {
  color: var(--input-foreground-color-active);
}
.cbc840851654e:active input {
  color: var(--input-foreground-color-active);
}
.cbc840851654e:focus, .cbc840851654e:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbc840851654e:focus span, .cbc840851654e:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cbc840851654e:focus input, .cbc840851654e:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cbc840851654e:focus:hover, .cbc840851654e:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbc840851654e:focus:hover span, .cbc840851654e:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cbc840851654e:focus:hover input, .cbc840851654e:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c5d096e8e6905 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c5d096e8e6905 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c5d096e8e6905 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5d096e8e6905 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5d096e8e6905:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c5d096e8e6905:focus-within input, .c5d096e8e6905:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c8379ffa252c3, .cb6a91a63fd56.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c8379ffa252c3 input, .cb6a91a63fd56.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c8379ffa252c3 span svg, .cb6a91a63fd56.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c0470b99d09f4, .c8fa1d2d15288 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c0470b99d09f4 svg, .c8fa1d2d15288 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c0470b99d09f4:hover, .c8fa1d2d15288 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0470b99d09f4:focus, .c8fa1d2d15288 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c0470b99d09f4.checked, .c8fa1d2d15288 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c0470b99d09f4.checked svg, .c8fa1d2d15288 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c0470b99d09f4.intermediate, .c8fa1d2d15288 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c0470b99d09f4.intermediate svg, .c8fa1d2d15288 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c0470b99d09f4.unchecked, .c8fa1d2d15288 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c0470b99d09f4.unchecked svg, .c8fa1d2d15288 label span.unchecked svg {
  display: none;
}

.c8fa1d2d15288 {
  display: flex;
  align-items: center;
}
.c8fa1d2d15288 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c8fa1d2d15288 label input {
  margin: 0;
}
.c8fa1d2d15288 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8fa1d2d15288 label:focus span, .c8fa1d2d15288 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cb6a91a63fd56 {
  display: flex;
  flex-direction: column;
}
.cb6a91a63fd56 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cb6a91a63fd56 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cb6a91a63fd56 input:focus-within input, .cb6a91a63fd56 input:active input {
  color: var(--input-foreground-color-active);
}
.cb6a91a63fd56 input:focus-within, .cb6a91a63fd56 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb6a91a63fd56.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cfac50fa32753 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cd0ca5a00da49 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cbc9f0c0002bc {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c6813d8796798 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c823e103fe27d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c0815739f0427 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c0e2797a3f8ce {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c32d6f63db722 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c4db23043d64f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ca574f2cefff5, .c9fecd9faf744 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ca574f2cefff5:hover, .c9fecd9faf744:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c21a23c59d7a0 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ca3d3c2661f77 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cf1d6bcc41270 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cde2db4dda642 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c0087fa7b80cc {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c0087fa7b80cc:hover, .c0087fa7b80cc:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c60df9d133d81 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c60df9d133d81 button {
  display: none;
}
.c60df9d133d81 button svg {
  stroke: var(--icon-foreground);
}
.c60df9d133d81:hover button {
  display: flex;
}

.cbc53f39863da {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cbc53f39863da .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cbc53f39863da .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c15e8a3621ece {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c15e8a3621ece:hover div {
  color: var(--entry-foreground-color-hover);
}

.c60b80a78c04a {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cb0cbd0662b41 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cb0cbd0662b41:hover {
  background-color: var(--menu-background-color-hover);
}

.cfa4ad78bac6d, .c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cfa4ad78bac6d span, .c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cfa4ad78bac6d span svg, .c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7 span svg {
  stroke: var(--icon-foreground);
}
.cfa4ad78bac6d:hover, .c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cfa4ad78bac6d:hover span svg, .c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cd13060391849, .c9fecd9faf744 .ca73a390d79eb {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c44d72b14569e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.c9fecd9faf744 {
  margin: 0;
  padding: 0;
  border: 0.0625rem solid var(--input-border-color);
  position: relative;
  display: flex;
  height: 2rem;
  width: 100%;
  padding: var(--sp-s);
  border-radius: 0.5rem;
  cursor: pointer;
}
.c9fecd9faf744 .c317e1a64ce0e {
  display: flex;
  place-content: center;
}
.c9fecd9faf744 .c317e1a64ce0e svg {
  transform: rotate(90deg);
  stroke: none;
}
.c9fecd9faf744 .ca73a390d79eb {
  width: -moz-fit-content;
  width: fit-content;
  max-height: 20rem;
}
.c9fecd9faf744 .ca73a390d79eb .c78e2e5cb0b76 {
  margin: 0;
  height: 0.75rem;
}
.c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7 {
  color: var(--menu-foreground-color-rest);
}
.c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7 .c7c3dd94cd00e {
  flex-grow: 1;
  width: 100%;
}
.c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7 .c444b0df58c01 {
  display: flex;
  place-content: center;
}
.c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7 .c444b0df58c01 svg {
  visibility: hidden;
  stroke: none;
}
.c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7.c44235e168c91 {
  color: var(--menu-foreground-color);
}
.c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7.c44235e168c91 .c444b0df58c01 svg {
  stroke: var(--menu-foreground-color);
  visibility: visible;
}
.c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color-hover);
}
.c9fecd9faf744 .ca73a390d79eb .c323ef38b64c7:hover .c444b0df58c01 svg {
  stroke: var(--menu-foreground-color-hover);
}
@keyframes cd6fdc3cf738a {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ca69d1fa7e948 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ca69d1fa7e948:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ca69d1fa7e948 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ca69d1fa7e948 ::-webkit-scrollbar-track,
.ca69d1fa7e948 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ca69d1fa7e948 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ca69d1fa7e948 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ca69d1fa7e948 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca69d1fa7e948 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca69d1fa7e948 ::placeholder,
.ca69d1fa7e948 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c065e706c8983, .c0b3b4b8a501b, .cbda4fb364167, .c9f6f80887ee2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c065e706c8983 svg, .c0b3b4b8a501b svg, .cbda4fb364167 svg, .c9f6f80887ee2 svg,
.c065e706c8983 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c065e706c8983:focus-visible, .c0b3b4b8a501b:focus-visible, .cbda4fb364167:focus-visible, .c9f6f80887ee2:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c065e706c8983:focus-visible svg, .c0b3b4b8a501b:focus-visible svg, .cbda4fb364167:focus-visible svg, .c9f6f80887ee2:focus-visible svg,
.c065e706c8983:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c065e706c8983:hover, .c0b3b4b8a501b:hover, .cbda4fb364167:hover, .c9f6f80887ee2:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c065e706c8983:hover svg, .c0b3b4b8a501b:hover svg, .cbda4fb364167:hover svg, .c9f6f80887ee2:hover svg,
.c065e706c8983:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c065e706c8983:active, .c0b3b4b8a501b:active, .cbda4fb364167:active, .c9f6f80887ee2:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c065e706c8983:active svg, .c0b3b4b8a501b:active svg, .cbda4fb364167:active svg, .c9f6f80887ee2:active svg,
.c065e706c8983:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c065e706c8983.disabled, .c0b3b4b8a501b.disabled, .cbda4fb364167.disabled, .c9f6f80887ee2.disabled, .c065e706c8983[disabled], [disabled].c0b3b4b8a501b, [disabled].cbda4fb364167, [disabled].c9f6f80887ee2, .c065e706c8983:disabled, .c0b3b4b8a501b:disabled, .cbda4fb364167:disabled, .c9f6f80887ee2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc67c0468686d, .c8be67cac5483 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cc67c0468686d svg, .c8be67cac5483 svg,
.cc67c0468686d span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cc67c0468686d:focus-visible, .c8be67cac5483:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cc67c0468686d:focus-visible svg, .c8be67cac5483:focus-visible svg,
.cc67c0468686d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cc67c0468686d:hover, .c8be67cac5483:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cc67c0468686d:hover svg, .c8be67cac5483:hover svg,
.cc67c0468686d:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cc67c0468686d:active, .c8be67cac5483:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cc67c0468686d:active svg, .c8be67cac5483:active svg,
.cc67c0468686d:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cc67c0468686d.disabled, .c8be67cac5483.disabled, .cc67c0468686d[disabled], [disabled].c8be67cac5483, .cc67c0468686d:disabled, .c8be67cac5483:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc22c1405b9bc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cc22c1405b9bc svg,
.cc22c1405b9bc span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cc22c1405b9bc:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cc22c1405b9bc:focus-visible svg,
.cc22c1405b9bc:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cc22c1405b9bc:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cc22c1405b9bc:hover svg,
.cc22c1405b9bc:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cc22c1405b9bc:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cc22c1405b9bc:active svg,
.cc22c1405b9bc:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cc22c1405b9bc.disabled, .cc22c1405b9bc[disabled], .cc22c1405b9bc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c293da70e88ba, .c779a672d79f1 button, .c57e87a9fa856 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c293da70e88ba svg, .c779a672d79f1 button svg, .c57e87a9fa856 svg,
.c293da70e88ba span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c293da70e88ba:focus-visible, .c779a672d79f1 button:focus-visible, .c57e87a9fa856:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c293da70e88ba:focus-visible svg, .c779a672d79f1 button:focus-visible svg, .c57e87a9fa856:focus-visible svg,
.c293da70e88ba:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c293da70e88ba:hover, .c779a672d79f1 button:hover, .c57e87a9fa856:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c293da70e88ba:hover svg, .c779a672d79f1 button:hover svg, .c57e87a9fa856:hover svg,
.c293da70e88ba:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c293da70e88ba:active, .c779a672d79f1 button:active, .c57e87a9fa856:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c293da70e88ba:active svg, .c779a672d79f1 button:active svg, .c57e87a9fa856:active svg,
.c293da70e88ba:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c293da70e88ba.disabled, .c779a672d79f1 button.disabled, .c57e87a9fa856.disabled, .c293da70e88ba[disabled], .c779a672d79f1 button[disabled], [disabled].c57e87a9fa856, .c293da70e88ba:disabled, .c779a672d79f1 button:disabled, .c57e87a9fa856:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c293da70e88ba.disabled svg, .c779a672d79f1 button.disabled svg, .c57e87a9fa856.disabled svg,
.c293da70e88ba.disabled span svg, .c293da70e88ba[disabled] svg, .c779a672d79f1 button[disabled] svg, [disabled].c57e87a9fa856 svg,
.c293da70e88ba[disabled] span svg, .c293da70e88ba:disabled svg, .c779a672d79f1 button:disabled svg, .c57e87a9fa856:disabled svg,
.c293da70e88ba:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ce9bfd5ccd84f {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ce9bfd5ccd84f svg {
  color: var(--button-icon-foreground-color-selected);
}

.c76f2f9ed6510 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c76f2f9ed6510 svg,
.c76f2f9ed6510 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c76f2f9ed6510:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c76f2f9ed6510:focus-visible svg,
.c76f2f9ed6510:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c76f2f9ed6510:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c76f2f9ed6510:hover svg,
.c76f2f9ed6510:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c76f2f9ed6510:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c76f2f9ed6510:active svg,
.c76f2f9ed6510:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c55456396b1f7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c4daa0d050314, .c0b3b4b8a501b:disabled {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfe867b308cd5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cfe867b308cd5:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cfe867b308cd5:focus-visible svg,
.cfe867b308cd5:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cfe867b308cd5:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cfe867b308cd5:active {
  border: none;
  background-color: transparent;
}

.c7257c7ce6509, .c57e87a9fa856 svg, .ceea25c62015a, .cfcf0988ad0c2 svg, .c174043742b2d .c5070959bd47d .ceaf9d7d40147 svg, .c6d0cf1ae8046 .cbde3672b9d75 .c6a28c7a9c0c7 .c7ff011505b7d .ceaf9d7d40147 svg, .c4de35f665eea span svg, .c779a672d79f1 button svg, .cf064bb399871.intermediate svg, .cede36d966146 .ccea6ed8cb650 span.intermediate svg, .c87f9edf055df.intermediate svg, .cd3aec08fc1c5 label span.intermediate svg, .cede36d966146 label span.intermediate svg, .cf064bb399871.checked svg, .cede36d966146 .ccea6ed8cb650 span.checked svg, .c87f9edf055df.checked svg, .cd3aec08fc1c5 label span.checked svg, .cede36d966146 label span.checked svg, .cbff559846b5e span svg, .c34a9059e9081 input span svg,
.cbff559846b5e label svg,
.c34a9059e9081 input label svg, .c47e1f51056cf svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cfe1f44d4bd62 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cfe1f44d4bd62:hover {
  fill: none;
  stroke: none;
}

.ceea25c62015a, .cfcf0988ad0c2 svg, .c174043742b2d .c5070959bd47d .ceaf9d7d40147 svg, .c6d0cf1ae8046 .cbde3672b9d75 .c6a28c7a9c0c7 .c7ff011505b7d .ceaf9d7d40147 svg, .c4de35f665eea span svg, .c779a672d79f1 button svg, .cf064bb399871.intermediate svg, .cede36d966146 .ccea6ed8cb650 span.intermediate svg, .c87f9edf055df.intermediate svg, .cd3aec08fc1c5 label span.intermediate svg, .cede36d966146 label span.intermediate svg, .cf064bb399871.checked svg, .cede36d966146 .ccea6ed8cb650 span.checked svg, .c87f9edf055df.checked svg, .cd3aec08fc1c5 label span.checked svg, .cede36d966146 label span.checked svg, .cbff559846b5e span svg, .c34a9059e9081 input span svg,
.cbff559846b5e label svg,
.c34a9059e9081 input label svg, .c47e1f51056cf svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ce2d14dc4ec88 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ce2d14dc4ec88:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ca9ba0a6f640c, .cf5d990df68c5 input, .ca36c9f88a399 input, .cbff559846b5e input, .c34a9059e9081 input input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ca9ba0a6f640c, .cf5d990df68c5 input, .ca36c9f88a399 input, .cbff559846b5e input, .c34a9059e9081 input input {
    height: 23px;
  }
}
.ca9ba0a6f640c, .cf5d990df68c5 input, .ca36c9f88a399 input, .cbff559846b5e input, .c34a9059e9081 input input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ca9ba0a6f640c[disabled], .cf5d990df68c5 input[disabled], .ca36c9f88a399 input[disabled], .cbff559846b5e input[disabled], .c34a9059e9081 input input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c47e1f51056cf {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c499ac661bf54, .cbff559846b5e span, .c34a9059e9081 input span,
.cbff559846b5e label,
.c34a9059e9081 input label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c499ac661bf54, .cbff559846b5e span, .c34a9059e9081 input span,
  .cbff559846b5e label,
  .c34a9059e9081 input label {
    height: 25px;
  }
}
.c499ac661bf54, .cbff559846b5e span, .c34a9059e9081 input span,
.cbff559846b5e label,
.c34a9059e9081 input label {
  color: var(--input-foreground-color);
}

.cbff559846b5e, .c34a9059e9081 input {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbff559846b5e, .c34a9059e9081 input {
    height: 25px;
    font-size: 10px;
  }
}
.cbff559846b5e, .c34a9059e9081 input {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cbff559846b5e span svg, .c34a9059e9081 input span svg,
.cbff559846b5e label svg,
.c34a9059e9081 input label svg {
  color: var(--input-foreground-color);
}
.cbff559846b5e ::-moz-placeholder, .c34a9059e9081 input ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cbff559846b5e ::placeholder, .c34a9059e9081 input ::placeholder {
  color: var(--input-placeholder-color);
}
.cbff559846b5e:focus-within, .c34a9059e9081 input:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbff559846b5e:hover, .c34a9059e9081 input:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cbff559846b5e:hover span, .c34a9059e9081 input:hover span {
  color: var(--input-foreground-color-hover);
}
.cbff559846b5e:hover input, .c34a9059e9081 input:hover input {
  color: var(--input-foreground-color-hover);
}
.cbff559846b5e:active, .c34a9059e9081 input:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cbff559846b5e:active span, .c34a9059e9081 input:active span {
  color: var(--input-foreground-color-active);
}
.cbff559846b5e:active input, .c34a9059e9081 input:active input {
  color: var(--input-foreground-color-active);
}
.cbff559846b5e:focus, .c34a9059e9081 input:focus, .cbff559846b5e:focus-within, .c34a9059e9081 input:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbff559846b5e:focus span, .c34a9059e9081 input:focus span, .cbff559846b5e:focus-within span, .c34a9059e9081 input:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cbff559846b5e:focus input, .c34a9059e9081 input:focus input, .cbff559846b5e:focus-within input, .c34a9059e9081 input:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cbff559846b5e:focus:hover, .c34a9059e9081 input:focus:hover, .cbff559846b5e:focus-within:hover, .c34a9059e9081 input:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbff559846b5e:focus:hover span, .c34a9059e9081 input:focus:hover span, .cbff559846b5e:focus-within:hover span, .c34a9059e9081 input:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cbff559846b5e:focus:hover input, .c34a9059e9081 input:focus:hover input, .cbff559846b5e:focus-within:hover input, .c34a9059e9081 input:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ca36c9f88a399 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ca36c9f88a399 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ca36c9f88a399 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ca36c9f88a399 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ca36c9f88a399:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ca36c9f88a399:focus-within input, .ca36c9f88a399:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cc16886f0f0cf, .c81d2706efdd4.ce0b8f4f92f2b input, .c81d2706efdd4.c6af48fc2b076 input, .cf5d990df68c5.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cc16886f0f0cf input, .c81d2706efdd4.ce0b8f4f92f2b input input, .c81d2706efdd4.c6af48fc2b076 input input, .cf5d990df68c5.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cc16886f0f0cf span svg, .c81d2706efdd4.ce0b8f4f92f2b input span svg, .c81d2706efdd4.c6af48fc2b076 input span svg, .cf5d990df68c5.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cf064bb399871, .cede36d966146 .ccea6ed8cb650 span, .c87f9edf055df, .cd3aec08fc1c5 label span, .cede36d966146 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cf064bb399871 svg, .cede36d966146 .ccea6ed8cb650 span svg, .c87f9edf055df svg, .cd3aec08fc1c5 label span svg, .cede36d966146 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cf064bb399871:hover, .cede36d966146 .ccea6ed8cb650 span:hover, .c87f9edf055df:hover, .cd3aec08fc1c5 label span:hover, .cede36d966146 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf064bb399871:focus, .cede36d966146 .ccea6ed8cb650 span:focus, .c87f9edf055df:focus, .cd3aec08fc1c5 label span:focus, .cede36d966146 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cf064bb399871.checked, .cede36d966146 .ccea6ed8cb650 span.checked, .c87f9edf055df.checked, .cd3aec08fc1c5 label span.checked, .cede36d966146 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cf064bb399871.checked svg, .cede36d966146 .ccea6ed8cb650 span.checked svg, .c87f9edf055df.checked svg, .cd3aec08fc1c5 label span.checked svg, .cede36d966146 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cf064bb399871.intermediate, .cede36d966146 .ccea6ed8cb650 span.intermediate, .c87f9edf055df.intermediate, .cd3aec08fc1c5 label span.intermediate, .cede36d966146 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cf064bb399871.intermediate svg, .cede36d966146 .ccea6ed8cb650 span.intermediate svg, .c87f9edf055df.intermediate svg, .cd3aec08fc1c5 label span.intermediate svg, .cede36d966146 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cf064bb399871.unchecked, .cede36d966146 .ccea6ed8cb650 span.unchecked, .c87f9edf055df.unchecked, .cd3aec08fc1c5 label span.unchecked, .cede36d966146 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cf064bb399871.unchecked svg, .cede36d966146 .ccea6ed8cb650 span.unchecked svg, .c87f9edf055df.unchecked svg, .cd3aec08fc1c5 label span.unchecked svg, .cede36d966146 label span.unchecked svg {
  display: none;
}

.cd3aec08fc1c5, .cede36d966146 {
  display: flex;
  align-items: center;
}
.cd3aec08fc1c5 label, .cede36d966146 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cd3aec08fc1c5 label input, .cede36d966146 label input {
  margin: 0;
}
.cd3aec08fc1c5 label:hover span, .cede36d966146 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd3aec08fc1c5 label:focus span, .cede36d966146 label:focus span, .cd3aec08fc1c5 label:focus-within span, .cede36d966146 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cf5d990df68c5 {
  display: flex;
  flex-direction: column;
}
.cf5d990df68c5 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cf5d990df68c5 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cf5d990df68c5 input:focus-within input, .cf5d990df68c5 input:active input {
  color: var(--input-foreground-color-active);
}
.cf5d990df68c5 input:focus-within, .cf5d990df68c5 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf5d990df68c5.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc9b07c0f7c5d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cb56b9641089e {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c9e5ff2a34cb4 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c57e87a9fa856 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cee434c909fd1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c653eaaceae13 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c8be67cac5483 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c9f6f80887ee2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cbda4fb364167 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ca0881b88d145 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ca0881b88d145:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cfe83d8d79075 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c2f11dd6893ba {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cc72107dca00f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c57b2b04c1ff0 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c296bf4f6e70d {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c296bf4f6e70d:hover, .c296bf4f6e70d:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c779a672d79f1 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c779a672d79f1 button {
  display: none;
}
.c779a672d79f1 button svg {
  stroke: var(--icon-foreground);
}
.c779a672d79f1:hover button {
  display: flex;
}

.c66f0c2a6ae79 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c66f0c2a6ae79 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c66f0c2a6ae79 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c064036522c06 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c064036522c06:hover div {
  color: var(--entry-foreground-color-hover);
}

.c20f15f148ceb, .c174043742b2d select {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ce244c19e222f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ce244c19e222f:hover {
  background-color: var(--menu-background-color-hover);
}

.c4de35f665eea {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c4de35f665eea span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c4de35f665eea span svg {
  stroke: var(--icon-foreground);
}
.c4de35f665eea:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c4de35f665eea:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c4250a38820b9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c3515fb94c199, .c174043742b2d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c79714b492157,
.c113cc5bfbb7f {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cba690a791223 .c79714b492157,
.cba690a791223 .c113cc5bfbb7f {
  transform: scale(1);
}

.c2b965ad1f423 .c79714b492157,
.c2b965ad1f423 .c113cc5bfbb7f {
  transform: scale(0);
}

.c81d2706efdd4 {
  --input-icon-padding: var(--sp-l);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.c81d2706efdd4.ce0b8f4f92f2b input {
  border: 1px solid var(--input-border-color-success);
}
.c81d2706efdd4.ce0b8f4f92f2b input:hover, .c81d2706efdd4.ce0b8f4f92f2b input:focus {
  border: 1px solid var(--input-border-color-success);
}
.c81d2706efdd4.c6af48fc2b076 input {
  border: 1px solid var(--input-border-color-error);
}
.c81d2706efdd4.c6af48fc2b076 input:hover, .c81d2706efdd4.c6af48fc2b076 input:focus {
  border: 1px solid var(--input-border-color-error);
}
.c81d2706efdd4.ce0b8f4f92f2b .cfcf0988ad0c2, .c81d2706efdd4.c6af48fc2b076 .cfcf0988ad0c2 {
  right: 2.5rem;
}

.c34a9059e9081 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 0.5rem;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  width: 100%;
  padding: 0;
  cursor: pointer;
  color: var(--modal-title-foreground-color);
  text-transform: none;
}
.c34a9059e9081 input {
  color: var(--input-foreground-color-active);
  margin-top: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0 0.5rem;
}
.c34a9059e9081 input:focus {
  outline: none;
  border: 1px solid var(--input-border-color-focus);
  border-radius: 8px;
}
.c34a9059e9081 input:-webkit-autofill,
.c34a9059e9081 input:-webkit-autofill:hover,
.c34a9059e9081 input:-webkit-autofill:focus,
.c34a9059e9081 input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--input-foreground-color-active);
  -webkit-box-shadow: inset 0 0 20px 20px var(--input-background-color);
  border: 1px solid var(--input-border-color);
  -webkit-background-clip: text;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  caret-color: var(--input-foreground-color-active);
}

.c361a7e50bccb {
  position: relative;
  width: var(--input-width, calc(100% - 1px));
  min-width: var(--input-min-width);
  height: var(--input-height, 2rem);
}

.cfcf0988ad0c2 {
  cursor: pointer;
  position: absolute;
  right: 1rem;
  top: calc(50% - 0.5rem);
}
.cfcf0988ad0c2 svg {
  stroke: var(--color-foreground-secondary);
  width: 1rem;
  height: 1rem;
}

.cdb81d76c6d6e {
  width: 1rem;
  height: 1rem;
  background: var(--input-border-color-error);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: var(--input-icon-padding);
  top: calc(50% - 0.5rem);
}
.cdb81d76c6d6e svg {
  width: 0.75rem;
  height: 0.75rem;
  stroke: var(--input-background-color);
}

.c7a36eff455ad {
  width: 1rem;
  height: 1rem;
  background: var(--input-border-color-success);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 1rem;
  top: calc(50% - 0.5rem);
}
.c7a36eff455ad svg {
  width: 0.75rem;
  height: 0.75rem;
  fill: var(--input-border-color-success);
  stroke: var(--input-background-color);
}

.c0ff10d50647b {
  color: var(--input-border-color-error);
  width: 100%;
  font-size: 0.875rem;
}

.ce4542021d038 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  width: 99%;
  margin-block-start: 0.5rem;
  color: var(--modal-text-foreground-color);
}

.cede36d966146 .ccea6ed8cb650 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 0.375rem;
  min-height: 2rem;
  cursor: pointer;
}
.cede36d966146 .ccea6ed8cb650 input {
  display: none !important;
}
.cede36d966146 .ccea6ed8cb650:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cede36d966146 .ccea6ed8cb650 a {
  color: var(--link-foreground-color);
}

.c174043742b2d {
  height: 1.875rem;
}
.c174043742b2d .c5070959bd47d {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  height: 1.875rem;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c174043742b2d .c5070959bd47d .ca172eaf890a7 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  justify-content: center;
  flex-grow: 1;
  height: 100%;
  padding: 0.5rem;
}
.c174043742b2d .c5070959bd47d .ca172eaf890a7 .ce2081bda0c31 {
  color: var(--input-foreground-color);
}
.c174043742b2d .c5070959bd47d .ca172eaf890a7 .cbcd7bc2bf4c1 {
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: 0px;
  color: var(--input-foreground-color-active);
}
.c174043742b2d .c5070959bd47d .ceaf9d7d40147 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 1.5rem;
  pointer-events: none;
}
.c174043742b2d .c5070959bd47d .ceaf9d7d40147 svg {
  stroke: none;
  transform: rotate(90deg);
}
.c174043742b2d .c5070959bd47d.c3acf4a860874 {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c174043742b2d .c5070959bd47d.c11aa820276bd {
  outline: none;
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c174043742b2d select {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 2rem;
  height: auto;
  width: calc(100% - 1px);
  padding: 0 0.75rem;
  margin: 0;
  border: none;
  opacity: 0;
  z-index: 10;
  background-color: transparent;
  cursor: pointer;
}
.c174043742b2d select option {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 2rem;
}

.c0b3b4b8a501b:disabled {
  min-height: 2rem;
}

.c6d0cf1ae8046 {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 1.875rem;
  max-height: 11.25rem;
  width: 100%;
  overflow-y: hidden;
}
.c6d0cf1ae8046 .c19b7b08ba732 {
  border: none;
  background: none;
  outline: none;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  max-width: calc(100% - 1px);
  min-height: 1.875rem;
  padding-top: 0;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6d0cf1ae8046 .c19b7b08ba732 {
    height: 1.5625rem;
    min-height: 1.875rem;
  }
}
.c6d0cf1ae8046 .c19b7b08ba732 {
  padding: 0.5rem;
  margin: 0;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c6d0cf1ae8046 .c19b7b08ba732:focus {
  outline: none;
  border: 1px solid var(--input-border-color-focus);
}
.c6d0cf1ae8046 .c19b7b08ba732.c6af48fc2b076 {
  border: 1px solid var(--input-border-color-error);
}
.c6d0cf1ae8046 .c19b7b08ba732.c6af48fc2b076:hover, .c6d0cf1ae8046 .c19b7b08ba732.c6af48fc2b076:focus {
  border: 1px solid var(--input-border-color-error);
}
.c6d0cf1ae8046 label {
  display: none;
}
.c6d0cf1ae8046 .cbde3672b9d75 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  max-height: 8.5rem;
  padding: 0.25rem 0;
  overflow-y: auto;
}
.c6d0cf1ae8046 .cbde3672b9d75 .c6a28c7a9c0c7 .c7ff011505b7d {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  height: 1.5rem;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 0.375rem;
  border-radius: 6px;
  background-color: var(--pill-background-color);
  border: 1px solid var(--pill-background-color);
  box-sizing: border-box;
}
.c6d0cf1ae8046 .cbde3672b9d75 .c6a28c7a9c0c7 .c7ff011505b7d .c37b0f49f02fc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  padding-right: 0.5rem;
  color: var(--pill-foreground-color);
}
.c6d0cf1ae8046 .cbde3672b9d75 .c6a28c7a9c0c7 .c7ff011505b7d .ceaf9d7d40147 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
  height: 2rem;
  width: 1.5rem;
}
.c6d0cf1ae8046 .cbde3672b9d75 .c6a28c7a9c0c7 .c7ff011505b7d .ceaf9d7d40147 svg {
  stroke: none;
}
.c6d0cf1ae8046 .cbde3672b9d75 .c6a28c7a9c0c7 .c7ff011505b7d.c6af48fc2b076 {
  background-color: var(--status-widget-background-color-error);
}
.c6d0cf1ae8046 .cbde3672b9d75 .c6a28c7a9c0c7 .c7ff011505b7d.c6af48fc2b076 .c37b0f49f02fc {
  color: var(--alert-text-foreground-color-error);
}
.c6d0cf1ae8046 .cbde3672b9d75 .c6a28c7a9c0c7 .c7ff011505b7d.c6af48fc2b076 .ceaf9d7d40147 svg {
  stroke: var(--alert-text-foreground-color-error);
}

.ce12f2a2cc01c {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.cd1da54d29859 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  align-items: flex-start;
  gap: 0.5rem;
  min-height: 1.875rem;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 8px;
  padding: 0.5rem;
  color: var(--input-foreground-color-rest);
  border: 1px solid transparent;
}
.cd1da54d29859:focus, .cd1da54d29859:focus-within {
  outline: none;
  border: 1px solid var(--input-border-color-active);
}

.c8f8c810a789f {
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 50%;
  background-color: var(--color-background-tertiary);
}

.c539b5f32e9a3 {
  width: 0;
  margin: 0;
}

.c87f9edf055df {
  border-radius: 50%;
}

.c524e9ed5f1e1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  display: grid;
  grid-template-rows: auto auto 0px;
  justify-items: center;
  gap: 0;
  border-radius: 8px;
  margin: 0;
  border: 1px solid var(--color-background-tertiary);
  cursor: pointer;
}
.c524e9ed5f1e1.checked {
  border: 1px solid var(--color-accent-primary);
}
.c524e9ed5f1e1:focus, .c524e9ed5f1e1:focus-within {
  outline: none;
  border: 1px solid var(--input-border-color-active);
}
.c524e9ed5f1e1 .c068de5fda051 {
  color: var(--input-foreground-color-rest);
  display: grid;
  align-self: center;
  margin-bottom: 1rem;
  padding-inline: 0.5rem;
  text-align: center;
}

.ca99b1b26d10b {
  margin: 1rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.c2128ad5ab736 {
  margin: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c2128ad5ab736 svg {
  width: 40px;
  height: 60px;
  stroke: none;
  fill: none;
}

.c9e8267ad5fc5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
  margin-bottom: 0.5rem;
}

.c183af1d6a9b5 {
  display: grid;
  grid-template-rows: auto 1fr;
}
@keyframes c038ead2b931c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c1feb1f8b998a {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c1feb1f8b998a:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c1feb1f8b998a ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c1feb1f8b998a ::-webkit-scrollbar-track,
.c1feb1f8b998a ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c1feb1f8b998a ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c1feb1f8b998a ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c1feb1f8b998a ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1feb1f8b998a ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1feb1f8b998a ::placeholder,
.c1feb1f8b998a ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c986e7e2e5d8e, .c96e01becf978, .c2d62ed2a5c72 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c986e7e2e5d8e svg, .c96e01becf978 svg, .c2d62ed2a5c72 svg,
.c986e7e2e5d8e span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c986e7e2e5d8e:focus-visible, .c96e01becf978:focus-visible, .c2d62ed2a5c72:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c986e7e2e5d8e:focus-visible svg, .c96e01becf978:focus-visible svg, .c2d62ed2a5c72:focus-visible svg,
.c986e7e2e5d8e:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c986e7e2e5d8e:hover, .c96e01becf978:hover, .c2d62ed2a5c72:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c986e7e2e5d8e:hover svg, .c96e01becf978:hover svg, .c2d62ed2a5c72:hover svg,
.c986e7e2e5d8e:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c986e7e2e5d8e:active, .c96e01becf978:active, .c2d62ed2a5c72:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c986e7e2e5d8e:active svg, .c96e01becf978:active svg, .c2d62ed2a5c72:active svg,
.c986e7e2e5d8e:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c986e7e2e5d8e.disabled, .c96e01becf978.disabled, .c2d62ed2a5c72.disabled, .c986e7e2e5d8e[disabled], [disabled].c96e01becf978, [disabled].c2d62ed2a5c72, .c986e7e2e5d8e:disabled, .c96e01becf978:disabled, .c2d62ed2a5c72:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c307f1605f1f7, .c7cc8087a232e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c307f1605f1f7 svg, .c7cc8087a232e svg,
.c307f1605f1f7 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c307f1605f1f7:focus-visible, .c7cc8087a232e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c307f1605f1f7:focus-visible svg, .c7cc8087a232e:focus-visible svg,
.c307f1605f1f7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c307f1605f1f7:hover, .c7cc8087a232e:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c307f1605f1f7:hover svg, .c7cc8087a232e:hover svg,
.c307f1605f1f7:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c307f1605f1f7:active, .c7cc8087a232e:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c307f1605f1f7:active svg, .c7cc8087a232e:active svg,
.c307f1605f1f7:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c307f1605f1f7.disabled, .c7cc8087a232e.disabled, .c307f1605f1f7[disabled], [disabled].c7cc8087a232e, .c307f1605f1f7:disabled, .c7cc8087a232e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9b93a4d7e23e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c9b93a4d7e23e svg,
.c9b93a4d7e23e span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c9b93a4d7e23e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c9b93a4d7e23e:focus-visible svg,
.c9b93a4d7e23e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c9b93a4d7e23e:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c9b93a4d7e23e:hover svg,
.c9b93a4d7e23e:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c9b93a4d7e23e:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c9b93a4d7e23e:active svg,
.c9b93a4d7e23e:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c9b93a4d7e23e.disabled, .c9b93a4d7e23e[disabled], .c9b93a4d7e23e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3fe162b28246, .cd1ddb4664637 button, .cc4e4d00912a8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c3fe162b28246 svg, .cd1ddb4664637 button svg, .cc4e4d00912a8 svg,
.c3fe162b28246 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c3fe162b28246:focus-visible, .cd1ddb4664637 button:focus-visible, .cc4e4d00912a8:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c3fe162b28246:focus-visible svg, .cd1ddb4664637 button:focus-visible svg, .cc4e4d00912a8:focus-visible svg,
.c3fe162b28246:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c3fe162b28246:hover, .cd1ddb4664637 button:hover, .cc4e4d00912a8:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c3fe162b28246:hover svg, .cd1ddb4664637 button:hover svg, .cc4e4d00912a8:hover svg,
.c3fe162b28246:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c3fe162b28246:active, .cd1ddb4664637 button:active, .cc4e4d00912a8:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c3fe162b28246:active svg, .cd1ddb4664637 button:active svg, .cc4e4d00912a8:active svg,
.c3fe162b28246:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c3fe162b28246.disabled, .cd1ddb4664637 button.disabled, .cc4e4d00912a8.disabled, .c3fe162b28246[disabled], .cd1ddb4664637 button[disabled], [disabled].cc4e4d00912a8, .c3fe162b28246:disabled, .cd1ddb4664637 button:disabled, .cc4e4d00912a8:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c3fe162b28246.disabled svg, .cd1ddb4664637 button.disabled svg, .cc4e4d00912a8.disabled svg,
.c3fe162b28246.disabled span svg, .c3fe162b28246[disabled] svg, .cd1ddb4664637 button[disabled] svg, [disabled].cc4e4d00912a8 svg,
.c3fe162b28246[disabled] span svg, .c3fe162b28246:disabled svg, .cd1ddb4664637 button:disabled svg, .cc4e4d00912a8:disabled svg,
.c3fe162b28246:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cf328dff7bb6d {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cf328dff7bb6d svg {
  color: var(--button-icon-foreground-color-selected);
}

.c6c28149b156d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c6c28149b156d svg,
.c6c28149b156d span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c6c28149b156d:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c6c28149b156d:focus-visible svg,
.c6c28149b156d:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c6c28149b156d:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c6c28149b156d:hover svg,
.c6c28149b156d:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c6c28149b156d:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c6c28149b156d:active svg,
.c6c28149b156d:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cb61c6ee2735a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c660cca8e7a7a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5d545d8f8820 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c5d545d8f8820:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c5d545d8f8820:focus-visible svg,
.c5d545d8f8820:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c5d545d8f8820:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c5d545d8f8820:active {
  border: none;
  background-color: transparent;
}

.c2cf91d1ced7f, .c972f97db3242, .ce92f87c937ce, .cc4e4d00912a8 svg, .c3bf4c70b310c, .cd302e4f5e5a3 span svg, .cd1ddb4664637 button svg, .cef05d11c0b64.intermediate svg, .cefdab0ff2e10 label span.intermediate svg, .cef05d11c0b64.checked svg, .cefdab0ff2e10 label span.checked svg, .c059f6735eb4a span svg,
.c059f6735eb4a label svg, .cd70759c23de9 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cd6e3fc24e9ff {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cd6e3fc24e9ff:hover {
  fill: none;
  stroke: none;
}

.c3bf4c70b310c, .cd302e4f5e5a3 span svg, .cd1ddb4664637 button svg, .cef05d11c0b64.intermediate svg, .cefdab0ff2e10 label span.intermediate svg, .cef05d11c0b64.checked svg, .cefdab0ff2e10 label span.checked svg, .c059f6735eb4a span svg,
.c059f6735eb4a label svg, .cd70759c23de9 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c168c9ef54235 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c168c9ef54235:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cd6767c20377a, .c673b9c4b2cdc input, .caf0f91b271b3 input, .c059f6735eb4a input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cd6767c20377a, .c673b9c4b2cdc input, .caf0f91b271b3 input, .c059f6735eb4a input {
    height: 23px;
  }
}
.cd6767c20377a, .c673b9c4b2cdc input, .caf0f91b271b3 input, .c059f6735eb4a input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cd6767c20377a[disabled], .c673b9c4b2cdc input[disabled], .caf0f91b271b3 input[disabled], .c059f6735eb4a input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cd70759c23de9 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cf08e4f849aa4, .c059f6735eb4a span,
.c059f6735eb4a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf08e4f849aa4, .c059f6735eb4a span,
  .c059f6735eb4a label {
    height: 25px;
  }
}
.cf08e4f849aa4, .c059f6735eb4a span,
.c059f6735eb4a label {
  color: var(--input-foreground-color);
}

.c059f6735eb4a {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c059f6735eb4a {
    height: 25px;
    font-size: 10px;
  }
}
.c059f6735eb4a {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c059f6735eb4a span svg,
.c059f6735eb4a label svg {
  color: var(--input-foreground-color);
}
.c059f6735eb4a ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c059f6735eb4a ::placeholder {
  color: var(--input-placeholder-color);
}
.c059f6735eb4a:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c059f6735eb4a:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c059f6735eb4a:hover span {
  color: var(--input-foreground-color-hover);
}
.c059f6735eb4a:hover input {
  color: var(--input-foreground-color-hover);
}
.c059f6735eb4a:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c059f6735eb4a:active span {
  color: var(--input-foreground-color-active);
}
.c059f6735eb4a:active input {
  color: var(--input-foreground-color-active);
}
.c059f6735eb4a:focus, .c059f6735eb4a:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c059f6735eb4a:focus span, .c059f6735eb4a:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c059f6735eb4a:focus input, .c059f6735eb4a:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c059f6735eb4a:focus:hover, .c059f6735eb4a:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c059f6735eb4a:focus:hover span, .c059f6735eb4a:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c059f6735eb4a:focus:hover input, .c059f6735eb4a:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.caf0f91b271b3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.caf0f91b271b3 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.caf0f91b271b3 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.caf0f91b271b3 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.caf0f91b271b3:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.caf0f91b271b3:focus-within input, .caf0f91b271b3:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cdb1aa8cd3624, .c673b9c4b2cdc.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cdb1aa8cd3624 input, .c673b9c4b2cdc.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cdb1aa8cd3624 span svg, .c673b9c4b2cdc.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cef05d11c0b64, .cefdab0ff2e10 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cef05d11c0b64 svg, .cefdab0ff2e10 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cef05d11c0b64:hover, .cefdab0ff2e10 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cef05d11c0b64:focus, .cefdab0ff2e10 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cef05d11c0b64.checked, .cefdab0ff2e10 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cef05d11c0b64.checked svg, .cefdab0ff2e10 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cef05d11c0b64.intermediate, .cefdab0ff2e10 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cef05d11c0b64.intermediate svg, .cefdab0ff2e10 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cef05d11c0b64.unchecked, .cefdab0ff2e10 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cef05d11c0b64.unchecked svg, .cefdab0ff2e10 label span.unchecked svg {
  display: none;
}

.cefdab0ff2e10 {
  display: flex;
  align-items: center;
}
.cefdab0ff2e10 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cefdab0ff2e10 label input {
  margin: 0;
}
.cefdab0ff2e10 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cefdab0ff2e10 label:focus span, .cefdab0ff2e10 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c673b9c4b2cdc {
  display: flex;
  flex-direction: column;
}
.c673b9c4b2cdc label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c673b9c4b2cdc input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c673b9c4b2cdc input:focus-within input, .c673b9c4b2cdc input:active input {
  color: var(--input-foreground-color-active);
}
.c673b9c4b2cdc input:focus-within, .c673b9c4b2cdc input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c673b9c4b2cdc.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cd8c858f12980 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cdf290837a9a3 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c850574930f62 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cc4e4d00912a8 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c6c301229c4b0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ca3e0f70533e5 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c7cc8087a232e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c2d62ed2a5c72 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c96e01becf978 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c149889295ee7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c149889295ee7:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cfe130e6e6594 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cd91ac6570beb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c0bd6b3dbae9e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ccbe44061f439 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cc7d812a8641c {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cc7d812a8641c:hover, .cc7d812a8641c:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cd1ddb4664637 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cd1ddb4664637 button {
  display: none;
}
.cd1ddb4664637 button svg {
  stroke: var(--icon-foreground);
}
.cd1ddb4664637:hover button {
  display: flex;
}

.ca9276818e1e8 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ca9276818e1e8 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ca9276818e1e8 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cf1825f44d223 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cf1825f44d223:hover div {
  color: var(--entry-foreground-color-hover);
}

.c6ef2998388b4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cb968de1db2e7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cb968de1db2e7:hover {
  background-color: var(--menu-background-color-hover);
}

.cd302e4f5e5a3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cd302e4f5e5a3 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cd302e4f5e5a3 span svg {
  stroke: var(--icon-foreground);
}
.cd302e4f5e5a3:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cd302e4f5e5a3:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.caa06af7e4cf3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cb8413296d8a4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c5275c4db2ffe,
.c97a5b261d261 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c7cd060901fbb .c5275c4db2ffe,
.c7cd060901fbb .c97a5b261d261 {
  transform: scale(1);
}

.c4f73c3d92f8c .c5275c4db2ffe,
.c4f73c3d92f8c .c97a5b261d261 {
  transform: scale(0);
}

.cf7cff4650e5d {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
}

.c19a18f69bb2a {
  --export-modal-bg-color: var(--alert-background-color-default);
  --export-modal-fg-color: var(--alert-text-foreground-color-default);
  --export-modal-icon-color: var(--alert-icon-foreground-color-default);
  --export-modal-border-color: var(--alert-border-color-default);
  position: absolute;
  right: 1rem;
  top: 3rem;
  display: grid;
  grid-template-columns: 1.5rem 1fr 1.5rem;
  grid-template-areas: "icon text close" "bar bar bar";
  gap: 0.25rem 0.5rem;
  padding-block-start: 0.5rem;
  background-color: var(--export-modal-bg-color);
  border: 1px solid var(--export-modal-border-color);
  border-radius: 8px;
  z-index: 30;
  overflow: hidden;
}

.c44abe7e88b03 {
  --export-modal-bg-color: var(--alert-background-color-error);
  --export-modal-fg-color: var(--alert-text-foreground-color-error);
  --export-modal-icon-color: var(--alert-icon-foreground-color-error);
  --export-modal-border-color: var(--alert-border-color-error);
  grid-template-areas: "icon text close";
  gap: 0.5rem;
  padding-block: 0.5rem;
}

.c972f97db3242 {
  grid-area: icon;
  align-self: center;
  margin-inline-start: 0.5rem;
  stroke: var(--export-modal-icon-color);
}

.cdd826a35edb1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
  grid-area: text;
  align-self: center;
  padding: 0;
  margin: 0;
  color: var(--export-modal-fg-color);
}

.c020f3b7827a2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 0.5rem;
  margin: 0;
  align-self: center;
  color: var(--modal-text-foreground-color);
}

.c0720f081de5d {
  border: none;
  background: none;
  cursor: pointer;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: inline;
  text-align: left;
  color: var(--modal-link-foreground-color);
  margin: 0;
  padding: 0;
}

.ccc4cd6cdba8e {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  margin-inline-end: 0.5rem;
}

.ce92f87c937ce {
  stroke: var(--export-modal-icon-color);
}

.cda038a2c65f0 {
  margin-top: 0;
  grid-area: bar;
}
@keyframes cf0c18382b112 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c921dd056da71 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c921dd056da71:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c921dd056da71 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c921dd056da71 ::-webkit-scrollbar-track,
.c921dd056da71 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c921dd056da71 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c921dd056da71 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c921dd056da71 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c921dd056da71 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c921dd056da71 ::placeholder,
.c921dd056da71 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c5838b8544710, .c1203d7396743, .c733d867b1dfb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c5838b8544710 svg, .c1203d7396743 svg, .c733d867b1dfb svg,
.c5838b8544710 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c5838b8544710:focus-visible, .c1203d7396743:focus-visible, .c733d867b1dfb:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c5838b8544710:focus-visible svg, .c1203d7396743:focus-visible svg, .c733d867b1dfb:focus-visible svg,
.c5838b8544710:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c5838b8544710:hover, .c1203d7396743:hover, .c733d867b1dfb:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c5838b8544710:hover svg, .c1203d7396743:hover svg, .c733d867b1dfb:hover svg,
.c5838b8544710:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c5838b8544710:active, .c1203d7396743:active, .c733d867b1dfb:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c5838b8544710:active svg, .c1203d7396743:active svg, .c733d867b1dfb:active svg,
.c5838b8544710:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c5838b8544710.disabled, .c1203d7396743.disabled, .c733d867b1dfb.disabled, .c5838b8544710[disabled], [disabled].c1203d7396743, [disabled].c733d867b1dfb, .c5838b8544710:disabled, .c1203d7396743:disabled, .c733d867b1dfb:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd8d63249586c, .ccb4b2786d2ac {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cd8d63249586c svg, .ccb4b2786d2ac svg,
.cd8d63249586c span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cd8d63249586c:focus-visible, .ccb4b2786d2ac:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd8d63249586c:focus-visible svg, .ccb4b2786d2ac:focus-visible svg,
.cd8d63249586c:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd8d63249586c:hover, .ccb4b2786d2ac:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cd8d63249586c:hover svg, .ccb4b2786d2ac:hover svg,
.cd8d63249586c:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cd8d63249586c:active, .ccb4b2786d2ac:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cd8d63249586c:active svg, .ccb4b2786d2ac:active svg,
.cd8d63249586c:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cd8d63249586c.disabled, .ccb4b2786d2ac.disabled, .cd8d63249586c[disabled], [disabled].ccb4b2786d2ac, .cd8d63249586c:disabled, .ccb4b2786d2ac:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd1989e6ad31f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cd1989e6ad31f svg,
.cd1989e6ad31f span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cd1989e6ad31f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd1989e6ad31f:focus-visible svg,
.cd1989e6ad31f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd1989e6ad31f:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cd1989e6ad31f:hover svg,
.cd1989e6ad31f:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cd1989e6ad31f:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cd1989e6ad31f:active svg,
.cd1989e6ad31f:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cd1989e6ad31f.disabled, .cd1989e6ad31f[disabled], .cd1989e6ad31f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2e15493e0ed3, .c0a3c059d971a button, .cc365a18ab71e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c2e15493e0ed3 svg, .c0a3c059d971a button svg, .cc365a18ab71e svg,
.c2e15493e0ed3 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c2e15493e0ed3:focus-visible, .c0a3c059d971a button:focus-visible, .cc365a18ab71e:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c2e15493e0ed3:focus-visible svg, .c0a3c059d971a button:focus-visible svg, .cc365a18ab71e:focus-visible svg,
.c2e15493e0ed3:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c2e15493e0ed3:hover, .c0a3c059d971a button:hover, .cc365a18ab71e:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c2e15493e0ed3:hover svg, .c0a3c059d971a button:hover svg, .cc365a18ab71e:hover svg,
.c2e15493e0ed3:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c2e15493e0ed3:active, .c0a3c059d971a button:active, .cc365a18ab71e:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c2e15493e0ed3:active svg, .c0a3c059d971a button:active svg, .cc365a18ab71e:active svg,
.c2e15493e0ed3:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c2e15493e0ed3.disabled, .c0a3c059d971a button.disabled, .cc365a18ab71e.disabled, .c2e15493e0ed3[disabled], .c0a3c059d971a button[disabled], [disabled].cc365a18ab71e, .c2e15493e0ed3:disabled, .c0a3c059d971a button:disabled, .cc365a18ab71e:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c2e15493e0ed3.disabled svg, .c0a3c059d971a button.disabled svg, .cc365a18ab71e.disabled svg,
.c2e15493e0ed3.disabled span svg, .c2e15493e0ed3[disabled] svg, .c0a3c059d971a button[disabled] svg, [disabled].cc365a18ab71e svg,
.c2e15493e0ed3[disabled] span svg, .c2e15493e0ed3:disabled svg, .c0a3c059d971a button:disabled svg, .cc365a18ab71e:disabled svg,
.c2e15493e0ed3:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cf0b421cd760e {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cf0b421cd760e svg {
  color: var(--button-icon-foreground-color-selected);
}

.c5a17382633bd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c5a17382633bd svg,
.c5a17382633bd span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c5a17382633bd:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c5a17382633bd:focus-visible svg,
.c5a17382633bd:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c5a17382633bd:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c5a17382633bd:hover svg,
.c5a17382633bd:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c5a17382633bd:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c5a17382633bd:active svg,
.c5a17382633bd:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cd1c31e98f6b0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cba7c0974d972 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5b585f16fda7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c5b585f16fda7:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c5b585f16fda7:focus-visible svg,
.c5b585f16fda7:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c5b585f16fda7:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c5b585f16fda7:active {
  border: none;
  background-color: transparent;
}

.c004161ffb0fb, .cc365a18ab71e svg, .cc0136bfb6458, .c3337cca8ac8d span svg, .c0a3c059d971a button svg, .cc02fadb84bb1.intermediate svg, .c650f1a15dbb7 label span.intermediate svg, .cc02fadb84bb1.checked svg, .c650f1a15dbb7 label span.checked svg, .c61c788358fc3 span svg,
.c61c788358fc3 label svg, .c7b91603c236e svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c8254104c0976 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c8254104c0976:hover {
  fill: none;
  stroke: none;
}

.cc0136bfb6458, .c3337cca8ac8d span svg, .c0a3c059d971a button svg, .cc02fadb84bb1.intermediate svg, .c650f1a15dbb7 label span.intermediate svg, .cc02fadb84bb1.checked svg, .c650f1a15dbb7 label span.checked svg, .c61c788358fc3 span svg,
.c61c788358fc3 label svg, .c7b91603c236e svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cceb12decda53 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cceb12decda53:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c37f79eac144f, .c0924594f175e input, .caa7e081258ef input, .c61c788358fc3 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c37f79eac144f, .c0924594f175e input, .caa7e081258ef input, .c61c788358fc3 input {
    height: 23px;
  }
}
.c37f79eac144f, .c0924594f175e input, .caa7e081258ef input, .c61c788358fc3 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c37f79eac144f[disabled], .c0924594f175e input[disabled], .caa7e081258ef input[disabled], .c61c788358fc3 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c7b91603c236e {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ceea50e1b0d4c, .c61c788358fc3 span,
.c61c788358fc3 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ceea50e1b0d4c, .c61c788358fc3 span,
  .c61c788358fc3 label {
    height: 25px;
  }
}
.ceea50e1b0d4c, .c61c788358fc3 span,
.c61c788358fc3 label {
  color: var(--input-foreground-color);
}

.c61c788358fc3 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c61c788358fc3 {
    height: 25px;
    font-size: 10px;
  }
}
.c61c788358fc3 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c61c788358fc3 span svg,
.c61c788358fc3 label svg {
  color: var(--input-foreground-color);
}
.c61c788358fc3 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c61c788358fc3 ::placeholder {
  color: var(--input-placeholder-color);
}
.c61c788358fc3:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c61c788358fc3:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c61c788358fc3:hover span {
  color: var(--input-foreground-color-hover);
}
.c61c788358fc3:hover input {
  color: var(--input-foreground-color-hover);
}
.c61c788358fc3:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c61c788358fc3:active span {
  color: var(--input-foreground-color-active);
}
.c61c788358fc3:active input {
  color: var(--input-foreground-color-active);
}
.c61c788358fc3:focus, .c61c788358fc3:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c61c788358fc3:focus span, .c61c788358fc3:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c61c788358fc3:focus input, .c61c788358fc3:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c61c788358fc3:focus:hover, .c61c788358fc3:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c61c788358fc3:focus:hover span, .c61c788358fc3:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c61c788358fc3:focus:hover input, .c61c788358fc3:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.caa7e081258ef {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.caa7e081258ef input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.caa7e081258ef ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.caa7e081258ef ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.caa7e081258ef:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.caa7e081258ef:focus-within input, .caa7e081258ef:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c917bd14582cf, .c0924594f175e.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c917bd14582cf input, .c0924594f175e.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c917bd14582cf span svg, .c0924594f175e.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cc02fadb84bb1, .c650f1a15dbb7 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cc02fadb84bb1 svg, .c650f1a15dbb7 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cc02fadb84bb1:hover, .c650f1a15dbb7 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cc02fadb84bb1:focus, .c650f1a15dbb7 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cc02fadb84bb1.checked, .c650f1a15dbb7 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cc02fadb84bb1.checked svg, .c650f1a15dbb7 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cc02fadb84bb1.intermediate, .c650f1a15dbb7 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cc02fadb84bb1.intermediate svg, .c650f1a15dbb7 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cc02fadb84bb1.unchecked, .c650f1a15dbb7 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cc02fadb84bb1.unchecked svg, .c650f1a15dbb7 label span.unchecked svg {
  display: none;
}

.c650f1a15dbb7 {
  display: flex;
  align-items: center;
}
.c650f1a15dbb7 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c650f1a15dbb7 label input {
  margin: 0;
}
.c650f1a15dbb7 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c650f1a15dbb7 label:focus span, .c650f1a15dbb7 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c0924594f175e {
  display: flex;
  flex-direction: column;
}
.c0924594f175e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c0924594f175e input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c0924594f175e input:focus-within input, .c0924594f175e input:active input {
  color: var(--input-foreground-color-active);
}
.c0924594f175e input:focus-within, .c0924594f175e input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c0924594f175e.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c4f0dc7bd3e95 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c7295d0880c12 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c373195aad09a {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cc365a18ab71e {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c30f8cd9720b1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c909935370edf {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ccb4b2786d2ac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c733d867b1dfb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c1203d7396743 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce1dc3a6424b5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce1dc3a6424b5:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c3d9d489494ba {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c281f4c77a766 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c1f5982a4163b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c4170bc82a156 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c228e75039e3f {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c228e75039e3f:hover, .c228e75039e3f:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c0a3c059d971a div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c0a3c059d971a button {
  display: none;
}
.c0a3c059d971a button svg {
  stroke: var(--icon-foreground);
}
.c0a3c059d971a:hover button {
  display: flex;
}

.c695cd2335c10 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c695cd2335c10 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c695cd2335c10 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c44bba938bc24 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c44bba938bc24:hover div {
  color: var(--entry-foreground-color-hover);
}

.cbb3862be3b11 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c2098a51bed5b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c2098a51bed5b:hover {
  background-color: var(--menu-background-color-hover);
}

.c3337cca8ac8d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c3337cca8ac8d span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c3337cca8ac8d span svg {
  stroke: var(--icon-foreground);
}
.c3337cca8ac8d:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c3337cca8ac8d:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cede7958e0d1b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c2b1164f753fe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c33be5040e611,
.c75de5d52ed49 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c45f84adbdb63 .c33be5040e611,
.c45f84adbdb63 .c75de5d52ed49 {
  transform: scale(1);
}

.c534ac9b79da2 .c33be5040e611,
.c534ac9b79da2 .c75de5d52ed49 {
  transform: scale(0);
}

.cbcb055167fb7 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  height: 1.875rem;
  background-color: transparent;
  gap: 0.25rem;
}
@media (max-width: 1680px) {
  .cbcb055167fb7 {
    height: 1.5625rem;
  }
}

.c8e3a693b97bd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c8e3a693b97bd:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c8e3a693b97bd:focus-visible svg,
.c8e3a693b97bd:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c8e3a693b97bd {
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c8e3a693b97bd {
    height: 1.5625rem;
  }
}
.c8e3a693b97bd {
  flex-grow: 1;
  border-radius: 0.5rem;
  box-sizing: border-box;
  align-items: center;
}
.c8e3a693b97bd input {
  display: none;
}
.c8e3a693b97bd svg {
  fill: none;
  stroke-width: 1px;
  stroke: var(--color-foreground-secondary);
}
.c8e3a693b97bd .c524be6262545 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-foreground-secondary);
}
.c8e3a693b97bd:hover {
  background-color: var(--color-background-quaternary);
}
.c8e3a693b97bd:hover svg {
  stroke: var(--color-accent-primary);
}
.c8e3a693b97bd:hover .c524be6262545 {
  color: var(--color-accent-primary);
}

.c0401eb9b0ba2 {
  background-color: var(--color-background-quaternary);
}
.c0401eb9b0ba2 svg {
  stroke: var(--color-accent-primary);
}
.c0401eb9b0ba2 .c524be6262545 {
  color: var(--color-accent-primary);
}

.cdd1c6c24f76c {
  cursor: default;
  background-color: transparent;
  border: 0.125rem solid transparent;
}
.cdd1c6c24f76c svg {
  stroke: var(--button-foreground-color-disabled);
}
.cdd1c6c24f76c .c524be6262545 {
  color: var(--button-foreground-color-disabled);
}
.cdd1c6c24f76c:hover {
  background-color: transparent;
  border: 0.125rem solid transparent;
}
.cdd1c6c24f76c:hover svg {
  stroke: var(--button-foreground-color-disabled);
}
.cdd1c6c24f76c:hover .c524be6262545 {
  color: var(--button-foreground-color-disabled);
}

.c8e3a693b97bd svg {
  stroke: none;
  color: var(--color-foreground-secondary);
}
.c8e3a693b97bd .c524be6262545 {
  color: var(--color-foreground-secondary);
}
.c8e3a693b97bd:hover svg {
  color: var(--color-accent-primary);
  stroke: none;
}
.c8e3a693b97bd:hover .c524be6262545 {
  color: var(--color-accent-primary);
}

.c0401eb9b0ba2 svg {
  color: var(--color-accent-primary);
  stroke: none;
}
.c0401eb9b0ba2 .c524be6262545 {
  color: var(--color-accent-primary);
}

.cdd1c6c24f76c svg {
  stroke: none;
  color: var(--button-foreground-color-disabled);
}
.cdd1c6c24f76c .c524be6262545 {
  color: var(--button-foreground-color-disabled);
}
.cdd1c6c24f76c:hover svg {
  stroke: none;
  color: var(--button-foreground-color-disabled);
}
.cdd1c6c24f76c:hover .c524be6262545 {
  color: var(--button-foreground-color-disabled);
}
.cb6019a7a63da {
  cursor: grab;
  display: flex;
  flex-direction: column;
  block-size: calc(100% + var(--sp-m));
  justify-content: center;
  inset-inline-start: var(--reorder-left-position, -11px);
  position: absolute;
  inset-block-start: calc(-1 * var(--sp-m) / 2);
  z-index: var(--z-index-panels);
}

.c26f13a6a709f {
  block-size: var(--sp-l);
  pointer-events: none;
  visibility: var(--reorder-icon-visibility, hidden);
  color: var(--color-foreground-secondary);
}

.c2761b85acbd9,
.cb1c9a9ca6375 {
  border-color: var(--color-accent-primary);
  margin: 0;
  position: absolute;
  inline-size: 100%;
}

.c2761b85acbd9 {
  display: var(--reorder-top-display, none);
  inset-block-start: calc(-1 * var(--sp-xxs));
}

.cb1c9a9ca6375 {
  display: var(--reorder-bottom-display, none);
  inset-block-end: calc(-1 * var(--sp-xxs));
}
@keyframes cc34deaa4837c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c6583104ccbe8 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c6583104ccbe8:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c6583104ccbe8 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c6583104ccbe8 ::-webkit-scrollbar-track,
.c6583104ccbe8 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c6583104ccbe8 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c6583104ccbe8 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c6583104ccbe8 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c6583104ccbe8 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c6583104ccbe8 ::placeholder,
.c6583104ccbe8 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cdea73d1f5409, .c560b049d0729, .c2b1978851f4f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cdea73d1f5409 svg, .c560b049d0729 svg, .c2b1978851f4f svg,
.cdea73d1f5409 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cdea73d1f5409:focus-visible, .c560b049d0729:focus-visible, .c2b1978851f4f:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cdea73d1f5409:focus-visible svg, .c560b049d0729:focus-visible svg, .c2b1978851f4f:focus-visible svg,
.cdea73d1f5409:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cdea73d1f5409:hover, .c560b049d0729:hover, .c2b1978851f4f:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cdea73d1f5409:hover svg, .c560b049d0729:hover svg, .c2b1978851f4f:hover svg,
.cdea73d1f5409:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cdea73d1f5409:active, .c560b049d0729:active, .c2b1978851f4f:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cdea73d1f5409:active svg, .c560b049d0729:active svg, .c2b1978851f4f:active svg,
.cdea73d1f5409:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cdea73d1f5409.disabled, .c560b049d0729.disabled, .c2b1978851f4f.disabled, .cdea73d1f5409[disabled], [disabled].c560b049d0729, [disabled].c2b1978851f4f, .cdea73d1f5409:disabled, .c560b049d0729:disabled, .c2b1978851f4f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c52f7a1800f90, .c22fef691a919 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c52f7a1800f90 svg, .c22fef691a919 svg,
.c52f7a1800f90 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c52f7a1800f90:focus-visible, .c22fef691a919:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c52f7a1800f90:focus-visible svg, .c22fef691a919:focus-visible svg,
.c52f7a1800f90:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c52f7a1800f90:hover, .c22fef691a919:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c52f7a1800f90:hover svg, .c22fef691a919:hover svg,
.c52f7a1800f90:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c52f7a1800f90:active, .c22fef691a919:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c52f7a1800f90:active svg, .c22fef691a919:active svg,
.c52f7a1800f90:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c52f7a1800f90.disabled, .c22fef691a919.disabled, .c52f7a1800f90[disabled], [disabled].c22fef691a919, .c52f7a1800f90:disabled, .c22fef691a919:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce4ba7acf6652 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ce4ba7acf6652 svg,
.ce4ba7acf6652 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ce4ba7acf6652:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ce4ba7acf6652:focus-visible svg,
.ce4ba7acf6652:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ce4ba7acf6652:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ce4ba7acf6652:hover svg,
.ce4ba7acf6652:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ce4ba7acf6652:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ce4ba7acf6652:active svg,
.ce4ba7acf6652:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ce4ba7acf6652.disabled, .ce4ba7acf6652[disabled], .ce4ba7acf6652:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.caccad36b743f, .c246c8bf0a259 button, .c0ff79e4a4585 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.caccad36b743f svg, .c246c8bf0a259 button svg, .c0ff79e4a4585 svg,
.caccad36b743f span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.caccad36b743f:focus-visible, .c246c8bf0a259 button:focus-visible, .c0ff79e4a4585:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.caccad36b743f:focus-visible svg, .c246c8bf0a259 button:focus-visible svg, .c0ff79e4a4585:focus-visible svg,
.caccad36b743f:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.caccad36b743f:hover, .c246c8bf0a259 button:hover, .c0ff79e4a4585:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.caccad36b743f:hover svg, .c246c8bf0a259 button:hover svg, .c0ff79e4a4585:hover svg,
.caccad36b743f:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.caccad36b743f:active, .c246c8bf0a259 button:active, .c0ff79e4a4585:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.caccad36b743f:active svg, .c246c8bf0a259 button:active svg, .c0ff79e4a4585:active svg,
.caccad36b743f:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.caccad36b743f.disabled, .c246c8bf0a259 button.disabled, .c0ff79e4a4585.disabled, .caccad36b743f[disabled], .c246c8bf0a259 button[disabled], [disabled].c0ff79e4a4585, .caccad36b743f:disabled, .c246c8bf0a259 button:disabled, .c0ff79e4a4585:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.caccad36b743f.disabled svg, .c246c8bf0a259 button.disabled svg, .c0ff79e4a4585.disabled svg,
.caccad36b743f.disabled span svg, .caccad36b743f[disabled] svg, .c246c8bf0a259 button[disabled] svg, [disabled].c0ff79e4a4585 svg,
.caccad36b743f[disabled] span svg, .caccad36b743f:disabled svg, .c246c8bf0a259 button:disabled svg, .c0ff79e4a4585:disabled svg,
.caccad36b743f:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c5a3494b3ec5b {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c5a3494b3ec5b svg {
  color: var(--button-icon-foreground-color-selected);
}

.ca75ecfc14afe {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ca75ecfc14afe svg,
.ca75ecfc14afe span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ca75ecfc14afe:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ca75ecfc14afe:focus-visible svg,
.ca75ecfc14afe:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ca75ecfc14afe:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ca75ecfc14afe:hover svg,
.ca75ecfc14afe:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ca75ecfc14afe:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ca75ecfc14afe:active svg,
.ca75ecfc14afe:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cd3bfa68fb00a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7160bb1dfa13 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce7a18efcb95e, .cece01ac38be6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ce7a18efcb95e:focus-visible, .cece01ac38be6:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ce7a18efcb95e:focus-visible svg, .cece01ac38be6:focus-visible svg,
.ce7a18efcb95e:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ce7a18efcb95e:hover svg, .cece01ac38be6:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ce7a18efcb95e:active, .cece01ac38be6:active {
  border: none;
  background-color: transparent;
}

.cbc563a9cd88d, .c0ff79e4a4585 svg, .c52dbb3dc7db8, .cb5f4fd29e544 span svg, .c246c8bf0a259 button svg, .c67aa8cdb70c8.intermediate svg, .c089a365d307c label span.intermediate svg, .c67aa8cdb70c8.checked svg, .c089a365d307c label span.checked svg, .cad5697533854 span svg,
.cad5697533854 label svg, .c57efa9384209 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c3f0d8877bfbb {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c3f0d8877bfbb:hover {
  fill: none;
  stroke: none;
}

.c52dbb3dc7db8, .cb5f4fd29e544 span svg, .c246c8bf0a259 button svg, .c67aa8cdb70c8.intermediate svg, .c089a365d307c label span.intermediate svg, .c67aa8cdb70c8.checked svg, .c089a365d307c label span.checked svg, .cad5697533854 span svg,
.cad5697533854 label svg, .c57efa9384209 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c7c635f9987af {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c7c635f9987af:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c618128cf5214, .c687fe11bf6c7 input, .ce8782e7e7081 input, .cad5697533854 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c618128cf5214, .c687fe11bf6c7 input, .ce8782e7e7081 input, .cad5697533854 input {
    height: 23px;
  }
}
.c618128cf5214, .c687fe11bf6c7 input, .ce8782e7e7081 input, .cad5697533854 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c618128cf5214[disabled], .c687fe11bf6c7 input[disabled], .ce8782e7e7081 input[disabled], .cad5697533854 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c57efa9384209 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cfab1dafbe8bc, .cad5697533854 span,
.cad5697533854 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cfab1dafbe8bc, .cad5697533854 span,
  .cad5697533854 label {
    height: 25px;
  }
}
.cfab1dafbe8bc, .cad5697533854 span,
.cad5697533854 label {
  color: var(--input-foreground-color);
}

.cad5697533854 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cad5697533854 {
    height: 25px;
    font-size: 10px;
  }
}
.cad5697533854 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cad5697533854 span svg,
.cad5697533854 label svg {
  color: var(--input-foreground-color);
}
.cad5697533854 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cad5697533854 ::placeholder {
  color: var(--input-placeholder-color);
}
.cad5697533854:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cad5697533854:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cad5697533854:hover span {
  color: var(--input-foreground-color-hover);
}
.cad5697533854:hover input {
  color: var(--input-foreground-color-hover);
}
.cad5697533854:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cad5697533854:active span {
  color: var(--input-foreground-color-active);
}
.cad5697533854:active input {
  color: var(--input-foreground-color-active);
}
.cad5697533854:focus, .cad5697533854:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cad5697533854:focus span, .cad5697533854:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cad5697533854:focus input, .cad5697533854:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cad5697533854:focus:hover, .cad5697533854:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cad5697533854:focus:hover span, .cad5697533854:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cad5697533854:focus:hover input, .cad5697533854:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ce8782e7e7081 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ce8782e7e7081 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ce8782e7e7081 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce8782e7e7081 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce8782e7e7081:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ce8782e7e7081:focus-within input, .ce8782e7e7081:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ca31e9d8c1a53, .c687fe11bf6c7.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ca31e9d8c1a53 input, .c687fe11bf6c7.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ca31e9d8c1a53 span svg, .c687fe11bf6c7.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c67aa8cdb70c8, .c089a365d307c label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c67aa8cdb70c8 svg, .c089a365d307c label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c67aa8cdb70c8:hover, .c089a365d307c label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c67aa8cdb70c8:focus, .c089a365d307c label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c67aa8cdb70c8.checked, .c089a365d307c label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c67aa8cdb70c8.checked svg, .c089a365d307c label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c67aa8cdb70c8.intermediate, .c089a365d307c label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c67aa8cdb70c8.intermediate svg, .c089a365d307c label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c67aa8cdb70c8.unchecked, .c089a365d307c label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c67aa8cdb70c8.unchecked svg, .c089a365d307c label span.unchecked svg {
  display: none;
}

.c089a365d307c {
  display: flex;
  align-items: center;
}
.c089a365d307c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c089a365d307c label input {
  margin: 0;
}
.c089a365d307c label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c089a365d307c label:focus span, .c089a365d307c label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c687fe11bf6c7 {
  display: flex;
  flex-direction: column;
}
.c687fe11bf6c7 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c687fe11bf6c7 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c687fe11bf6c7 input:focus-within input, .c687fe11bf6c7 input:active input {
  color: var(--input-foreground-color-active);
}
.c687fe11bf6c7 input:focus-within, .c687fe11bf6c7 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c687fe11bf6c7.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c024926c192da {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c79b3516a20e6 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c0dc0b984efaa {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c0ff79e4a4585 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cff9aef21c539 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c9b078892ad34 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c22fef691a919 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c2b1978851f4f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c560b049d0729 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c4afb9a8dcc7d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c4afb9a8dcc7d:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c24585881b190 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c8cc636bad154 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ca0daa948e84f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ca1cd096fc1eb {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c874ba1163d03 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c874ba1163d03:hover, .c874ba1163d03:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c246c8bf0a259 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c246c8bf0a259 button {
  display: none;
}
.c246c8bf0a259 button svg {
  stroke: var(--icon-foreground);
}
.c246c8bf0a259:hover button {
  display: flex;
}

.cb7d7a4ffd9f7 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cb7d7a4ffd9f7 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cb7d7a4ffd9f7 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c8a98e2dc9d91 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c8a98e2dc9d91:hover div {
  color: var(--entry-foreground-color-hover);
}

.c8d829cc65146 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cc152b0816a0f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cc152b0816a0f:hover {
  background-color: var(--menu-background-color-hover);
}

.cb5f4fd29e544 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cb5f4fd29e544 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cb5f4fd29e544 span svg {
  stroke: var(--icon-foreground);
}
.cb5f4fd29e544:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cb5f4fd29e544:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c5482e186ce15 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cb0c0d00d062d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cb95fa85271d7,
.cb113a06eb690 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c3ce0307d9894 .cb95fa85271d7,
.c3ce0307d9894 .cb113a06eb690 {
  transform: scale(1);
}

.c68a37a94aaf1 .cb95fa85271d7,
.c68a37a94aaf1 .cb113a06eb690 {
  transform: scale(0);
}

.cbf422994f2b4 {
  display: flex;
  gap: 0.125rem;
  height: var(--search-box-height, 1.375rem);
  width: 100%;
  border-radius: 8px;
  background-color: var(--search-bar-background-color);
}

.cdd46291bba27 {
  margin-left: 0.5rem;
  flex: 0 0 1rem;
  color: var(--color-foreground-primary);
}

.c149b64690c3c {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--search-input-wrapper-height, 1.375rem);
  width: 100%;
  border-radius: 8px;
  background-color: transparent;
}
.c149b64690c3c:hover {
  background-color: var(--input-background-color-hover);
}
.c149b64690c3c:hover .cb1237c5c83d8 {
  background-color: var(--input-background-color-hover);
}
.c149b64690c3c:focus-within {
  background-color: transparent;
  color: var(--input-foreground-color-active);
  border: 1px solid var(--input-border-color-focus);
}
.c149b64690c3c:focus-within .cb1237c5c83d8 {
  background-color: transparent;
}

.cb1237c5c83d8 {
  width: 100%;
  height: 100%;
  margin: 0 0.5rem 0 0.25rem;
  border: 0;
  background-color: transparent;
  font-size: 0.75rem;
  color: var(--input-foreground-color);
  border-radius: 8px;
}
.cb1237c5c83d8:focus {
  outline: none;
}

.cece01ac38be6 {
  flex: 0 0 2rem;
  height: 100%;
  color: var(--color-icon-default);
}

.cbf422994f2b4.c9549bbd6c44d .c149b64690c3c {
  border-radius: 0 8px 8px 0;
  margin-left: 0;
}
@keyframes ce300aae479eb {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cde4f1b8d4e7d, .c2c3246fc1613 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cde4f1b8d4e7d:hover, .c2c3246fc1613:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cde4f1b8d4e7d ::-webkit-scrollbar, .c2c3246fc1613 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cde4f1b8d4e7d ::-webkit-scrollbar-track, .c2c3246fc1613 ::-webkit-scrollbar-track,
.cde4f1b8d4e7d ::-webkit-scrollbar-corner,
.c2c3246fc1613 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cde4f1b8d4e7d ::-webkit-scrollbar-thumb, .c2c3246fc1613 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cde4f1b8d4e7d ::-webkit-scrollbar-thumb:hover, .c2c3246fc1613 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cde4f1b8d4e7d ::-moz-selection, .c2c3246fc1613 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cde4f1b8d4e7d ::selection, .c2c3246fc1613 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cde4f1b8d4e7d ::placeholder, .c2c3246fc1613 ::placeholder,
.cde4f1b8d4e7d ::-webkit-input-placeholder,
.c2c3246fc1613 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cb98b85427550, .cc71574f5033f, .cb2d18df0b6b9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cb98b85427550 svg, .cc71574f5033f svg, .cb2d18df0b6b9 svg,
.cb98b85427550 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cb98b85427550:focus-visible, .cc71574f5033f:focus-visible, .cb2d18df0b6b9:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cb98b85427550:focus-visible svg, .cc71574f5033f:focus-visible svg, .cb2d18df0b6b9:focus-visible svg,
.cb98b85427550:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cb98b85427550:hover, .cc71574f5033f:hover, .cb2d18df0b6b9:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cb98b85427550:hover svg, .cc71574f5033f:hover svg, .cb2d18df0b6b9:hover svg,
.cb98b85427550:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cb98b85427550:active, .cc71574f5033f:active, .cb2d18df0b6b9:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cb98b85427550:active svg, .cc71574f5033f:active svg, .cb2d18df0b6b9:active svg,
.cb98b85427550:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cb98b85427550.disabled, .cc71574f5033f.disabled, .cb2d18df0b6b9.disabled, .cb98b85427550[disabled], [disabled].cc71574f5033f, [disabled].cb2d18df0b6b9, .cb98b85427550:disabled, .cc71574f5033f:disabled, .cb2d18df0b6b9:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8e20a67e2f94, .cfb577199baba {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c8e20a67e2f94 svg, .cfb577199baba svg,
.c8e20a67e2f94 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c8e20a67e2f94:focus-visible, .cfb577199baba:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8e20a67e2f94:focus-visible svg, .cfb577199baba:focus-visible svg,
.c8e20a67e2f94:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8e20a67e2f94:hover, .cfb577199baba:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c8e20a67e2f94:hover svg, .cfb577199baba:hover svg,
.c8e20a67e2f94:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c8e20a67e2f94:active, .cfb577199baba:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c8e20a67e2f94:active svg, .cfb577199baba:active svg,
.c8e20a67e2f94:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c8e20a67e2f94.disabled, .cfb577199baba.disabled, .c8e20a67e2f94[disabled], [disabled].cfb577199baba, .c8e20a67e2f94:disabled, .cfb577199baba:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c34e7a78ef699 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c34e7a78ef699 svg,
.c34e7a78ef699 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c34e7a78ef699:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c34e7a78ef699:focus-visible svg,
.c34e7a78ef699:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c34e7a78ef699:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c34e7a78ef699:hover svg,
.c34e7a78ef699:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c34e7a78ef699:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c34e7a78ef699:active svg,
.c34e7a78ef699:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c34e7a78ef699.disabled, .c34e7a78ef699[disabled], .c34e7a78ef699:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb6a8e540d295, .c2ed80758ae76 button, .c5e4f862949d9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cb6a8e540d295 svg, .c2ed80758ae76 button svg, .c5e4f862949d9 svg,
.cb6a8e540d295 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cb6a8e540d295:focus-visible, .c2ed80758ae76 button:focus-visible, .c5e4f862949d9:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cb6a8e540d295:focus-visible svg, .c2ed80758ae76 button:focus-visible svg, .c5e4f862949d9:focus-visible svg,
.cb6a8e540d295:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cb6a8e540d295:hover, .c2ed80758ae76 button:hover, .c5e4f862949d9:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cb6a8e540d295:hover svg, .c2ed80758ae76 button:hover svg, .c5e4f862949d9:hover svg,
.cb6a8e540d295:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cb6a8e540d295:active, .c2ed80758ae76 button:active, .c5e4f862949d9:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cb6a8e540d295:active svg, .c2ed80758ae76 button:active svg, .c5e4f862949d9:active svg,
.cb6a8e540d295:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cb6a8e540d295.disabled, .c2ed80758ae76 button.disabled, .c5e4f862949d9.disabled, .cb6a8e540d295[disabled], .c2ed80758ae76 button[disabled], [disabled].c5e4f862949d9, .cb6a8e540d295:disabled, .c2ed80758ae76 button:disabled, .c5e4f862949d9:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cb6a8e540d295.disabled svg, .c2ed80758ae76 button.disabled svg, .c5e4f862949d9.disabled svg,
.cb6a8e540d295.disabled span svg, .cb6a8e540d295[disabled] svg, .c2ed80758ae76 button[disabled] svg, [disabled].c5e4f862949d9 svg,
.cb6a8e540d295[disabled] span svg, .cb6a8e540d295:disabled svg, .c2ed80758ae76 button:disabled svg, .c5e4f862949d9:disabled svg,
.cb6a8e540d295:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ced69ad912187 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ced69ad912187 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c755e138ab75e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c755e138ab75e svg,
.c755e138ab75e span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c755e138ab75e:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c755e138ab75e:focus-visible svg,
.c755e138ab75e:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c755e138ab75e:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c755e138ab75e:hover svg,
.c755e138ab75e:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c755e138ab75e:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c755e138ab75e:active svg,
.c755e138ab75e:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c47fcb33be7a8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ca8b99ef9b153 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2efae963622c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c2efae963622c:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c2efae963622c:focus-visible svg,
.c2efae963622c:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c2efae963622c:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c2efae963622c:active {
  border: none;
  background-color: transparent;
}

.cf6eba9bca76f, .c3050dfaa90a4 .cebb4c16ea24f svg, .c5e4f862949d9 svg, .c05db2edc6a91, .ccf81d339b57f svg, .c3a3926c3c704 svg, .c3050dfaa90a4 .c255a7341cdd0 svg, .cf77b220c328a span svg, .c3050dfaa90a4 span svg, .c2ed80758ae76 button svg, .c2ff46f4edd83.intermediate svg, .c1139dd6697e0 label span.intermediate svg, .c2ff46f4edd83.checked svg, .c1139dd6697e0 label span.checked svg, .cc7185ec9fda5 span svg,
.cc7185ec9fda5 label svg, .c89545f20dbab svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.caaf2250c1109 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.caaf2250c1109:hover {
  fill: none;
  stroke: none;
}

.c05db2edc6a91, .ccf81d339b57f svg, .c3a3926c3c704 svg, .c3050dfaa90a4 .c255a7341cdd0 svg, .cf77b220c328a span svg, .c3050dfaa90a4 span svg, .c2ed80758ae76 button svg, .c2ff46f4edd83.intermediate svg, .c1139dd6697e0 label span.intermediate svg, .c2ff46f4edd83.checked svg, .c1139dd6697e0 label span.checked svg, .cc7185ec9fda5 span svg,
.cc7185ec9fda5 label svg, .c89545f20dbab svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cf135187dc193 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cf135187dc193:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c52eb8757ea14, .c3d06a64343b1 input, .c58138fdfeb49 input, .cc7185ec9fda5 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c52eb8757ea14, .c3d06a64343b1 input, .c58138fdfeb49 input, .cc7185ec9fda5 input {
    height: 23px;
  }
}
.c52eb8757ea14, .c3d06a64343b1 input, .c58138fdfeb49 input, .cc7185ec9fda5 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c52eb8757ea14[disabled], .c3d06a64343b1 input[disabled], .c58138fdfeb49 input[disabled], .cc7185ec9fda5 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c89545f20dbab {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cc4f006bbd517, .cc7185ec9fda5 span,
.cc7185ec9fda5 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc4f006bbd517, .cc7185ec9fda5 span,
  .cc7185ec9fda5 label {
    height: 25px;
  }
}
.cc4f006bbd517, .cc7185ec9fda5 span,
.cc7185ec9fda5 label {
  color: var(--input-foreground-color);
}

.cc7185ec9fda5 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc7185ec9fda5 {
    height: 25px;
    font-size: 10px;
  }
}
.cc7185ec9fda5 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cc7185ec9fda5 span svg,
.cc7185ec9fda5 label svg {
  color: var(--input-foreground-color);
}
.cc7185ec9fda5 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cc7185ec9fda5 ::placeholder {
  color: var(--input-placeholder-color);
}
.cc7185ec9fda5:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc7185ec9fda5:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cc7185ec9fda5:hover span {
  color: var(--input-foreground-color-hover);
}
.cc7185ec9fda5:hover input {
  color: var(--input-foreground-color-hover);
}
.cc7185ec9fda5:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cc7185ec9fda5:active span {
  color: var(--input-foreground-color-active);
}
.cc7185ec9fda5:active input {
  color: var(--input-foreground-color-active);
}
.cc7185ec9fda5:focus, .cc7185ec9fda5:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc7185ec9fda5:focus span, .cc7185ec9fda5:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cc7185ec9fda5:focus input, .cc7185ec9fda5:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cc7185ec9fda5:focus:hover, .cc7185ec9fda5:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc7185ec9fda5:focus:hover span, .cc7185ec9fda5:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cc7185ec9fda5:focus:hover input, .cc7185ec9fda5:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c58138fdfeb49 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c58138fdfeb49 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c58138fdfeb49 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c58138fdfeb49 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c58138fdfeb49:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c58138fdfeb49:focus-within input, .c58138fdfeb49:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c1714172ae9cc, .c3d06a64343b1.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c1714172ae9cc input, .c3d06a64343b1.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c1714172ae9cc span svg, .c3d06a64343b1.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c2ff46f4edd83, .c1139dd6697e0 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c2ff46f4edd83 svg, .c1139dd6697e0 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c2ff46f4edd83:hover, .c1139dd6697e0 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c2ff46f4edd83:focus, .c1139dd6697e0 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c2ff46f4edd83.checked, .c1139dd6697e0 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c2ff46f4edd83.checked svg, .c1139dd6697e0 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c2ff46f4edd83.intermediate, .c1139dd6697e0 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c2ff46f4edd83.intermediate svg, .c1139dd6697e0 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c2ff46f4edd83.unchecked, .c1139dd6697e0 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c2ff46f4edd83.unchecked svg, .c1139dd6697e0 label span.unchecked svg {
  display: none;
}

.c1139dd6697e0 {
  display: flex;
  align-items: center;
}
.c1139dd6697e0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c1139dd6697e0 label input {
  margin: 0;
}
.c1139dd6697e0 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c1139dd6697e0 label:focus span, .c1139dd6697e0 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c3d06a64343b1 {
  display: flex;
  flex-direction: column;
}
.c3d06a64343b1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c3d06a64343b1 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c3d06a64343b1 input:focus-within input, .c3d06a64343b1 input:active input {
  color: var(--input-foreground-color-active);
}
.c3d06a64343b1 input:focus-within, .c3d06a64343b1 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3d06a64343b1.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ceebec9620799 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c799ca5796ed8 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c93a26a3106cd {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c5e4f862949d9 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cc18c3d17c53f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c9f2ec9779f2a {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cfb577199baba {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb2d18df0b6b9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc71574f5033f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c21efd28dca6c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c21efd28dca6c:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c79f3bc4c314f {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c2184806cc519 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c9815282aca60 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c779d8cd4f417 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c87c6143786b9 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c87c6143786b9:hover, .c87c6143786b9:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c2ed80758ae76 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c2ed80758ae76 button {
  display: none;
}
.c2ed80758ae76 button svg {
  stroke: var(--icon-foreground);
}
.c2ed80758ae76:hover button {
  display: flex;
}

.c721140b79a54 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c721140b79a54 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c721140b79a54 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cbeb7e23d5bca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cbeb7e23d5bca:hover div {
  color: var(--entry-foreground-color-hover);
}

.c973d26d6d772 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cc0f27a1fc494 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cc0f27a1fc494:hover {
  background-color: var(--menu-background-color-hover);
}

.cf77b220c328a, .c3050dfaa90a4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cf77b220c328a span, .c3050dfaa90a4 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf77b220c328a span svg, .c3050dfaa90a4 span svg {
  stroke: var(--icon-foreground);
}
.cf77b220c328a:hover, .c3050dfaa90a4:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cf77b220c328a:hover span svg, .c3050dfaa90a4:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cda313bb20832, .cc2a3b4f9f016 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c0c5b7d4efc62 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c4d981fac4e1d,
.ce52c501c4fef {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cbda2fc588059 .c4d981fac4e1d,
.cbda2fc588059 .ce52c501c4fef {
  transform: scale(1);
}

.cdacda2aef03e .c4d981fac4e1d,
.cdacda2aef03e .ce52c501c4fef {
  transform: scale(0);
}

.c2c3246fc1613 {
  --border-color: var(--menu-background-color);
  --bg-color: var(--menu-background-color);
  --icon-color: var(--icon-foreground);
  --text-color: var(--menu-foreground-color);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  height: var(--control-height, 1.875rem);
  width: 100%;
  margin: 0;
  padding: 0.5rem;
  border-radius: 8px;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
  color: var(--text-color);
  cursor: pointer;
}
.c2c3246fc1613.cebb4c16ea24f {
  grid-template-columns: auto 1fr auto;
}
.c2c3246fc1613:hover {
  --bg-color: var(--menu-background-color-hover);
  --border-color: var(--menu-background-color-hover);
  --icon-color: var(--menu-foreground-color-hover);
}
.c2c3246fc1613:focus {
  --bg-color: transparent;
  --border-color: var(--menu-border-color-focus);
}
@media (max-width: 1680px) {
  .c2c3246fc1613 {
    height: var(--control-height, 1.5625rem);
    padding: 0.375rem;
  }
}

.ca866b6c384ec {
  --bg-color: #2A2B2A;
  --border-color: #2A2B2A;
}
.ca866b6c384ec .cc2a3b4f9f016 {
  background-color: #2A2B2A;
}

.c10060ab49bf6 {
  --bg-color: var(--menu-background-color-disabled);
  --border-color: var(--menu-border-color-disabled);
  --icon-color: var(--menu-foreground-color-disabled);
  --text-color: var(--menu-foreground-color-disabled);
  pointer-events: none;
  cursor: default;
}

.ccf81d339b57f {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline-end: var(--sp-xxs);
}
.ccf81d339b57f svg {
  transform: rotate(90deg);
  stroke: none;
}

.c3a3926c3c704 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  padding-right: 0.25rem;
}
.c3a3926c3c704 svg {
  stroke: none;
}

.cc2a3b4f9f016 .cb650b6f69052 {
  margin: 0;
  height: 0.75rem;
  border-block-start: 1px solid var(--dropdown-separator-color);
}

.cc2a3b4f9f016[data-direction=up] {
  bottom: 1.875rem;
  top: auto;
}

.c3050dfaa90a4 .cebb4c16ea24f {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  padding-right: 0.25rem;
}
.c3050dfaa90a4 .cebb4c16ea24f svg {
  stroke: none;
}
.c3050dfaa90a4 .c255278b98c76 {
  flex-grow: 1;
  width: 100%;
}
.c3050dfaa90a4 .c255a7341cdd0 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c3050dfaa90a4 .c255a7341cdd0 svg {
  visibility: hidden;
  stroke: none;
}
.c3050dfaa90a4.ce492b0b2ef42 {
  color: var(--menu-foreground-color);
}
.c3050dfaa90a4.ce492b0b2ef42 .c255a7341cdd0 svg {
  stroke: var(--menu-foreground-color);
  visibility: visible;
}
.c3050dfaa90a4.c10060ab49bf6 {
  display: none;
}

.c436ffa5d0dbe {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@keyframes c2d69af54c7bf {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c0ce4ac6c8fbd {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c0ce4ac6c8fbd:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c0ce4ac6c8fbd ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c0ce4ac6c8fbd ::-webkit-scrollbar-track,
.c0ce4ac6c8fbd ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c0ce4ac6c8fbd ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c0ce4ac6c8fbd ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c0ce4ac6c8fbd ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c0ce4ac6c8fbd ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c0ce4ac6c8fbd ::placeholder,
.c0ce4ac6c8fbd ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c07cbc1588566, .c6e933678eeaf, .cadfb2038ea30 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c07cbc1588566 svg, .c6e933678eeaf svg, .cadfb2038ea30 svg,
.c07cbc1588566 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c07cbc1588566:focus-visible, .c6e933678eeaf:focus-visible, .cadfb2038ea30:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c07cbc1588566:focus-visible svg, .c6e933678eeaf:focus-visible svg, .cadfb2038ea30:focus-visible svg,
.c07cbc1588566:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c07cbc1588566:hover, .c6e933678eeaf:hover, .cadfb2038ea30:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c07cbc1588566:hover svg, .c6e933678eeaf:hover svg, .cadfb2038ea30:hover svg,
.c07cbc1588566:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c07cbc1588566:active, .c6e933678eeaf:active, .cadfb2038ea30:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c07cbc1588566:active svg, .c6e933678eeaf:active svg, .cadfb2038ea30:active svg,
.c07cbc1588566:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c07cbc1588566.disabled, .c6e933678eeaf.disabled, .cadfb2038ea30.disabled, .c07cbc1588566[disabled], [disabled].c6e933678eeaf, [disabled].cadfb2038ea30, .c07cbc1588566:disabled, .c6e933678eeaf:disabled, .cadfb2038ea30:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cffe9d9431cef, .cd9ec394d165d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cffe9d9431cef svg, .cd9ec394d165d svg,
.cffe9d9431cef span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cffe9d9431cef:focus-visible, .cd9ec394d165d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cffe9d9431cef:focus-visible svg, .cd9ec394d165d:focus-visible svg,
.cffe9d9431cef:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cffe9d9431cef:hover, .cd9ec394d165d:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cffe9d9431cef:hover svg, .cd9ec394d165d:hover svg,
.cffe9d9431cef:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cffe9d9431cef:active, .cd9ec394d165d:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cffe9d9431cef:active svg, .cd9ec394d165d:active svg,
.cffe9d9431cef:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cffe9d9431cef.disabled, .cd9ec394d165d.disabled, .cffe9d9431cef[disabled], [disabled].cd9ec394d165d, .cffe9d9431cef:disabled, .cd9ec394d165d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce6875a2e2e54 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ce6875a2e2e54 svg,
.ce6875a2e2e54 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ce6875a2e2e54:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ce6875a2e2e54:focus-visible svg,
.ce6875a2e2e54:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ce6875a2e2e54:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ce6875a2e2e54:hover svg,
.ce6875a2e2e54:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ce6875a2e2e54:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ce6875a2e2e54:active svg,
.ce6875a2e2e54:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ce6875a2e2e54.disabled, .ce6875a2e2e54[disabled], .ce6875a2e2e54:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca8095cfc9932, .c12e90612a07d button, .ce71866795978 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca8095cfc9932 svg, .c12e90612a07d button svg, .ce71866795978 svg,
.ca8095cfc9932 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca8095cfc9932:focus-visible, .c12e90612a07d button:focus-visible, .ce71866795978:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca8095cfc9932:focus-visible svg, .c12e90612a07d button:focus-visible svg, .ce71866795978:focus-visible svg,
.ca8095cfc9932:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca8095cfc9932:hover, .c12e90612a07d button:hover, .ce71866795978:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca8095cfc9932:hover svg, .c12e90612a07d button:hover svg, .ce71866795978:hover svg,
.ca8095cfc9932:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca8095cfc9932:active, .c12e90612a07d button:active, .ce71866795978:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca8095cfc9932:active svg, .c12e90612a07d button:active svg, .ce71866795978:active svg,
.ca8095cfc9932:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca8095cfc9932.disabled, .c12e90612a07d button.disabled, .ce71866795978.disabled, .ca8095cfc9932[disabled], .c12e90612a07d button[disabled], [disabled].ce71866795978, .ca8095cfc9932:disabled, .c12e90612a07d button:disabled, .ce71866795978:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca8095cfc9932.disabled svg, .c12e90612a07d button.disabled svg, .ce71866795978.disabled svg,
.ca8095cfc9932.disabled span svg, .ca8095cfc9932[disabled] svg, .c12e90612a07d button[disabled] svg, [disabled].ce71866795978 svg,
.ca8095cfc9932[disabled] span svg, .ca8095cfc9932:disabled svg, .c12e90612a07d button:disabled svg, .ce71866795978:disabled svg,
.ca8095cfc9932:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c08a2baee6176 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c08a2baee6176 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c732afcf2870b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c732afcf2870b svg,
.c732afcf2870b span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c732afcf2870b:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c732afcf2870b:focus-visible svg,
.c732afcf2870b:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c732afcf2870b:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c732afcf2870b:hover svg,
.c732afcf2870b:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c732afcf2870b:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c732afcf2870b:active svg,
.c732afcf2870b:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c0f9fbfac6776 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c9a56396fcded {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c12e87ae92e0c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c12e87ae92e0c:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c12e87ae92e0c:focus-visible svg,
.c12e87ae92e0c:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c12e87ae92e0c:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c12e87ae92e0c:active {
  border: none;
  background-color: transparent;
}

.c5a643a1e1fba, .c80eda19a011c svg, .ce71866795978 svg, .c38a7f3affcd2, .c02e8be91c718 span svg, .c12e90612a07d button svg, .cdb6af4904fad.intermediate svg, .cdb7f13f7e785 label span.intermediate svg, .cdb6af4904fad.checked svg, .cdb7f13f7e785 label span.checked svg, .cf02423d16b80 span svg,
.cf02423d16b80 label svg, .cd839b5bc50a8 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c0851cbb58642 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c0851cbb58642:hover {
  fill: none;
  stroke: none;
}

.c38a7f3affcd2, .c02e8be91c718 span svg, .c12e90612a07d button svg, .cdb6af4904fad.intermediate svg, .cdb7f13f7e785 label span.intermediate svg, .cdb6af4904fad.checked svg, .cdb7f13f7e785 label span.checked svg, .cf02423d16b80 span svg,
.cf02423d16b80 label svg, .cd839b5bc50a8 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c0f512d95c176 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c0f512d95c176:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c69e908743b2d, .cb5d1ab292125 input, .c1c25eeedeb30 input, .cf02423d16b80 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c69e908743b2d, .cb5d1ab292125 input, .c1c25eeedeb30 input, .cf02423d16b80 input {
    height: 23px;
  }
}
.c69e908743b2d, .cb5d1ab292125 input, .c1c25eeedeb30 input, .cf02423d16b80 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c69e908743b2d[disabled], .cb5d1ab292125 input[disabled], .c1c25eeedeb30 input[disabled], .cf02423d16b80 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cd839b5bc50a8 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cc3f68dfa2079, .cf02423d16b80 span,
.cf02423d16b80 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc3f68dfa2079, .cf02423d16b80 span,
  .cf02423d16b80 label {
    height: 25px;
  }
}
.cc3f68dfa2079, .cf02423d16b80 span,
.cf02423d16b80 label {
  color: var(--input-foreground-color);
}

.cf02423d16b80 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf02423d16b80 {
    height: 25px;
    font-size: 10px;
  }
}
.cf02423d16b80 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cf02423d16b80 span svg,
.cf02423d16b80 label svg {
  color: var(--input-foreground-color);
}
.cf02423d16b80 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cf02423d16b80 ::placeholder {
  color: var(--input-placeholder-color);
}
.cf02423d16b80:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf02423d16b80:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cf02423d16b80:hover span {
  color: var(--input-foreground-color-hover);
}
.cf02423d16b80:hover input {
  color: var(--input-foreground-color-hover);
}
.cf02423d16b80:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cf02423d16b80:active span {
  color: var(--input-foreground-color-active);
}
.cf02423d16b80:active input {
  color: var(--input-foreground-color-active);
}
.cf02423d16b80:focus, .cf02423d16b80:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf02423d16b80:focus span, .cf02423d16b80:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cf02423d16b80:focus input, .cf02423d16b80:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cf02423d16b80:focus:hover, .cf02423d16b80:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf02423d16b80:focus:hover span, .cf02423d16b80:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cf02423d16b80:focus:hover input, .cf02423d16b80:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c1c25eeedeb30 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c1c25eeedeb30 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c1c25eeedeb30 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1c25eeedeb30 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1c25eeedeb30:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c1c25eeedeb30:focus-within input, .c1c25eeedeb30:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ca835be88190d, .cb5d1ab292125.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ca835be88190d input, .cb5d1ab292125.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ca835be88190d span svg, .cb5d1ab292125.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cdb6af4904fad, .cdb7f13f7e785 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cdb6af4904fad svg, .cdb7f13f7e785 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cdb6af4904fad:hover, .cdb7f13f7e785 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cdb6af4904fad:focus, .cdb7f13f7e785 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cdb6af4904fad.checked, .cdb7f13f7e785 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cdb6af4904fad.checked svg, .cdb7f13f7e785 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cdb6af4904fad.intermediate, .cdb7f13f7e785 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cdb6af4904fad.intermediate svg, .cdb7f13f7e785 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cdb6af4904fad.unchecked, .cdb7f13f7e785 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cdb6af4904fad.unchecked svg, .cdb7f13f7e785 label span.unchecked svg {
  display: none;
}

.cdb7f13f7e785 {
  display: flex;
  align-items: center;
}
.cdb7f13f7e785 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cdb7f13f7e785 label input {
  margin: 0;
}
.cdb7f13f7e785 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cdb7f13f7e785 label:focus span, .cdb7f13f7e785 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cb5d1ab292125 {
  display: flex;
  flex-direction: column;
}
.cb5d1ab292125 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cb5d1ab292125 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cb5d1ab292125 input:focus-within input, .cb5d1ab292125 input:active input {
  color: var(--input-foreground-color-active);
}
.cb5d1ab292125 input:focus-within, .cb5d1ab292125 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb5d1ab292125.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c939d2036a11a {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ca242c383e724 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ca3ff394b2191 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ce71866795978 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ce6e7657bfae1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c5bb0da49da4b {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cd9ec394d165d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cadfb2038ea30 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c6e933678eeaf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c128cf2482845 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c128cf2482845:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cbb05c88a6c5e {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c8cefd7cf9c4e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c61f76c2f98a8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cc602a175de85 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c2f0c0c88500c {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c2f0c0c88500c:hover, .c2f0c0c88500c:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c12e90612a07d div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c12e90612a07d button {
  display: none;
}
.c12e90612a07d button svg {
  stroke: var(--icon-foreground);
}
.c12e90612a07d:hover button {
  display: flex;
}

.c28e4d8c20780 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c28e4d8c20780 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c28e4d8c20780 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c88e5ff99f3a5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c88e5ff99f3a5:hover div {
  color: var(--entry-foreground-color-hover);
}

.cb57be40f8f95 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c323d8762c642 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c323d8762c642:hover {
  background-color: var(--menu-background-color-hover);
}

.c02e8be91c718 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c02e8be91c718 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c02e8be91c718 span svg {
  stroke: var(--icon-foreground);
}
.c02e8be91c718:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c02e8be91c718:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c411f83ee5772 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c9744d2ab88d0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c74bf4e197bc3,
.cc913bb20a182 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c2a5ec1c89021 .c74bf4e197bc3,
.c2a5ec1c89021 .cc913bb20a182 {
  transform: scale(1);
}

.c21dccd2262c0 .c74bf4e197bc3,
.c21dccd2262c0 .cc913bb20a182 {
  transform: scale(0);
}

.cbf9de870004d {
  display: grid;
  grid-template-rows: 2rem 1fr;
  height: 100%;
}

.c51a31cbba29d {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 0.125rem;
  border-radius: 8px;
  background: var(--tabs-background-color);
  cursor: pointer;
  font-size: 0.75rem;
  height: 100%;
}

.ccc4a0eab91eb {
  display: grid;
  grid-auto-flow: column;
  height: 100%;
  width: 100%;
}

.c80eda19a011c {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0 0.5rem;
  margin: 0;
  border-radius: 8px;
  background-color: transparent;
  color: var(--tab-foreground-color);
  border: 0.125rem solid var(--tab-border-color);
  min-width: 0;
}
.c80eda19a011c svg {
  stroke: var(--tab-foreground-color);
}
.c80eda19a011c .ce4729fa9f702 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c80eda19a011c.c2c0efae722c6, .c80eda19a011c.c2c0efae722c6:hover {
  background: var(--tab-background-color-selected);
  border-color: var(--tab-border-color-selected);
  color: var(--tab-foreground-color-selected);
}
.c80eda19a011c.c2c0efae722c6 svg, .c80eda19a011c.c2c0efae722c6:hover svg {
  stroke: var(--tab-foreground-color-selected);
}
.c80eda19a011c:hover {
  color: var(--tab-foreground-color-hover);
}
.c80eda19a011c:hover svg {
  stroke: var(--tab-foreground-color-hover);
}

.c0cc3f2090c38 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
  height: 100%;
  width: 1.5rem;
  min-width: 1.5rem;
  padding: 0 0.375rem;
  border-radius: 0.313rem;
}
.c0cc3f2090c38 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  stroke: none;
  transform: rotate(180deg);
  fill: none;
  color: transparent;
}
.c0cc3f2090c38:hover svg {
  stroke: none;
}
.c0cc3f2090c38.c94e87b21fc70 svg {
  transform: rotate(0deg);
  padding: 0 0 0 0.375rem;
}

.c6d5d8eecb83d {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

@supports (-moz-appearance: none) {
  .c6d5d8eecb83d {
    padding-right: 0.5rem;
  }
}
@keyframes cdf68d6e13d29 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c1237b103958b {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c1237b103958b:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c1237b103958b ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c1237b103958b ::-webkit-scrollbar-track,
.c1237b103958b ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c1237b103958b ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c1237b103958b ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c1237b103958b ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1237b103958b ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1237b103958b ::placeholder,
.c1237b103958b ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cb9d406c44a07, .ce647b2f6e7fe, .c763080f54d32 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cb9d406c44a07 svg, .ce647b2f6e7fe svg, .c763080f54d32 svg,
.cb9d406c44a07 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cb9d406c44a07:focus-visible, .ce647b2f6e7fe:focus-visible, .c763080f54d32:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cb9d406c44a07:focus-visible svg, .ce647b2f6e7fe:focus-visible svg, .c763080f54d32:focus-visible svg,
.cb9d406c44a07:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cb9d406c44a07:hover, .ce647b2f6e7fe:hover, .c763080f54d32:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cb9d406c44a07:hover svg, .ce647b2f6e7fe:hover svg, .c763080f54d32:hover svg,
.cb9d406c44a07:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cb9d406c44a07:active, .ce647b2f6e7fe:active, .c763080f54d32:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cb9d406c44a07:active svg, .ce647b2f6e7fe:active svg, .c763080f54d32:active svg,
.cb9d406c44a07:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cb9d406c44a07.disabled, .ce647b2f6e7fe.disabled, .c763080f54d32.disabled, .cb9d406c44a07[disabled], [disabled].ce647b2f6e7fe, [disabled].c763080f54d32, .cb9d406c44a07:disabled, .ce647b2f6e7fe:disabled, .c763080f54d32:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c313a0d7e0538, .c87370cf1684e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c313a0d7e0538 svg, .c87370cf1684e svg,
.c313a0d7e0538 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c313a0d7e0538:focus-visible, .c87370cf1684e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c313a0d7e0538:focus-visible svg, .c87370cf1684e:focus-visible svg,
.c313a0d7e0538:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c313a0d7e0538:hover, .c87370cf1684e:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c313a0d7e0538:hover svg, .c87370cf1684e:hover svg,
.c313a0d7e0538:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c313a0d7e0538:active, .c87370cf1684e:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c313a0d7e0538:active svg, .c87370cf1684e:active svg,
.c313a0d7e0538:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c313a0d7e0538.disabled, .c87370cf1684e.disabled, .c313a0d7e0538[disabled], [disabled].c87370cf1684e, .c313a0d7e0538:disabled, .c87370cf1684e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c41b7031d64ba {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c41b7031d64ba svg,
.c41b7031d64ba span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c41b7031d64ba:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c41b7031d64ba:focus-visible svg,
.c41b7031d64ba:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c41b7031d64ba:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c41b7031d64ba:hover svg,
.c41b7031d64ba:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c41b7031d64ba:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c41b7031d64ba:active svg,
.c41b7031d64ba:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c41b7031d64ba.disabled, .c41b7031d64ba[disabled], .c41b7031d64ba:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce627043f9e61, .c93f1411dea3c button, .c7545f8d22100 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ce627043f9e61 svg, .c93f1411dea3c button svg, .c7545f8d22100 svg,
.ce627043f9e61 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ce627043f9e61:focus-visible, .c93f1411dea3c button:focus-visible, .c7545f8d22100:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ce627043f9e61:focus-visible svg, .c93f1411dea3c button:focus-visible svg, .c7545f8d22100:focus-visible svg,
.ce627043f9e61:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ce627043f9e61:hover, .c93f1411dea3c button:hover, .c7545f8d22100:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ce627043f9e61:hover svg, .c93f1411dea3c button:hover svg, .c7545f8d22100:hover svg,
.ce627043f9e61:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ce627043f9e61:active, .c93f1411dea3c button:active, .c7545f8d22100:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ce627043f9e61:active svg, .c93f1411dea3c button:active svg, .c7545f8d22100:active svg,
.ce627043f9e61:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ce627043f9e61.disabled, .c93f1411dea3c button.disabled, .c7545f8d22100.disabled, .ce627043f9e61[disabled], .c93f1411dea3c button[disabled], [disabled].c7545f8d22100, .ce627043f9e61:disabled, .c93f1411dea3c button:disabled, .c7545f8d22100:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ce627043f9e61.disabled svg, .c93f1411dea3c button.disabled svg, .c7545f8d22100.disabled svg,
.ce627043f9e61.disabled span svg, .ce627043f9e61[disabled] svg, .c93f1411dea3c button[disabled] svg, [disabled].c7545f8d22100 svg,
.ce627043f9e61[disabled] span svg, .ce627043f9e61:disabled svg, .c93f1411dea3c button:disabled svg, .c7545f8d22100:disabled svg,
.ce627043f9e61:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c1c65c42f7518 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c1c65c42f7518 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cacf9acaa2ee5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cacf9acaa2ee5 svg,
.cacf9acaa2ee5 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cacf9acaa2ee5:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cacf9acaa2ee5:focus-visible svg,
.cacf9acaa2ee5:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cacf9acaa2ee5:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cacf9acaa2ee5:hover svg,
.cacf9acaa2ee5:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cacf9acaa2ee5:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cacf9acaa2ee5:active svg,
.cacf9acaa2ee5:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c0dbac9859039 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cfd82cd0ff449 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c29678ef53c70 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c29678ef53c70:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c29678ef53c70:focus-visible svg,
.c29678ef53c70:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c29678ef53c70:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c29678ef53c70:active {
  border: none;
  background-color: transparent;
}

.ce16a3cd8c3d6, .c7545f8d22100 svg, .c38bc5a572296, .cc73481b9d07b span svg, .c93f1411dea3c button svg, .c0acb6d0ff286.intermediate svg, .cc2844652cf8a label span.intermediate svg, .c0acb6d0ff286.checked svg, .cc2844652cf8a label span.checked svg, .c36fb6ae08d7b span svg,
.c36fb6ae08d7b label svg, .cc32a3fe54580 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cf8459d94e629 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cf8459d94e629:hover {
  fill: none;
  stroke: none;
}

.c38bc5a572296, .cc73481b9d07b span svg, .c93f1411dea3c button svg, .c0acb6d0ff286.intermediate svg, .cc2844652cf8a label span.intermediate svg, .c0acb6d0ff286.checked svg, .cc2844652cf8a label span.checked svg, .c36fb6ae08d7b span svg,
.c36fb6ae08d7b label svg, .cc32a3fe54580 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cbd6d7e64c860 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cbd6d7e64c860:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c06dacd21092a, .cb3f537bff121 input, .c45907659cd33 input, .c36fb6ae08d7b input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c06dacd21092a, .cb3f537bff121 input, .c45907659cd33 input, .c36fb6ae08d7b input {
    height: 23px;
  }
}
.c06dacd21092a, .cb3f537bff121 input, .c45907659cd33 input, .c36fb6ae08d7b input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c06dacd21092a[disabled], .cb3f537bff121 input[disabled], .c45907659cd33 input[disabled], .c36fb6ae08d7b input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cc32a3fe54580 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ce970b7f62cd2, .c36fb6ae08d7b span,
.c36fb6ae08d7b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce970b7f62cd2, .c36fb6ae08d7b span,
  .c36fb6ae08d7b label {
    height: 25px;
  }
}
.ce970b7f62cd2, .c36fb6ae08d7b span,
.c36fb6ae08d7b label {
  color: var(--input-foreground-color);
}

.c36fb6ae08d7b {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c36fb6ae08d7b {
    height: 25px;
    font-size: 10px;
  }
}
.c36fb6ae08d7b {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c36fb6ae08d7b span svg,
.c36fb6ae08d7b label svg {
  color: var(--input-foreground-color);
}
.c36fb6ae08d7b ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c36fb6ae08d7b ::placeholder {
  color: var(--input-placeholder-color);
}
.c36fb6ae08d7b:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c36fb6ae08d7b:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c36fb6ae08d7b:hover span {
  color: var(--input-foreground-color-hover);
}
.c36fb6ae08d7b:hover input {
  color: var(--input-foreground-color-hover);
}
.c36fb6ae08d7b:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c36fb6ae08d7b:active span {
  color: var(--input-foreground-color-active);
}
.c36fb6ae08d7b:active input {
  color: var(--input-foreground-color-active);
}
.c36fb6ae08d7b:focus, .c36fb6ae08d7b:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c36fb6ae08d7b:focus span, .c36fb6ae08d7b:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c36fb6ae08d7b:focus input, .c36fb6ae08d7b:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c36fb6ae08d7b:focus:hover, .c36fb6ae08d7b:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c36fb6ae08d7b:focus:hover span, .c36fb6ae08d7b:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c36fb6ae08d7b:focus:hover input, .c36fb6ae08d7b:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c45907659cd33 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c45907659cd33 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c45907659cd33 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c45907659cd33 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c45907659cd33:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c45907659cd33:focus-within input, .c45907659cd33:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c95e31e7b5ca3, .cb3f537bff121.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c95e31e7b5ca3 input, .cb3f537bff121.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c95e31e7b5ca3 span svg, .cb3f537bff121.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c0acb6d0ff286, .cc2844652cf8a label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c0acb6d0ff286 svg, .cc2844652cf8a label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c0acb6d0ff286:hover, .cc2844652cf8a label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0acb6d0ff286:focus, .cc2844652cf8a label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c0acb6d0ff286.checked, .cc2844652cf8a label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c0acb6d0ff286.checked svg, .cc2844652cf8a label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c0acb6d0ff286.intermediate, .cc2844652cf8a label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c0acb6d0ff286.intermediate svg, .cc2844652cf8a label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c0acb6d0ff286.unchecked, .cc2844652cf8a label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c0acb6d0ff286.unchecked svg, .cc2844652cf8a label span.unchecked svg {
  display: none;
}

.cc2844652cf8a {
  display: flex;
  align-items: center;
}
.cc2844652cf8a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cc2844652cf8a label input {
  margin: 0;
}
.cc2844652cf8a label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cc2844652cf8a label:focus span, .cc2844652cf8a label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cb3f537bff121 {
  display: flex;
  flex-direction: column;
}
.cb3f537bff121 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cb3f537bff121 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cb3f537bff121 input:focus-within input, .cb3f537bff121 input:active input {
  color: var(--input-foreground-color-active);
}
.cb3f537bff121 input:focus-within, .cb3f537bff121 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb3f537bff121.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c521d8effac15 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c1c14e29d37ae {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c3c9675be6bcf {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c7545f8d22100 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cc2905d485b3f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c39af3a25e5ca {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c87370cf1684e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c763080f54d32 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce647b2f6e7fe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c7f3f750a0bc4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c7f3f750a0bc4:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c625ecac7a38d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c80cb36d0d0f4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c297d96d363f3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cf7ab63038e4a {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cf3a40f9b9b78 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cf3a40f9b9b78:hover, .cf3a40f9b9b78:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c93f1411dea3c div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c93f1411dea3c button {
  display: none;
}
.c93f1411dea3c button svg {
  stroke: var(--icon-foreground);
}
.c93f1411dea3c:hover button {
  display: flex;
}

.cb3b98a38c6a4 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cb3b98a38c6a4 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cb3b98a38c6a4 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c065d325bbcd3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c065d325bbcd3:hover div {
  color: var(--entry-foreground-color-hover);
}

.cbfe7b5e35de3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c134e16bd8047 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c134e16bd8047:hover {
  background-color: var(--menu-background-color-hover);
}

.cc73481b9d07b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cc73481b9d07b span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc73481b9d07b span svg {
  stroke: var(--icon-foreground);
}
.cc73481b9d07b:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cc73481b9d07b:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c879f28fa0655 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ce99d2037f242 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c50e304109156,
.cf8b059f725ea {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce4c538051da7 .c50e304109156,
.ce4c538051da7 .cf8b059f725ea {
  transform: scale(1);
}

.cc82146de7c2c .c50e304109156,
.cc82146de7c2c .cf8b059f725ea {
  transform: scale(0);
}

.c81b59bf9cb7c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2rem;
  width: 100%;
  min-height: 2rem;
  --arrow-icon-color: var(--color-foreground-secondary);
  --title-color: var(--title-foreground-color);
}

.c5cdb1fd52fd3,
.c51e6134d7873,
.c14cbc25dd0e2 {
  display: grid;
  align-items: center;
  justify-content: flex-start;
  grid-auto-flow: column;
  height: 100%;
  min-height: 2rem;
  overflow: hidden;
}

.c5cdb1fd52fd3 {
  color: var(--title-color);
}

.c51e6134d7873 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  --title-bar-title-margin: 0.5rem;
  color: var(--title-color);
  margin-inline-start: var(--title-bar-title-margin);
}

.c380c21774840 {
  --title-bar-title-margin: 0.75rem;
}

.c14cbc25dd0e2 {
  color: var(--title-foreground-color-hover);
}

.c0fb715e96154 {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 0;
  overflow: hidden;
}

.ccdcfd475bb2e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 0;
  overflow: hidden;
  color: var(--arrow-icon-color);
}
.ccdcfd475bb2e:hover {
  --arrow-icon-color: var(--icon-foreground-hover);
  --title-color: var(--title-foreground-color-hover);
}

.cddd9325bfcd5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--arrow-icon-color);
}
.cddd9325bfcd5:hover {
  --arrow-icon-color: var(--icon-foreground-hover);
}



.light {
  --color-accent-primary: #6911d4;
  --color-accent-primary-muted: #e1d2f5;
  --color-accent-secondary: #1345aa;
  --color-accent-tertiary: #8c33eb;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(105, 17, 212, 0.6);
  --color-accent-select: rgba(140, 51, 235, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #a7e8d9;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #fedeac;
  --color-accent-error: #c80857;
  --color-background-error: #ffcada;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #bae3fd;
  --color-background-default: #fff;
  --color-accent-default: #eef0f2;
  --color-icon-default: #495e74;
  --color-background-disabled: #e8eaee;
  --color-background-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(255, 255, 255, 0.6);
  --color-overlay-onboarding: rgba(255, 255, 255, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #ddf7ff;
  --color-token-border: #77e1f3;
  --color-token-accent: #59acbb;
  --color-token-foreground: #1d4464;
  --color-badge-premium: #fe9c07;
}

.default {
  --color-accent-primary: #7efff5;
  --color-accent-primary-muted: #426158;
  --color-accent-secondary: #bb97d8;
  --color-accent-tertiary: #00d1b8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(126, 255, 245, 0.6);
  --color-accent-select: rgba(0, 209, 184, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #0a2927;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #3d2501;
  --color-accent-error: #c80857;
  --color-background-error: #500124;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #082c49;
  --color-background-default: #181A19;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-background-disabled: #535353;
  --color-background-primary: #181A19;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #535353;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
}
.light,
.default {
  --el-shadow-dark: 0 0 10px 0 var(--color-shadow-dark);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}
.cb06f65970dd8 {
  display: grid;
  row-gap: 1rem;
}

.c9d946663037f {
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--component-grid-size, 16px));
  gap: 1rem;
  color: var(--color-foreground-primary);
}

.c0e7351ab6580 {
  max-width: 100%;
}

.c26039ef46166 {
  color: var(--color-foreground-primary);
  margin-bottom: 1rem;
}

.c9cb99126c894 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 60px;
  gap: 1rem;
  color: var(--color-foreground-primary);
}

:root {
  --z-index-auto: auto;
  --z-index-panels: 100;
  --z-index-guides: 200;
  --z-index-set: 300;
  --z-index-dropdown: 400;
  --z-index-notifications: 500;
  --z-index-loaders: 600;
}
.cfab4eed34e3d {
  color: var(--date-color, var(--color-foreground-secondary));
}

.cb79dd30caa74 {
  color: var(--date-color, var(--color-accent-primary));
}
.light {
  --color-accent-primary: #6911d4;
  --color-accent-primary-muted: #e1d2f5;
  --color-accent-secondary: #1345aa;
  --color-accent-tertiary: #8c33eb;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(105, 17, 212, 0.6);
  --color-accent-select: rgba(140, 51, 235, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #a7e8d9;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #fedeac;
  --color-accent-error: #c80857;
  --color-background-error: #ffcada;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #bae3fd;
  --color-background-default: #fff;
  --color-accent-default: #eef0f2;
  --color-icon-default: #495e74;
  --color-background-disabled: #e8eaee;
  --color-background-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(255, 255, 255, 0.6);
  --color-overlay-onboarding: rgba(255, 255, 255, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #ddf7ff;
  --color-token-border: #77e1f3;
  --color-token-accent: #59acbb;
  --color-token-foreground: #1d4464;
  --color-badge-premium: #fe9c07;
}

.default {
  --color-accent-primary: #7efff5;
  --color-accent-primary-muted: #426158;
  --color-accent-secondary: #bb97d8;
  --color-accent-tertiary: #00d1b8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(126, 255, 245, 0.6);
  --color-accent-select: rgba(0, 209, 184, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #0a2927;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #3d2501;
  --color-accent-error: #c80857;
  --color-background-error: #500124;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #082c49;
  --color-background-default: #181A19;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-background-disabled: #535353;
  --color-background-primary: #181A19;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #535353;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
}

@property --solid-color-overlay {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0, 0, 0, 0);
}
.cba423300fd83 {
  --border-color: var(--color-accent-primary-muted);
  --border-radius: 0.25rem;
  --border-color-active: var(--color-foreground-primary);
  --border-color-active-inset: var(--color-background-primary);
  --checkerboard-background: repeating-conic-gradient(lightgray 0% 25%, white 0% 50%);
  --checkerboard-size: 0.5rem 0.5rem;
  border: 0.0625rem solid var(--border-color);
  border-radius: var(--border-radius);
  overflow: hidden;
}
.cba423300fd83:focus-visible {
  --border-color: var(--color-accent-primary);
}

.cbcea5257589d {
  inline-size: 1rem;
  block-size: 1rem;
}

.cd5de21724c37 {
  --checkerboard-size: 1rem 1rem;
  inline-size: 1.5rem;
  block-size: 1.5rem;
}

.c31a861c0f6ce {
  --checkerboard-size: 2rem 2rem;
  inline-size: 3rem;
  block-size: 3rem;
}

.c147903092faf {
  --border-radius: 50%;
}

.ceb0edcd67091 {
  --border-color: var(--border-color-active);
  position: relative;
}
.ceb0edcd67091::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 100%;
  border-radius: 3px;
  box-shadow: 0 0 0 1px var(--border-color-active-inset) inset;
}

.c03085ec22838 {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
}
.c03085ec22838:hover {
  --border-color: var(--color-accent-primary-muted);
  border-width: 0.125rem;
}

.cfc8e18b96408,
.c558586d92ce4,
.c84e893735fed,
.ce112e50a823a {
  block-size: 100%;
  display: block;
}

.c558586d92ce4 {
  background-size: cover, var(--checkerboard-size);
  background-position: center, center;
  background-repeat: no-repeat, repeat;
}

.cfc8e18b96408 {
  background-size: cover, var(--checkerboard-size);
  background-position: center, center;
  background-repeat: no-repeat, repeat;
}

.c84e893735fed {
  display: grid;
  grid-template-columns: auto auto;
}

.c4cdc0f03b0b4 {
  background-image: linear-gradient(var(--solid-color-overlay), var(--solid-color-overlay)), var(--checkerboard-background);
  background-size: cover, var(--checkerboard-size);
  background-position: center, center;
  background-repeat: no-repeat, repeat;
  clip-path: inset(0 0 0 0 round 0 0.25rem 0.25rem 0);
}

.cc9ea696e90eb {
  background: var(--solid-color-overlay);
  background-size: cover;
}

.c8a44b2d604b3,
.c4f8c7c10fc0d {
  flex: 1;
  display: block;
}

.c707e63145198 {
  background: var(--color-background-primary);
}
.c72ae759edcf0 {
  position: absolute;
  max-inline-size: 22rem;
  background-color: transparent;
  overflow: hidden;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}

.c427ed04d0f23 {
  display: grid;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}

.c4dcf08860286 {
  background-color: var(--color-background-primary);
  border-radius: var(--sp-xs);
  inline-size: 12px;
  block-size: 12px;
  grid-area: arrow;
}

.c5930c71ef8e0 {
  grid-template-areas: "content" "arrow";
}

.c5930c71ef8e0 .c4dcf08860286 {
  justify-self: center;
  border-radius: 0 0 var(--sp-xs) 0;
  transform-origin: 0 0;
  transform: rotate(45deg) translate(-2px, -10px);
  border-block-end: 0.0625rem solid var(--color-accent-primary-muted);
  border-inline-end: 0.0625rem solid var(--color-accent-primary-muted);
}

.c4ab559e67770 {
  grid-template-areas: "arrow" "content";
}

.c4ab559e67770 .c4dcf08860286 {
  justify-self: center;
  border-radius: var(--sp-xs) 0;
  transform-origin: 0 0;
  transform: rotate(45deg) translate(7px, -2px);
  border-block-start: 0.0625rem solid var(--color-accent-primary-muted);
  border-inline-start: 0.0625rem solid var(--color-accent-primary-muted);
}

.ca6cf7978f386 {
  grid-template-areas: "content arrow ";
}

.ca6cf7978f386 .c4dcf08860286 {
  align-self: center;
  border-radius: 0 var(--sp-xs);
  transform-origin: 0 0;
  transform: rotate(45deg) translate(-2px, -1px);
  border-block-start: 0.0625rem solid var(--color-accent-primary-muted);
  border-inline-end: 0.0625rem solid var(--color-accent-primary-muted);
}

.c48c8a56b75a9 {
  grid-template-areas: "arrow content";
}

.c48c8a56b75a9 .c4dcf08860286 {
  align-self: center;
  border-radius: 0 var(--sp-xs);
  transform-origin: 0 0;
  transform: rotate(45deg) translate(7px, -10px);
  border-block-end: 0.0625rem solid var(--color-accent-primary-muted);
  border-inline-start: 0.0625rem solid var(--color-accent-primary-muted);
}

.c48cbdea99980 {
  grid-template-areas: "content" "arrow";
}

.c48cbdea99980 .c4dcf08860286 {
  margin: 0 var(--sp-l);
  border-radius: var(--sp-xs) 0;
  transform: rotate(45deg) translateX(calc(-1 * var(--sp-s)));
  border-block-end: 0.0625rem solid var(--color-accent-primary-muted);
  border-inline-end: 0.0625rem solid var(--color-accent-primary-muted);
}

.c478709b15370 {
  grid-template-areas: "arrow" "content";
}

.c478709b15370 .c4dcf08860286 {
  margin: 0px var(--sp-s);
  transform: rotate(45deg) translateX(var(--sp-s));
  border-radius: var(--sp-xs) 0;
  border-block-start: 0.0625rem solid var(--color-accent-primary-muted);
  border-inline-start: 0.0625rem solid var(--color-accent-primary-muted);
}

.c9659de82bc7a {
  grid-template-areas: "arrow" "content";
}

.c9659de82bc7a .c4dcf08860286 {
  justify-self: end;
  margin: 0 var(--sp-s);
  transform: rotate(45deg) translateY(var(--sp-s));
  border-radius: var(--sp-xs) 0;
  border-block-start: 0.0625rem solid var(--color-accent-primary-muted);
  border-inline-start: 0.0625rem solid var(--color-accent-primary-muted);
}

.c485115a965f9 {
  grid-template-areas: "content" "arrow";
}

.c485115a965f9 .c4dcf08860286 {
  margin: 0 var(--sp-s);
  justify-self: end;
  border-radius: var(--sp-xs) 0;
  transform: rotate(45deg) translateX(calc(-1 * var(--sp-s)));
  border-block-end: 0.0625rem solid var(--color-accent-primary-muted);
  border-inline-end: 0.0625rem solid var(--color-accent-primary-muted);
}

.c2930138729fd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  background-color: var(--color-background-primary);
  color: var(--color-foreground-secondary);
  border-radius: var(--sp-xs);
  border: 0.0625rem solid var(--color-accent-primary-muted);
  padding: var(--sp-s) var(--sp-m);
  grid-area: content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}

.c128d19002aee {
  block-size: -moz-fit-content;
  block-size: fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  line-height: 0;
  display: grid;
  max-width: 100%;
}
.c0ac93f133b92 {
  border-radius: 50%;
  overflow: hidden;
  border: 0.0625rem solid var(--border-color, none);
}

.c40c605784b27 {
  width: 1.5rem;
  height: 1.5rem;
}

.cea6905c7863d {
  width: 2rem;
  height: 2rem;
}

.c146c4e8b90af {
  width: 2.5rem;
  height: 2.5rem;
}

.cc2d1129b34e4 {
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--avatar-color);
}

.cd24fb81abf28 {
  --border-color: var(--color-accent-primary);
  padding: var(--sp-xxs);
}

.c0ac93f133b92:hover, .c0ac93f133b92:focus {
  --border-color: var(--color-accent-primary);
}
.light {
  --color-accent-primary: #6911d4;
  --color-accent-primary-muted: #e1d2f5;
  --color-accent-secondary: #1345aa;
  --color-accent-tertiary: #8c33eb;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(105, 17, 212, 0.6);
  --color-accent-select: rgba(140, 51, 235, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #a7e8d9;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #fedeac;
  --color-accent-error: #c80857;
  --color-background-error: #ffcada;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #bae3fd;
  --color-background-default: #fff;
  --color-accent-default: #eef0f2;
  --color-icon-default: #495e74;
  --color-background-disabled: #e8eaee;
  --color-background-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(255, 255, 255, 0.6);
  --color-overlay-onboarding: rgba(255, 255, 255, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #ddf7ff;
  --color-token-border: #77e1f3;
  --color-token-accent: #59acbb;
  --color-token-foreground: #1d4464;
  --color-badge-premium: #fe9c07;
}

.default {
  --color-accent-primary: #7efff5;
  --color-accent-primary-muted: #426158;
  --color-accent-secondary: #bb97d8;
  --color-accent-tertiary: #00d1b8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(126, 255, 245, 0.6);
  --color-accent-select: rgba(0, 209, 184, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #0a2927;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #3d2501;
  --color-accent-error: #c80857;
  --color-background-error: #500124;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #082c49;
  --color-background-default: #181A19;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-background-disabled: #535353;
  --color-background-primary: #181A19;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #535353;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
}

.c92f65e6fbf53 {
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--color-accent-primary-muted);
  background: var(--color-accent-select);
  padding: var(--sp-m);
}

.c3e9d755dbc1f {
  color: var(--color-foreground-primary);
  line-height: 1.2;
  margin-block-end: var(--sp-m);
}

.c56018f27c5c5 {
  line-height: 100%;
}
.c7134bf676208 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  place-content: center;
  background: none;
  color: var(--color-foreground-secondary);
  height: 10rem;
  max-width: 60.25rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--color-background-quaternary);
}

.c40150be4a870 {
  display: grid;
  grid-auto-rows: auto;
  align-self: center;
  justify-self: center;
  max-width: 25rem;
}

.c5ee70329398a {
  color: var(--color-foreground-primary);
}

.c7dbf92b93e43 {
  height: 10rem;
  width: 12.5rem;
  color: var(--color-background-quaternary);
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.c4a3794bf62d2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sp-m);
}

.c89e057b22e6c {
  display: flex;
  justify-content: center;
  align-items: center;
  inline-size: 3rem;
  block-size: 3rem;
}

.c482e122669ac {
  color: var(--color-foreground-secondary);
  inline-size: 2rem;
  block-size: 2rem;
}

.c669164624673 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  text-align: center;
  color: var(--color-foreground-secondary);
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.c5740a2eface3 {
  --input-meta-value: var(--color-foreground-primary);
  --input-meta-data: var(--color-foreground-secondary);
  --input-meta-background: var(--color-background-fifty);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  border-radius: 0.5rem;
  background-color: var(--input-meta-background);
  padding: var(--sp-s);
  width: 99%;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--sp-s);
  overflow: hidden;
  white-space: nowrap;
  height: var(--input-with-meta-height, 2rem);
}
.c5740a2eface3:hover {
  --input-meta-background: var(--color-background-quaternary);
  cursor: text;
}
@media (max-width: 1680px) {
  .c5740a2eface3 {
    padding-block: var(--sp-xs);
  }
}

.c2b40af08ea13 {
  width: 99%;
  border-radius: 0.5rem;
  height: var(--input-with-meta-height, 2rem);
}

.c491f0934dff3,
.cd006b4f4d9f7 {
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c491f0934dff3 {
  color: var(--input-meta-value);
  min-width: 0;
}

.cd006b4f4d9f7 {
  color: var(--input-meta-data);
  min-width: 0;
}
@keyframes ca8abc586d493 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.c8801525fb929 {
  --loader-color-foreground: var(--color-foreground-secondary);
  --loader-icon-width: unset;
  display: inline-flex;
  -moz-column-gap: var(--sp-s);
       column-gap: var(--sp-s);
  align-items: center;
  color: var(--loader-color-foreground);
}
.c8801525fb929.c11d8fc559d4c {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: var(--sp-xxl);
}
.c8801525fb929.c11d8fc559d4c .c8d4b778801c4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sp-xl);
}
.c8801525fb929.c11d8fc559d4c .c2e15f31426bd {
  text-align: center;
  min-width: 37.5rem;
  max-width: 50rem;
  display: flex;
  flex-direction: column;
  gap: var(--sp-s);
  border: 1px solid var(--color-background-tertiary);
  border-radius: var(--sp-l);
  padding: var(--sp-xxl) var(--sp-xxxl);
}
.c8801525fb929.c11d8fc559d4c .c2e15f31426bd .c5569d072a85a {
  color: var(--color-foreground-primary);
  font-weight: 500;
}
.c8801525fb929.c11d8fc559d4c .c2e15f31426bd .ce56910d0ee79 {
  color: var(--color-foreground-secondary);
}

.cbfd981dd9dfd {
  display: grid;
  place-content: center;
  height: 100%;
  width: 100%;
  row-gap: var(--sp-s);
}

.c09162a24f907 {
  width: var(--icon-width, 204px);
  aspect-ratio: 204/174;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
}

.c3b594d75947f {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 204px;
  height: 174px;
  transform-origin: top left;
  transform: scale(tan(atan2(var(--icon-width, 204px), 204px)));
}

.c93c35258a939 {
  align-self: end;
  position: absolute;
  width: 139px;
  height: 139px;
}

.c25ef27cb8bbc {
  display: block;
  width: 139px;
  height: 139px;
  animation: ca8abc586d493 3s linear infinite;
  transform-origin: center center;
}
.cad6ac35ea405 {
  border: 0.0625rem solid var(--border-color, transparent);
  border-radius: 0.5rem;
  background: var(--color-background-primary);
  display: grid;
  grid-template-areas: "avatar name button" "avatar content button";
  grid-template-rows: auto 1fr;
  grid-template-columns: calc(var(--sp-xxl) + var(--sp-l)) 1fr auto;
  padding: var(--sp-s) 0;
  align-items: center;
  -moz-column-gap: var(--sp-s);
       column-gap: var(--sp-s);
}
.cad6ac35ea405.ce069576caed2, .cad6ac35ea405:hover {
  --border-color: var(--color-accent-primary);
}

.c979812b55114 {
  grid-area: name;
}

.c2d0d5c02bbed {
  grid-area: avatar;
  justify-self: flex-end;
}

.c9f81eb32d6aa {
  display: flex;
  align-items: baseline;
}

.ca67674102d61 {
  grid-area: name;
  color: var(--color-foreground-primary);
}

.c55635a71d91a {
  margin-left: 8px;
  transform: scale(0.8);
  color: var(--color-foreground-secondary);
  align-self: anchor-center;
}

.c7aa40a237cee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  grid-area: content;
  color: var(--color-foreground-secondary);
}

.c77139192a95f {
  grid-area: content;
}

.cc23ddc591351 {
  grid-area: button;
  display: flex;
  padding-right: var(--sp-xs);
}

.cb4b3bc601f88 {
  cursor: pointer;
}
.c43077eade116 {
  border: 0.0625rem solid var(--border-color, transparent);
  border-radius: 0.5rem;
  background: var(--color-background-primary);
  display: grid;
  grid-template-areas: "avatar name button" "avatar content button";
  grid-template-rows: auto 1fr;
  grid-template-columns: calc(var(--sp-xxl) + var(--sp-l)) 1fr auto;
  padding: var(--sp-s) 0;
  align-items: center;
  -moz-column-gap: var(--sp-s);
       column-gap: var(--sp-s);
}
.c43077eade116.cba4802422ab5, .c43077eade116:hover {
  --border-color: var(--color-accent-primary);
}

.c4ad98c6b0083 {
  grid-area: avatar;
  justify-self: flex-end;
}

.c9606abf0a84e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  grid-area: name;
  color: var(--color-foreground-primary);
}

.cf737284f90fb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  grid-area: name;
}

.cf65a2e83acf3 {
  grid-area: content;
  color: var(--date-color, var(--color-foreground-secondary));
}
.cf65a2e83acf3:hover {
  --date-color: var(--color-accent-primary);
}

.cffe736b69e5e {
  grid-area: content;
}

.c4118e0d50b4d {
  grid-area: button;
  display: flex;
  padding-right: var(--sp-xs);
}

.c7c961c075b1f {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "content button";
  align-items: center;
}
.c7c961c075b1f:hover {
  --date-color: var(--color-accent-primary);
  --display-button: visible;
}

.c9ac09785be21 {
  background: none;
  border: none;
  color: var(--color-foreground-secondary);
  display: flex;
  flex-direction: row;
  gap: var(--sp-xs);
  align-items: flex-end;
  margin: 0;
  margin-top: var(--sp-xxs);
  margin-bottom: var(--sp-s);
  padding: 0;
  cursor: pointer;
}
.c9ac09785be21:hover {
  color: var(--color-accent-primary);
  --icon-stroke-color: var(--color-accent-primary);
}

.c45135ab025bf {
  --icon-stroke-color: var(--color-accent-warning);
}

.cadf194e224fb {
  --icon-stroke-color: var(--icon-stroke-color, var(--color-foreground-secondary));
}

.c67cb6147f3a2 {
  transform: rotate(90deg);
}

.c652a803242d8 {
  visibility: var(--display-button, hidden);
}
.c23f254fd6453 {
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 2rem;
  border-radius: 0.5rem;
  background-color: var(--color-background-secondary);
}

.c5a2b5978a43c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  flex-grow: 1;
  text-align: center;
  color: var(--color-foreground-primary);
}
.c4903c750ed98 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  --actionable-bg-color: var(--color-background-primary);
  --actionable-fg-color: var(--color-foreground-primary);
  --actionable-border-color: var(--color-background-quaternary);
  --actionable-icon-color: var(--color-foreground-secondary);
  --actionable-padding: var(--sp-s);
  align-items: center;
  background: var(--actionable-bg-color);
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--actionable-border-color);
  color: var(--actionable-fg-color);
  display: grid;
  gap: var(--sp-s);
  grid-template-columns: 1fr auto auto;
  justify-content: space-between;
  padding: var(--actionable-padding);
  padding-inline-start: var(--sp-l);
}
.c4903c750ed98 a {
  color: var(--color-accent-primary);
  text-decoration: none;
}

.c3fbac983cc08 {
  display: flex;
  align-items: center;
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --z-index-auto: auto;
  --z-index-panels: 100;
  --z-index-guides: 200;
  --z-index-set: 300;
  --z-index-dropdown: 400;
  --z-index-notifications: 500;
  --z-index-loaders: 600;
}

.cd7fec0ad780b {
  --toast-icon-color: var(--color-foreground-secondary);
  --toast-vertical-index: var(--z-index-notifications);
  --toast-inset-block-start-position: var(--sp-l);
  --toast-inset-inline-end-position: var(--sp-l);
  min-inline-size: 14rem;
  max-inline-size: 30rem;
  display: block;
  position: fixed;
  inset-block-start: var(--toast-inset-block-start-position);
  inset-inline-end: var(--toast-inset-inline-end-position);
  z-index: var(--toast-vertical-index);
}

.c7aecbad861f5 {
  --toast-icon-color: var(--color-icon-default);
}

.cdef46f79a840 {
  --toast-icon-color: var(--color-accent-info);
}

.c039439defc1d {
  --toast-icon-color: var(--color-accent-error);
}

.ca7e03d826e3d {
  --toast-icon-color: var(--color-accent-warning);
}

.c6dba122b02f8 {
  --toast-icon-color: var(--color-accent-success);
}

.cda0c92a95971 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: var(--sp-l);
  right: var(--sp-l);
  background: none;
  border: none;
  color: var(--toast-icon-color);
}
.cc77786f092e9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  --notification-bg-color: var(--color-background-primary);
  --notification-fg-color: var(--color-foreground-primary);
  --notification-border-color: var(--color-background-quaternary);
  --notification-padding: var(--sp-m);
  --notification-icon-color: var(--color-foreground-secondary);
  --notification-icon-margin: var(--sp-xxs);
  background-color: var(--notification-bg-color);
  border: 0.0625rem solid var(--notification-border-color);
  border-radius: 0.5rem;
  padding: var(--notification-padding);
  display: flex;
  gap: var(--sp-s);
  color: var(--notification-fg-color);
}
.cc77786f092e9 a {
  color: var(--color-accent-primary);
  text-decoration: none;
}

.c26a939ccc4d2 {
  padding-inline-end: var(--sp-xxxl);
}

.c255ace191a13 {
  background-color: transparent;
}

.c5235d6f84c9b {
  --notification-bg-color: var(--color-background-default);
  --notification-fg-color: var(--color-foreground-primary);
  --notification-border-color: var(--color-accent-default);
  --notification-icon-color: var(--color-icon-default);
}

.c2430ccc257e6 {
  --notification-bg-color: var(--color-background-info);
  --notification-fg-color: var(--color-foreground-primary);
  --notification-border-color: var(--color-accent-info);
  --notification-icon-color: var(--color-accent-info);
}

.cd05e975f93aa {
  --notification-bg-color: var(--color-background-error);
  --notification-fg-color: var(--color-foreground-primary);
  --notification-border-color: var(--color-accent-error);
  --notification-icon-color: var(--color-accent-error);
}

.cfc5096510bb9 {
  --notification-bg-color: var(--color-background-warning);
  --notification-fg-color: var(--color-foreground-primary);
  --notification-border-color: var(--color-accent-warning);
  --notification-icon-color: var(--color-accent-warning);
}

.ca1211235947a {
  --notification-bg-color: var(--color-background-success);
  --notification-fg-color: var(--color-foreground-primary);
  --notification-border-color: var(--color-accent-success);
  --notification-icon-color: var(--color-accent-success);
}

.c44127fb7219d {
  flex-shrink: 0;
  color: var(--notification-icon-color);
  margin-block-start: var(--notification-icon-margin);
}

.cc77786f092e9 {
  display: grid;
  max-height: 92vh;
  overflow: hidden;
}

.cf7c9a9e144e8 {
  grid-template-rows: auto 1fr;
}

.ca443898a3ae8 {
  display: flex;
  gap: var(--sp-s);
}

.c46fb57317f33 {
  overflow: auto;
}

.c8f4f5200f917 {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.c2ffa08c3d2b9 {
  --icon-fill-color: var(--color-foreground-primary);
  --icon-stroke-color: var(--color-foreground-primary);
}

.c1d6430f6f932 {
  padding-left: var(--sp-xxxl);
}
.c0534aa2d5709 {
  --tabs-bg-color: var(--color-background-fifty);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

.c8f9e9af1cc70 {
  padding-inline-start: var(--tabs-nav-padding-inline-start, 0);
  padding-inline-end: var(--tabs-nav-padding-inline-end, 0);
  padding-block-start: var(--tabs-nav-padding-block-start, 0);
  padding-block-end: var(--tabs-nav-padding-block-end, 0);
}

.cf32b3d1d43eb {
  width: 100%;
}

.c60d8dd13f7a3 {
  display: grid;
  gap: var(--sp-xxs);
  border-radius: 0.5rem;
  padding: var(--sp-xxs);
  background-color: var(--tabs-bg-color);
}

.cd65489525d79 {
  grid-template-columns: auto 1fr;
}

.cb37417ad5659 {
  grid-template-columns: 1fr auto;
  align-items: center;
}

.c66542a1e4445 {
  gap: var(--sp-xxs);
  border-radius: 0.3125rem;
}

.c3d96fdc7de8f {
  display: grid;
  grid-template-columns: auto 1fr;
}

.c57340c83a14e {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}

.c183ec3964ad7 {
  width: 100%;
  margin-block-end: 0;
}

.c372b79dfde9a {
  display: grid;
  grid-auto-flow: column;
  gap: var(--sp-xxs);
  border-radius: 0.5rem;
}

.cc234f2cbc078 {
  display: flex;
  gap: var(--sp-m);
  border-radius: 0.3125rem;
}

.c625ded0bbb5d {
  --tabs-item-outline-color: none;
}
.c625ded0bbb5d:hover {
  --tabs-item-fg-color: var(--tabs-item-fg-color-hover);
}
.c625ded0bbb5d:focus-visible {
  --tabs-item-outline-color: var(--color-accent-primary);
}
.c625ded0bbb5d {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: 0.0625rem solid var(--tabs-item-outline-color);
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  -moz-column-gap: var(--sp-xs);
       column-gap: var(--sp-xs);
  background: var(--tabs-item-bg-color);
  color: var(--tabs-item-fg-color);
}

.c2a118483efba {
  --tabs-item-bg-color: var(--color-background-fifty);
  --tabs-item-fg-color: var(--color-foreground-secondary);
  --tabs-item-fg-color-hover: var(--color-accent-primary);
  height: 1.875rem;
  border-radius: 0.5rem;
  padding: 0 var(--sp-m);
  width: 100%;
}

.c13d9635bed4d {
  --tabs-item-bg-color: var(--color-background-primary);
  --tabs-item-fg-color: var(--color-foreground-secondary);
  --tabs-item-fg-color-hover: var(--color-accent-primary);
  height: 1.6875rem;
  border-radius: 0.3125rem;
  padding: 0 var(--sp-9);
}

.c3bfcc2c08bab {
  --tabs-item-bg-color: var(--color-background-quaternary);
  --tabs-item-fg-color: var(--color-accent-primary);
  --tabs-item-fg-color-hover: var(--color-accent-primary);
}

.c660e505c6d03 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 0;
}

.ca2610c50ce2f {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.cf6e45b886dd8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.c0217c8a7e581 {
  padding-inline: var(--sp-xxs);
}

.cb8e624eb026f {
  --tab-panel-outline-color: none;
}
.cb8e624eb026f:focus {
  outline: none;
}
.cb8e624eb026f:focus-visible {
  --tab-panel-outline-color: var(--color-accent-primary);
}
.cb8e624eb026f {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  width: 100%;
  height: 100%;
  min-height: 0;
  outline: 0.0625rem solid var(--tab-panel-outline-color);
}

@media (max-width: 1680px) {
  .cf6e45b886dd8 {
    font-size: 12px;
  }
  .c13d9635bed4d {
    padding: 0 4px;
  }
  .c8f9e9af1cc70 {
    padding-inline-start: 16px;
    padding-inline-end: 16px;
  }
}
@media (min-width: 2277px) {
  .cf6e45b886dd8 {
    font-size: 15px;
  }
  .c8f9e9af1cc70 {
    padding-inline-start: 32px;
    padding-inline-end: 32px;
  }
}
.light {
  --color-accent-primary: #6911d4;
  --color-accent-primary-muted: #e1d2f5;
  --color-accent-secondary: #1345aa;
  --color-accent-tertiary: #8c33eb;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(105, 17, 212, 0.6);
  --color-accent-select: rgba(140, 51, 235, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #a7e8d9;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #fedeac;
  --color-accent-error: #c80857;
  --color-background-error: #ffcada;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #bae3fd;
  --color-background-default: #fff;
  --color-accent-default: #eef0f2;
  --color-icon-default: #495e74;
  --color-background-disabled: #e8eaee;
  --color-background-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(255, 255, 255, 0.6);
  --color-overlay-onboarding: rgba(255, 255, 255, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #ddf7ff;
  --color-token-border: #77e1f3;
  --color-token-accent: #59acbb;
  --color-token-foreground: #1d4464;
  --color-badge-premium: #fe9c07;
}

.default {
  --color-accent-primary: #7efff5;
  --color-accent-primary-muted: #426158;
  --color-accent-secondary: #bb97d8;
  --color-accent-tertiary: #00d1b8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(126, 255, 245, 0.6);
  --color-accent-select: rgba(0, 209, 184, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #0a2927;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #3d2501;
  --color-accent-error: #c80857;
  --color-background-error: #500124;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #082c49;
  --color-background-default: #181A19;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-background-disabled: #535353;
  --color-background-primary: #181A19;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #535353;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
}

.ca31006347aa8 {
  --layer-button-block-size: 2rem;
  --layer-button-background: var(--color-background-primary);
  --layer-button-text: var(--color-foreground-secondary);
  display: flex;
  justify-content: space-between;
  block-size: var(--layer-button-block-size);
  background: var(--layer-button-background);
  color: var(--layer-button-text);
}

.c463ef8b8c7ab {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex: 1;
  display: flex;
  align-items: center;
  border: none;
  background: none;
  color: inherit;
  padding-left: 0;
}

.c3fa851e688cf {
  display: flex;
  align-items: center;
}

.cf4fddf82b255 .ce495d5c7bea4 {
  color: var(--color-foreground-primary);
}

.cacf0077dd596 {
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
  min-width: 0;
}

.ce495d5c7bea4 {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.c827e642daa8f {
  padding: var(--sp-xs);
  background-color: var(--color-background-tertiary);
  border-radius: 0.375rem;
}

@media (max-width: 1680px) {
  .c463ef8b8c7ab {
    font-size: 12px;
  }
}
.c3083f950b557 {
  fill: currentColor;
  stroke: none;
}
.c94cc50a2e1ae {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 2.25rem;
}

.c231eff0c0bcd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.5rem;
}

.c957ca222d76d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.25rem;
}

.c8bab97e7e63b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1rem;
}

.c7d9d80f2e3aa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
}

.c4363b9fc3f67 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
}

.cc576e7fe6ec1 {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.c9bfcaace25bd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
}

.cd623fbf4f525 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
}

.c2d773ac7201e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.cf40273bd00d4 {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}
.c578366f8f372 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 2.25rem;
}

.c62230f05ee05 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.5rem;
}

.cd8e174113c62 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.25rem;
}

.c6fe2b95213f9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1rem;
}

.c9be19a896ac6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
}

.cf3c34e62d238 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
}

.cdfa6b522e54f {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.c0aaeab75eac5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
}

.c52cb5da13b84 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
}

.c63683c5131f8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.cd07ff078e351 {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}
.c3625e64626cf {
  stroke: none;
}

.caafd5f00c33d {
  color: currentColor;
  stroke: none;
}
.cb2ba3623fdce {
  --input-checkbox-border-color: var(--color-foreground-secondary);
  --input-checkbox-border-color-focus: var(--color-accent-primary);
  --input-checkbox-border-color-hover: var(--color-accent-primary-muted);
  --input-checkbox-foreground-color: var(--color-foreground-primary);
  --input-checkbox-background-color: var(--color-background-quaternary);
  --input-checkbox-border-color-checked: var(--color-background-quaternary);
  --input-checkbox-foreground-color-checked: var(--color-background-primary);
  --input-checkbox-background-color-checked: var(--color-accent-primary);
  --input-checkbox-foreground-color-disabled: var(--color-background-primary);
  --input-checkbox-background-color-disabled: var(--color-foreground-secondary);
  --input-checkbox-text-color: var(--color-foreground-secondary);
}

.cb69db7da58cf {
  display: grid;
  grid-template-columns: var(--sp-l) 1fr 0;
  align-items: center;
}
.cb69db7da58cf:hover .c5934c59c8c67 {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb69db7da58cf:focus .c5934c59c8c67, .cb69db7da58cf:focus-within .c5934c59c8c67 {
  border-color: var(--input-checkbox-border-color-focus);
}

.c5934c59c8c67 {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1rem;
  block-size: 1rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--input-checkbox-border-color);
  color: var(--input-checkbox-foreground-color);
  background-color: var(--input-checkbox-background-color);
}
.c5934c59c8c67.c15dbf6b0bbce {
  border: 0;
}
.c5934c59c8c67.cd856011df01c {
  --input-checkbox-border-color: var(--input-checkbox-border-color-checked);
  --input-checkbox-foreground-color: var(--input-checkbox-foreground-color-checked);
  --input-checkbox-background-color: var(--input-checkbox-background-color-checked);
}
.c5934c59c8c67.cd856011df01c.c15dbf6b0bbce {
  --input-checkbox-foreground-color: var(--input-checkbox-foreground-color-disabled);
  --input-checkbox-background-color: var(--input-checkbox-background-color-disabled);
}

.cb7fee510f378 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  padding-inline-start: var(--sp-s);
  color: var(--input-checkbox-text-color);
}

.cc16b91be4ed7:focus {
  outline: 0;
  inline-size: 0;
  block-size: 0;
}
.cd1fb761a3297 {
  --combobox-icon-color: var(--color-icon-default);
  --combobox-text-color: var(--color-foreground-primary);
  --combobox-background-color: var(--color-background-fifty);
  --combobox-outline-color: none;
  --combobox-border-color: none;
  --combobox-error-outline-color: var(--color-accent-error);
}
.cd1fb761a3297:hover:not(.ca8af183bbddd) {
  --combobox-background-color: var(--color-background-quaternary);
}
.cd1fb761a3297:focus-within:not(.ca8af183bbddd) {
  --combobox-outline-color: var(--color-accent-primary);
  --combobox-background-color: none;
}
.cd1fb761a3297 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  position: relative;
  display: grid;
  grid-template-rows: auto;
  gap: var(--sp-xxs);
  width: 100%;
}

.c1627f208547c {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--sp-xs);
  height: var(--control-height, 1.875rem);
  width: 100%;
  padding: var(--sp-s);
  border: none;
  border-radius: 0.5rem;
  outline: 0.0625rem solid var(--combobox-outline-color);
  border: 0.0625rem solid var(--combobox-border-color);
  background: var(--combobox-background-color);
  color: var(--combobox-text-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
}
@media (max-width: 1680px) {
  .c1627f208547c {
    height: var(--control-height, 25px);
    padding: var(--sp-xs);
  }
}

.c5f9ef5712b6c {
  color: var(--combobox-icon-color);
}

.c72d7471daf08 {
  display: grid;
  justify-items: start;
  gap: var(--sp-xs);
}

.c42803917b1cd {
  grid-template-columns: auto 1fr;
  color: var(--combobox-icon-color);
}

.cab4259f42f45 {
  all: unset;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  background-color: transparent;
  overflow: hidden;
  text-align: left;
  inline-size: 100%;
  padding-inline-start: var(--sp-xxs);
  color: var(--combobox-text-color);
}
.cab4259f42f45::-moz-placeholder {
  color: var(--input-placeholder-color);
  text-overflow: ellipsis;
}
.cab4259f42f45::placeholder {
  color: var(--input-placeholder-color);
  text-overflow: ellipsis;
}

.ca4c353f743fd {
  all: unset;
  display: flex;
}

.ca8af183bbddd {
  cursor: default;
  --combobox-background-color: var(--color-background-primary);
  --combobox-border-color: var(--color-background-quaternary);
  --combobox-text-color: var(--color-foreground-secondary);
}

.c12f750b54b68 {
  --combobox-outline-color: var(--combobox-error-outline-color);
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.c68c540a73e0e {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  inline-size: 100%;
}

.c6bfdb6ce1c2d {
  white-space: pre;
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.ceb28a03070ad {
  --input-padding-size: var(--sp-xs);
  --opacity-button: 0;
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  inline-size: 100%;
  position: relative;
}
.ceb28a03070ad:hover {
  --opacity-button: 1;
}
.ceb28a03070ad:focus-within {
  --opacity-button: 1;
}

.cafce46eba78c {
  color: var(--color-foreground-secondary);
  min-inline-size: var(--sp-l);
}

.cec959d7c7c77 {
  color: var(--color-foreground-secondary);
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  min-inline-size: 2.5rem;
}

.cea39be52739c {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  opacity: var(--opacity-button);
  background-color: var(--color-background-quaternary);
}
.cea39be52739c:hover {
  background-color: var(--color-background-quaternary);
  --opacity-button: 1;
}
.cea39be52739c:focus {
  background-color: var(--color-background-quaternary);
  --opacity-button: 1;
}

.cc516ac4807b9 {
  inline-size: var(1.75rem);
  block-size: 100%;
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.cc37612b2f18f {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.5rem;
  background-color: var(--color-background-tertiary);
  gap: var(--sp-xs);
}
.cc37612b2f18f.c07e87e5227f4 {
  width: 100%;
  display: flex;
}

.c2bcbb8e3121a.c07e87e5227f4 {
  display: flex;
  flex: 1 1 0;
}

.c8974b02d52b9.c07e87e5227f4 {
  flex-grow: 1;
}

.c8970073014a6 {
  display: none;
}
.cc8557b3e36c5 {
  --select-icon-color: var(--color-icon-default);
  --select-text-color: var(--color-foreground-primary);
  --select-text-color-dimmed: var(--color-foreground-secondary);
  --select-background-color: var(--color-background-fifty);
  --select-outline-color: none;
  --select-border-color: none;
}
.cc8557b3e36c5:hover {
  --select-background-color: var(--color-background-quaternary);
  --select-icon-color: var(--color-foreground-primary);
}
.cc8557b3e36c5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  position: relative;
  display: grid;
  grid-template-rows: auto;
  gap: var(--sp-xxs);
  width: 100%;
}

.c987927e11882:focus-visible {
  --select-background-color: var(--color-background-quaternary);
  --select-outline-color: var(--color-accent-primary);
}
.c987927e11882:disabled {
  --select-background-color: var(--color-background-primary);
  --select-border-color: var(--color-background-quaternary);
  --select-text-color: var(--color-foreground-secondary);
}
.c987927e11882 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--sp-xs);
  block-size: var(--control-height, 1.875rem);
  inline-size: 100%;
  padding: var(--sp-s);
  border: none;
  border-radius: 0.5rem;
  outline: 0.0625rem solid var(--select-outline-color);
  border: 0.0625rem solid var(--select-border-color);
  background: var(--select-background-color);
  color: var(--select-text-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
}
@media (max-width: 1680px) {
  .c987927e11882 {
    block-size: var(--control-height, 25px);
    padding: var(--sp-xs) var(--sp-s);
  }
}

.cd0b91ff0a11a {
  --select-background-color: #2A2B2A;
  --select-dropdown-bg-override: #2A2B2A;
}

.cf908f7ee8454 {
  --select-background-color: transparent;
  --select-text-color: var(--color-foreground-secondary);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding-inline: var(--sp-xxs);
}
.cf908f7ee8454 .cb70bda827a30 {
  margin-inline-start: var(--sp-xs);
}
.cf908f7ee8454:is(:hover, [aria-expanded=true]) {
  --select-text-color: var(--color-foreground-primary);
  --select-icon-color: var(--color-foreground-primary);
}
.cf908f7ee8454:is(:focus-visible, :disabled) {
  --select-background-color: transparent;
  --select-text-color: var(--color-foreground-primary);
  --select-icon-color: var(--color-foreground-primary);
}

.cb70bda827a30 {
  color: var(--select-icon-color);
}

.c014533e9ac36 {
  display: grid;
  justify-items: start;
  gap: var(--sp-xs);
}

.cbe311cdb9e3f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 0;
  padding-inline-start: var(--sp-xxs);
  text-align: left;
  color: var(--select-text-color);
}

.c22befcf9dfc0 {
  color: var(--select-text-color-dimmed);
}

.cf0f4f3a3d2d8 {
  grid-template-columns: auto 1fr;
  color: var(--select-icon-color);
}
.light {
  --color-accent-primary: #6911d4;
  --color-accent-primary-muted: #e1d2f5;
  --color-accent-secondary: #1345aa;
  --color-accent-tertiary: #8c33eb;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(105, 17, 212, 0.6);
  --color-accent-select: rgba(140, 51, 235, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #a7e8d9;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #fedeac;
  --color-accent-error: #c80857;
  --color-background-error: #ffcada;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #bae3fd;
  --color-background-default: #fff;
  --color-accent-default: #eef0f2;
  --color-icon-default: #495e74;
  --color-background-disabled: #e8eaee;
  --color-background-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(255, 255, 255, 0.6);
  --color-overlay-onboarding: rgba(255, 255, 255, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #ddf7ff;
  --color-token-border: #77e1f3;
  --color-token-accent: #59acbb;
  --color-token-foreground: #1d4464;
  --color-badge-premium: #fe9c07;
}

.default {
  --color-accent-primary: #7efff5;
  --color-accent-primary-muted: #426158;
  --color-accent-secondary: #bb97d8;
  --color-accent-tertiary: #00d1b8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(126, 255, 245, 0.6);
  --color-accent-select: rgba(0, 209, 184, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #0a2927;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #3d2501;
  --color-accent-error: #c80857;
  --color-background-error: #500124;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #082c49;
  --color-background-default: #181A19;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-background-disabled: #535353;
  --color-background-primary: #181A19;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #535353;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.c4ddf1eda65ea {
  --switch-label-foreground-color: var(--color-foreground-primary);
  --switch-track-outline-color: none;
  --switch-track-shadow: inset 0 1px 2px var(--color-shadow-light);
  --switch-thumb-shadow: 0 1px 2px var(--color-shadow-light);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: var(--sp-s);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  outline: none;
}
.c4ddf1eda65ea.c6e55997e8881 {
  --switch-track-justify-content: start;
  --switch-track-background-color: var(--color-foreground-secondary);
  --switch-thumb-width: 0.875rem;
  --switch-thumb-height: 0.875rem;
  --switch-thumb-background-color: var(--color-accent-off);
  --switch-thumb-border-radius: 50%;
}
.c4ddf1eda65ea.c8fdf3f0c1a89 {
  --switch-track-justify-content: center;
  --switch-track-background-color: var(--color-accent-tertiary);
  --switch-thumb-width: 0.875rem;
  --switch-thumb-height: 0.25rem;
  --switch-thumb-background-color: var(--color-accent-off);
  --switch-thumb-border-radius: 0.5rem;
}
.c4ddf1eda65ea.caff381970f50 {
  --switch-track-justify-content: end;
  --switch-track-background-color: var(--color-accent-tertiary);
  --switch-thumb-width: 0.875rem;
  --switch-thumb-height: 0.875rem;
  --switch-thumb-background-color: var(--color-accent-off);
  --switch-thumb-border-radius: 50%;
}
.c4ddf1eda65ea[disabled] {
  pointer-events: none;
  --switch-label-foreground-color: var(--color-foreground-secondary);
  --switch-track-shadow: none;
  --switch-thumb-shadow: none;
}
.c4ddf1eda65ea.c6e55997e8881[disabled] {
  --switch-track-background-color: var(--color-background-primary);
  --switch-track-border-color: var(--color-background-disabled);
  --switch-thumb-background-color: var(--color-background-disabled);
}
.c4ddf1eda65ea.caff381970f50[disabled], .c4ddf1eda65ea.c8fdf3f0c1a89[disabled] {
  --switch-track-background-color: var(--color-background-disabled);
  --switch-thumb-background-color: var(--color-background-primary);
}
.c4ddf1eda65ea:focus-visible {
  --switch-track-outline-color: var(--color-accent-primary);
}
.c4ddf1eda65ea:hover {
  --switch-thumb-background-color: var(--color-static-white);
}

.c9a27be87035c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--switch-label-foreground-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.cf38a1bf169f8 {
  display: flex;
  align-items: center;
  justify-content: var(--switch-track-justify-content);
  inline-size: 1.875rem;
  block-size: 1.125rem;
  padding: var(--sp-xxs);
  border-radius: 0.75rem;
  border: 0.0625rem solid var(--switch-track-border-color);
  outline: 0.0625rem solid var(--switch-track-outline-color);
  outline-offset: 0.0625rem;
  box-shadow: var(--switch-track-shadow);
  background-color: var(--switch-track-background-color);
}

.c4f69c5102de6 {
  inline-size: var(--switch-thumb-width);
  block-size: var(--switch-thumb-height);
  border-radius: var(--switch-thumb-border-radius);
  box-shadow: var(--switch-thumb-shadow);
  background-color: var(--switch-thumb-background-color);
}
.light {
  --color-accent-primary: #6911d4;
  --color-accent-primary-muted: #e1d2f5;
  --color-accent-secondary: #1345aa;
  --color-accent-tertiary: #8c33eb;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(105, 17, 212, 0.6);
  --color-accent-select: rgba(140, 51, 235, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #a7e8d9;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #fedeac;
  --color-accent-error: #c80857;
  --color-background-error: #ffcada;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #bae3fd;
  --color-background-default: #fff;
  --color-accent-default: #eef0f2;
  --color-icon-default: #495e74;
  --color-background-disabled: #e8eaee;
  --color-background-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(255, 255, 255, 0.6);
  --color-overlay-onboarding: rgba(255, 255, 255, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #ddf7ff;
  --color-token-border: #77e1f3;
  --color-token-accent: #59acbb;
  --color-token-foreground: #1d4464;
  --color-badge-premium: #fe9c07;
}

.default {
  --color-accent-primary: #7efff5;
  --color-accent-primary-muted: #426158;
  --color-accent-secondary: #bb97d8;
  --color-accent-tertiary: #00d1b8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(126, 255, 245, 0.6);
  --color-accent-select: rgba(0, 209, 184, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #0a2927;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #3d2501;
  --color-accent-error: #c80857;
  --color-background-error: #500124;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #082c49;
  --color-background-default: #181A19;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-background-disabled: #535353;
  --color-background-primary: #181A19;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #535353;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
}

.c96b03ce4273c {
  --hint-color: var(--color-foreground-secondary);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--hint-color);
}

.cfee60ad0680d {
  --hint-color: var(--color-foreground-secondary);
}

.c632f2b0f09a6 {
  --hint-color: var(--color-accent-warning);
}

.c1d28ab2a057b {
  --hint-color: var(--color-foreground-error);
}
.light {
  --color-accent-primary: #6911d4;
  --color-accent-primary-muted: #e1d2f5;
  --color-accent-secondary: #1345aa;
  --color-accent-tertiary: #8c33eb;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(105, 17, 212, 0.6);
  --color-accent-select: rgba(140, 51, 235, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #a7e8d9;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #fedeac;
  --color-accent-error: #c80857;
  --color-background-error: #ffcada;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #bae3fd;
  --color-background-default: #fff;
  --color-accent-default: #eef0f2;
  --color-icon-default: #495e74;
  --color-background-disabled: #e8eaee;
  --color-background-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(255, 255, 255, 0.6);
  --color-overlay-onboarding: rgba(255, 255, 255, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #ddf7ff;
  --color-token-border: #77e1f3;
  --color-token-accent: #59acbb;
  --color-token-foreground: #1d4464;
  --color-badge-premium: #fe9c07;
}

.default {
  --color-accent-primary: #7efff5;
  --color-accent-primary-muted: #426158;
  --color-accent-secondary: #bb97d8;
  --color-accent-tertiary: #00d1b8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(126, 255, 245, 0.6);
  --color-accent-select: rgba(0, 209, 184, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #0a2927;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #3d2501;
  --color-accent-error: #c80857;
  --color-background-error: #500124;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #082c49;
  --color-background-default: #181A19;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-background-disabled: #535353;
  --color-background-primary: #181A19;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #535353;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
}

.c5e1ce4da6177 {
  --input-bg-color: var(--color-background-fifty);
  --input-fg-color: var(--color-foreground-primary);
  --input-icon-color: var(--color-foreground-secondary);
  --input-outline-color: none;
  --input-height: 1.875rem;
  --input-margin: unset;
}
@media (max-width: 1680px) {
  .c5e1ce4da6177 {
    --input-height: 25px;
  }
}
.c5e1ce4da6177 {
  display: inline-flex;
  -moz-column-gap: var(--sp-xs);
       column-gap: var(--sp-xs);
  align-items: center;
  position: relative;
  inline-size: 100%;
  block-size: var(--input-height);
  background: var(--input-bg-color);
  border-radius: 0.5rem;
  padding: 0 var(--input-padding-size, var(--sp-s));
  outline: 0.0625rem solid var(--input-outline-color);
}
.c5e1ce4da6177:hover {
  --input-bg-color: var(--color-background-quaternary);
}
.c5e1ce4da6177:has(*:focus-visible) {
  --input-bg-color: none;
  --input-outline-color: var(--color-accent-primary);
}
.c5e1ce4da6177:has(*:disabled) {
  --input-bg-color: var(--color-background-primary);
  --input-outline-color: var(--color-background-quaternary);
}

.cf9ad4f407249,
.c0d3bddc09571 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.cb029b732a1dc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
}

.c0d3bddc09571 {
  --input-bg-color: none;
  --input-outline-color: none;
  --input-height: auto;
  --input-margin: 0;
  padding: 0;
  border: none;
}
.c0d3bddc09571:hover {
  --input-bg-color: none;
  --input-outline-color: none;
}
.c0d3bddc09571:has(*:focus-visible) {
  --input-bg-color: none;
  --input-outline-color: none;
}

.cf5daf3717b1e {
  margin: var(--input-margin);
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: var(--input-height);
  border: none;
  background: none;
  inline-size: 100%;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: var(--input-fg-color);
}
.cf5daf3717b1e:focus-visible {
  outline: none;
}
.cf5daf3717b1e::-moz-selection {
  background: var(--color-accent-select);
}
.cf5daf3717b1e::selection {
  background: var(--color-accent-select);
}
.cf5daf3717b1e::-moz-placeholder {
  --input-fg-color: var(--color-foreground-secondary);
}
.cf5daf3717b1e::placeholder {
  --input-fg-color: var(--color-foreground-secondary);
}
.cf5daf3717b1e:is(:-webkit-autofill, :-webkit-autofill:hover, :-webkit-autofill:focus, :-webkit-autofill:active) {
  -webkit-text-fill-color: var(--input-fg-color);
  -webkit-background-clip: text;
  background-clip: text;
  caret-color: var(--input-bg-color);
}
.cf5daf3717b1e:is(:autofill, :autofill:hover, :autofill:focus, :autofill:active) {
  -webkit-text-fill-color: var(--input-fg-color);
  -webkit-background-clip: text;
  background-clip: text;
  caret-color: var(--input-bg-color);
}

.cc61374bd307a {
  margin-inline-start: var(--sp-xxs);
}

.c55136d030081 {
  --input-outline-color: var(--color-foreground-error);
}

.cee16743b67b8 {
  color: var(--color-foreground-secondary);
  min-inline-size: var(--sp-l);
}

.c55521338cffd {
  inline-size: 100%;
}
.light {
  --color-accent-primary: #6911d4;
  --color-accent-primary-muted: #e1d2f5;
  --color-accent-secondary: #1345aa;
  --color-accent-tertiary: #8c33eb;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(105, 17, 212, 0.6);
  --color-accent-select: rgba(140, 51, 235, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #a7e8d9;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #fedeac;
  --color-accent-error: #c80857;
  --color-background-error: #ffcada;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #bae3fd;
  --color-background-default: #fff;
  --color-accent-default: #eef0f2;
  --color-icon-default: #495e74;
  --color-background-disabled: #e8eaee;
  --color-background-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(255, 255, 255, 0.6);
  --color-overlay-onboarding: rgba(255, 255, 255, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #ddf7ff;
  --color-token-border: #77e1f3;
  --color-token-accent: #59acbb;
  --color-token-foreground: #1d4464;
  --color-badge-premium: #fe9c07;
}

.default {
  --color-accent-primary: #7efff5;
  --color-accent-primary-muted: #426158;
  --color-accent-secondary: #bb97d8;
  --color-accent-tertiary: #00d1b8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(126, 255, 245, 0.6);
  --color-accent-select: rgba(0, 209, 184, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #0a2927;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #3d2501;
  --color-accent-error: #c80857;
  --color-background-error: #500124;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #082c49;
  --color-background-default: #181A19;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-background-disabled: #535353;
  --color-background-primary: #181A19;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #535353;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.c5371d434703a {
  --label-color: var(--color-foreground-primary);
  --label-optional-color: var(--color-foreground-secondary);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--label-color);
  display: flex;
  gap: var(--sp-xs);
  align-items: center;
}

.ccd369791e4f5,
.c6c2cd83f6323 {
  line-height: inherit;
}

.ccd369791e4f5 {
  color: var(--label-color);
}

.c6c2cd83f6323 {
  color: var(--label-optional-color);
}
.light {
  --color-accent-primary: #6911d4;
  --color-accent-primary-muted: #e1d2f5;
  --color-accent-secondary: #1345aa;
  --color-accent-tertiary: #8c33eb;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(105, 17, 212, 0.6);
  --color-accent-select: rgba(140, 51, 235, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #a7e8d9;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #fedeac;
  --color-accent-error: #c80857;
  --color-background-error: #ffcada;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #bae3fd;
  --color-background-default: #fff;
  --color-accent-default: #eef0f2;
  --color-icon-default: #495e74;
  --color-background-disabled: #e8eaee;
  --color-background-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(255, 255, 255, 0.6);
  --color-overlay-onboarding: rgba(255, 255, 255, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #ddf7ff;
  --color-token-border: #77e1f3;
  --color-token-accent: #59acbb;
  --color-token-foreground: #1d4464;
  --color-badge-premium: #fe9c07;
}

.default {
  --color-accent-primary: #7efff5;
  --color-accent-primary-muted: #426158;
  --color-accent-secondary: #bb97d8;
  --color-accent-tertiary: #00d1b8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(126, 255, 245, 0.6);
  --color-accent-select: rgba(0, 209, 184, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #0a2927;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #3d2501;
  --color-accent-error: #c80857;
  --color-background-error: #500124;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #082c49;
  --color-background-default: #181A19;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-background-disabled: #535353;
  --color-background-primary: #181A19;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #535353;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
}

.cdc68024c71b9 {
  --token-field-bg-color: var(--color-background-tertiary);
  --token-field-fg-color: var(--color-foreground-primary);
  --token-field-icon-color: var(--color-foreground-secondary);
  --token-field-outline-color: none;
  --token-field-height: var(--sp-xxxl);
  --token-field-margin: unset;
  display: inline-flex;
  -moz-column-gap: var(--sp-xs);
       column-gap: var(--sp-xs);
  align-items: center;
  position: relative;
  inline-size: 100%;
  background: var(--token-field-bg-color);
  border-radius: 0.5rem;
  padding: var(--sp-xs);
  outline: 0.0625rem solid var(--token-field-outline-color);
  position: relative;
}
.cdc68024c71b9:hover {
  --token-field-bg-color: var(--color-background-quaternary);
}
.cdc68024c71b9:focus {
  --token-field-bg-color: var(--color-background-primary);
  --token-field-outline-color: var(--color-accent-primary);
}

.ce9dfaf51643a {
  inline-size: 100%;
}

.cbab7e8c140c5 {
  grid-template-columns: auto 1fr;
}

.c52d4bc753090 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  --token-field-bg-color: var(--color-background-primary);
  --token-field-outline-color: var(--color-background-quaternary);
}
.c52d4bc753090:hover {
  --token-field-bg-color: var(--color-background-primary);
  --token-field-outline-color: var(--color-background-quaternary);
}

.cc1215c54a4d4 {
  --pill-border-color: var(--color-token-border);
  --pill-bg-color: var(--color-background-tertiary);
  --pill-fg-color: var(--color-token-foreground);
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  block-size: var(--sp-xxl);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  background: var(--pill-bg-color);
  cursor: pointer;
  border: 0.0625rem solid var(--pill-border-color);
  color: var(--pill-fg-color);
  border-radius: 0.375rem;
  padding-inline: 0.375rem;
  max-inline-size: 100%;
}
.cc1215c54a4d4:hover {
  --pill-bg-color: var(--color-token-background);
  --pill-fg-color: var(--color-foreground-primary);
  --pill-border-color: var(--color-token-foreground);
}
.cc1215c54a4d4:focus-visible {
  --pill-bg-color: var(--color-token-background);
  --pill-fg-color: var(--color-foreground-primary);
  --pill-border-color: var(--color-accent-primary);
  outline: none;
}

.c277ef17b21e6 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  --pill-bg-color: none;
  --pill-fg-color: var(--color-foreground-secondary);
  --pill-border-color: var(--color-token-border);
}
.c277ef17b21e6:hover {
  --pill-bg-color: none;
  --pill-fg-color: var(--color-foreground-secondary);
  --pill-border-color: var(--color-token-border);
}

.c5d018bee750b {
  --pill-bg-color: none;
  --pill-fg-color: var(--color-foreground-secondary);
  --pill-border-color: var(--color-token-border);
  position: relative;
}
.c5d018bee750b:hover {
  --pill-bg-color: none;
  --pill-fg-color: var(--color-foreground-secondary);
  --pill-border-color: var(--color-token-border);
}

.c2ac9570936ee {
  inline-size: 0.375rem;
  block-size: 0.375rem;
  outline: var(--sp-xxs) solid var(--color-background-primary);
  border-radius: 50%;
  background-color: var(--color-foreground-error);
  margin-inline-start: var(--sp-xs);
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
}

.cc79ba46c8300 {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  opacity: var(--opacity-button);
  background-color: var(--color-background-quaternary);
}
.cc79ba46c8300:hover {
  background-color: var(--color-background-quaternary);
  --opacity-button: 1;
}
.cc79ba46c8300:focus {
  background-color: var(--color-background-quaternary);
  --opacity-button: 1;
}

.c51c027904e21 {
  inline-size: 100%;
}

.c02950e848d9e {
  inline-size: 1.75rem;
  block-size: 100%;
}
.c6cb8f0a00ba7 {
  --options-fg-color: var(--color-foreground-primary);
  --options-bg-color: unset;
  --options-empty: var(--color-canvas);
  display: grid;
  align-items: center;
  justify-items: start;
  grid-template-columns: 1fr auto;
  gap: var(--sp-xs);
  width: 100%;
  height: 2rem;
  padding: var(--sp-s);
  border-radius: 0.5rem;
  outline: 0.0625rem solid var(--options-outline-color);
  outline-offset: -0.0625rem;
  background-color: var(--options-bg-color);
  color: var(--options-fg-color);
}
.c6cb8f0a00ba7:hover, .c6cb8f0a00ba7[aria-selected=true] {
  --options-bg-color: var(--color-background-quaternary);
}

.c0a01a0814a5c {
  grid-template-columns: auto 1fr auto;
}

.c51121442ab1e {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 0;
  padding-inline-start: var(--sp-xxs);
}

.c4c15e1d973eb {
  color: var(--options-empty);
}

.ce78a5d623556 {
  color: var(--options-icon-fg-color);
}

.c4ce9c77f1dda {
  --options-outline-color: var(--color-accent-primary);
  outline: 0.0625rem solid var(--options-outline-color);
}

.c1c3f2c25a494 {
  --options-fg-color: var(--color-accent-primary);
  --options-icon-fg-color: var(--color-accent-primary);
}
.c16459a4ff20b {
  --options-dropdown-icon-fg-color: var(--color-foreground-secondary);
  --options-dropdown-bg-color: var(--select-dropdown-bg-override, var(--color-background-tertiary));
  --options-dropdown-outline-color: none;
  --options-dropdown-border-color: var(--color-background-quaternary);
  position: absolute;
  inset-block-start: 34px;
}
@media (max-width: 1680px) {
  .c16459a4ff20b {
    inset-block-start: 28px;
  }
}
.c16459a4ff20b {
  inline-size: var(--dropdown-width, 100%);
  transform: translateX(var(--dropdown-translate-distance, 0));
  background-color: var(--options-dropdown-bg-color);
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--options-dropdown-border-color);
  padding-block: var(--sp-xs);
  margin-block-end: 0;
  max-block-size: 25rem;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: var(--z-index-dropdown);
}

.c9fbce13df222 {
  inset-inline-start: var(--dropdown-offset, 0);
}

.c04ca7237e04a {
  inset-inline-end: var(--dropdown-offset, 0);
}

.c46055f4c9cc4 {
  border: 0.0625rem solid var(--options-dropdown-border-color);
  margin-block-start: var(--sp-xs);
  margin-block-end: var(--sp-xs);
}

.cec4366056884,
.cc51d43756fe3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
  color: var(--color-foreground-secondary);
  padding-inline: var(--sp-s);
  block-size: var(--sp-xxxl);
}

.cc51d43756fe3 {
  justify-content: center;
  text-align: center;
  padding: 0 2.5rem;
}
.c133795bc1356 {
  --token-options-fg-color: var(--color-foreground-primary);
  --token-options-bg-color: unset;
  --token-options-empty: var(--color-canvas);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: grid;
  align-items: center;
  justify-items: start;
  grid-template-columns: 1fr auto;
  gap: 0.375rem;
  width: 100%;
  height: 2rem;
  padding: var(--sp-s);
  border-radius: 0.5rem;
  outline: 0.0625rem solid var(--token-options-outline-color);
  outline-offset: -0.0625rem;
  background-color: var(--token-options-bg-color);
  color: var(--token-options-fg-color);
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c133795bc1356:hover, .c133795bc1356[aria-selected=true] {
  --token-options-bg-color: var(--color-background-quaternary);
}

.c6be289c970fb {
  grid-template-columns: auto 1fr auto;
}

.c6be64b1bca0b {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  width: 100%;
  padding-inline-start: var(--sp-xxs);
}

.ce8caa91bcded {
  --token-options-outline-color: var(--color-accent-primary);
  outline: 0.0625rem solid var(--token-options-outline-color);
}

.c33b1770501a2 {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
  background-color: var(--color-background-primary);
  border-radius: 0.375rem;
  padding: var(--sp-xxs) var(--sp-xs);
}

.ce7b580c9eb9c {
  --token-options-fg-color: var(--color-foreground-primary);
  --token-options-icon-fg-color: var(--color-accent-primary);
}

.c1911f5ade406 {
  inline-size: var(--sp-l);
}

.c837a7c0e6909 {
  color: var(--token-options-icon-fg-color);
  min-width: var(--sp-l);
}

.c0d54f8d3f317 {
  --button-bg-color: initial;
  --button-fg-color: initial;
  --button-hover-bg-color: initial;
  --button-hover-fg-color: initial;
  --button-active-bg-color: initial;
  --button-active-fg-color: initial;
  --button-disabled-bg-color: initial;
  --button-disabled-fg-color: initial;
  --button-border-color: var(--button-bg-color);
  --button-focus-inner-ring-color: initial;
  --button-focus-outer-ring-color: initial;
  --button-width: initial;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: var(--button-width);
  height: var(--button-height, 2rem);
  background: var(--button-bg-color);
  color: var(--button-fg-color);
  border: 0.0625rem solid var(--button-border-color);
  border-radius: 0.5rem;
}
.c0d54f8d3f317:hover {
  --button-bg-color: var(--button-hover-bg-color);
  --button-fg-color: var(--button-hover-fg-color);
}
.c0d54f8d3f317:active, [aria-pressed=true].c0d54f8d3f317 {
  --button-bg-color: var(--button-active-bg-color);
  --button-fg-color: var(--button-active-fg-color);
}
.c0d54f8d3f317:focus-visible {
  outline: var(--button-focus-inner-ring-color) solid 0.125rem;
  outline-offset: -0.1875rem;
  --button-border-color: var(--button-focus-outer-ring-color);
  --button-fg-color: var(--button-focus-fg-color);
}
.c0d54f8d3f317:disabled {
  --button-bg-color: var(--button-disabled-bg-color);
  --button-fg-color: var(--button-disabled-fg-color);
}

.cf1c20ef0897b {
  --button-bg-color: var(--color-accent-primary);
  --button-fg-color: var(--color-background-secondary);
  --button-hover-bg-color: var(--color-accent-tertiary);
  --button-hover-fg-color: var(--color-background-secondary);
  --button-active-bg-color: var(--color-accent-tertiary);
  --button-active-fg-color: var(--color-background-secondary);
  --button-disabled-bg-color: var(--color-accent-primary-muted);
  --button-disabled-fg-color: var(--color-background-secondary);
  --button-focus-bg-color: var(--color-accent-primary);
  --button-focus-fg-color: var(--color-background-secondary);
  --button-focus-inner-ring-color: var(--color-background-secondary);
  --button-focus-outer-ring-color: var(--color-accent-primary);
}
.cf1c20ef0897b:active, [aria-pressed=true].cf1c20ef0897b {
  box-shadow: inset 0 0 0.625rem 0.125rem rgba(0, 0, 0, 0.2);
}

.cb376acf45feb {
  --button-bg-color: var(--color-background-tertiary);
  --button-fg-color: var(--color-foreground-secondary);
  --button-hover-bg-color: var(--color-background-tertiary);
  --button-hover-fg-color: var(--color-accent-primary);
  --button-active-bg-color: var(--color-background-quaternary);
  --button-active-fg-color: var(--color-accent-primary);
  --button-disabled-bg-color: transparent;
  --button-disabled-fg-color: var(--color-foreground-secondary);
  --button-focus-bg-color: var(--color-background-tertiary);
  --button-focus-fg-color: var(--color-foreground-primary);
  --button-focus-inner-ring-color: var(--color-background-secondary);
  --button-focus-outer-ring-color: var(--color-accent-primary);
}

.c959ca798fa65 {
  --button-bg-color: var(--color-background-fifty);
  --button-fg-color: var(--color-foreground-secondary);
  --button-hover-bg-color: var(--color-background-tertiary);
  --button-hover-fg-color: var(--color-accent-primary);
  --button-active-bg-color: var(--color-background-quaternary);
  --button-active-fg-color: var(--color-accent-primary);
  --button-disabled-bg-color: transparent;
  --button-disabled-fg-color: var(--color-foreground-secondary);
  --button-focus-bg-color: var(--color-background-tertiary);
  --button-focus-fg-color: var(--color-foreground-primary);
  --button-focus-inner-ring-color: var(--color-background-secondary);
  --button-focus-outer-ring-color: var(--color-accent-primary);
}

.cd3dc4e288555 {
  --button-bg-color: transparent;
  --button-fg-color: var(--color-foreground-third);
  --button-hover-bg-color: var(--color-background-quaternary);
  --button-hover-fg-color: var(--color-accent-primary);
  --button-active-bg-color: var(--color-background-quaternary);
  --button-active-fg-color: var(--color-accent-primary);
  --button-disabled-bg-color: transparent;
  --button-disabled-fg-color: var(--color-accent-primary-muted);
  --button-focus-bg-color: transparent;
  --button-focus-fg-color: var(--color-foreground-third);
  --button-focus-inner-ring-color: transparent;
  --button-focus-outer-ring-color: var(--color-accent-primary);
}

.c25a8d65d8e77 {
  --button-bg-color: var(--color-accent-error);
  --button-fg-color: var(--color-foreground-primary);
  --button-hover-bg-color: var(--color-background-error);
  --button-hover-fg-color: var(--color-foreground-primary);
  --button-active-bg-color: var(--color-accent-error);
  --button-active-fg-color: var(--color-foreground-primary);
  --button-disabled-bg-color: var(--color-background-error);
  --button-disabled-fg-color: var(--color-accent-error);
  --button-focus-bg-color: var(--color-accent-error);
  --button-focus-fg-color: var(--color-foreground-primary);
  --button-focus-inner-ring-color: var(--color-background-primary);
  --button-focus-outer-ring-color: var(--color-accent-primary);
}
.c25a8d65d8e77:active, [aria-pressed=true].c25a8d65d8e77 {
  box-shadow: inset 0 0 0.625rem 0.125rem rgba(0, 0, 0, 0.2);
}

.c0d54f8d3f317 {
  padding: 0 var(--sp-m);
  display: inline-flex;
  align-items: center;
  -moz-column-gap: var(--sp-xs);
       column-gap: var(--sp-xs);
  justify-content: center;
}

.cd406672d466f:hover {
  text-decoration: none;
}
.cae484ea3a8c5 {
  --button-bg-color: initial;
  --button-fg-color: initial;
  --button-hover-bg-color: initial;
  --button-hover-fg-color: initial;
  --button-active-bg-color: initial;
  --button-active-fg-color: initial;
  --button-disabled-bg-color: initial;
  --button-disabled-fg-color: initial;
  --button-border-color: var(--button-bg-color);
  --button-focus-inner-ring-color: initial;
  --button-focus-outer-ring-color: initial;
  --button-width: initial;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: var(--button-width);
  height: var(--button-height, 2rem);
  background: var(--button-bg-color);
  color: var(--button-fg-color);
  border: 0.0625rem solid var(--button-border-color);
  border-radius: 0.5rem;
}
.cae484ea3a8c5:hover {
  --button-bg-color: var(--button-hover-bg-color);
  --button-fg-color: var(--button-hover-fg-color);
}
.cae484ea3a8c5:active, [aria-pressed=true].cae484ea3a8c5 {
  --button-bg-color: var(--button-active-bg-color);
  --button-fg-color: var(--button-active-fg-color);
}
.cae484ea3a8c5:focus-visible {
  outline: var(--button-focus-inner-ring-color) solid 0.125rem;
  outline-offset: -0.1875rem;
  --button-border-color: var(--button-focus-outer-ring-color);
  --button-fg-color: var(--button-focus-fg-color);
}
.cae484ea3a8c5:disabled {
  --button-bg-color: var(--button-disabled-bg-color);
  --button-fg-color: var(--button-disabled-fg-color);
}

.c06b32ccf98c5 {
  --button-bg-color: var(--color-accent-primary);
  --button-fg-color: var(--color-background-secondary);
  --button-hover-bg-color: var(--color-accent-tertiary);
  --button-hover-fg-color: var(--color-background-secondary);
  --button-active-bg-color: var(--color-accent-tertiary);
  --button-active-fg-color: var(--color-background-secondary);
  --button-disabled-bg-color: var(--color-accent-primary-muted);
  --button-disabled-fg-color: var(--color-background-secondary);
  --button-focus-bg-color: var(--color-accent-primary);
  --button-focus-fg-color: var(--color-background-secondary);
  --button-focus-inner-ring-color: var(--color-background-secondary);
  --button-focus-outer-ring-color: var(--color-accent-primary);
}
.c06b32ccf98c5:active, [aria-pressed=true].c06b32ccf98c5 {
  box-shadow: inset 0 0 0.625rem 0.125rem rgba(0, 0, 0, 0.2);
}

.c7c6a4a16438e {
  --button-bg-color: var(--color-background-tertiary);
  --button-fg-color: var(--color-foreground-secondary);
  --button-hover-bg-color: var(--color-background-tertiary);
  --button-hover-fg-color: var(--color-accent-primary);
  --button-active-bg-color: var(--color-background-quaternary);
  --button-active-fg-color: var(--color-accent-primary);
  --button-disabled-bg-color: transparent;
  --button-disabled-fg-color: var(--color-foreground-secondary);
  --button-focus-bg-color: var(--color-background-tertiary);
  --button-focus-fg-color: var(--color-foreground-primary);
  --button-focus-inner-ring-color: var(--color-background-secondary);
  --button-focus-outer-ring-color: var(--color-accent-primary);
}

.c41f0d2fc1ea8 {
  --button-bg-color: transparent;
  --button-fg-color: var(--color-foreground-third);
  --button-hover-bg-color: var(--color-background-quaternary);
  --button-hover-fg-color: var(--color-accent-primary);
  --button-active-bg-color: var(--color-background-quaternary);
  --button-active-fg-color: var(--color-accent-primary);
  --button-disabled-bg-color: transparent;
  --button-disabled-fg-color: var(--color-accent-primary-muted);
  --button-focus-bg-color: transparent;
  --button-focus-fg-color: var(--color-foreground-third);
  --button-focus-inner-ring-color: transparent;
  --button-focus-outer-ring-color: var(--color-accent-primary);
}

.cfef9e82ff641 {
  --button-bg-color: var(--color-accent-error);
  --button-fg-color: var(--color-foreground-primary);
  --button-hover-bg-color: var(--color-background-error);
  --button-hover-fg-color: var(--color-foreground-primary);
  --button-active-bg-color: var(--color-accent-error);
  --button-active-fg-color: var(--color-foreground-primary);
  --button-disabled-bg-color: var(--color-background-error);
  --button-disabled-fg-color: var(--color-accent-error);
  --button-focus-bg-color: var(--color-accent-error);
  --button-focus-fg-color: var(--color-foreground-primary);
  --button-focus-inner-ring-color: var(--color-background-primary);
  --button-focus-outer-ring-color: var(--color-accent-primary);
}
.cfef9e82ff641:active, [aria-pressed=true].cfef9e82ff641 {
  box-shadow: inset 0 0 0.625rem 0.125rem rgba(0, 0, 0, 0.2);
}

.cae484ea3a8c5 {
  --icon-foreground: var(--button-fg-color);
  --button-width: 1.375rem;
  --button-height: 1.375rem;
  display: grid;
  place-content: center;
}

.c19ed900cf494 {
  --button-bg-color: transparent;
  --button-fg-color: var(--color-foreground-secondary);
  --button-hover-bg-color: transparent;
  --button-hover-fg-color: var(--color-accent-primary);
  --button-active-bg-color: var(--color-background-quaternary);
  --button-active-fg-color: var(--color-accent-primary);
  --button-disabled-bg-color: transparent;
  --button-disabled-fg-color: var(--color-accent-primary-muted);
  --button-focus-bg-color: transparent;
  --button-focus-fg-color: var(--color-accent-primary);
  --button-focus-inner-ring-color: transparent;
  --button-focus-outer-ring-color: var(--color-accent-primary);
  --button-width: 1.5rem;
  --button-height: 1.5rem;
}

.c6eba0b78c215 .c08010d0daafb {
  --button-fg-color: var(--color-foreground-third) ;
}
.c6eba0b78c215 {
  --button-bg-color: transparent;
  --button-fg-color: var(--color-foreground-secondary);
  --button-hover-bg-color: var(--color-background-quaternary);
  --button-hover-fg-color: var(--color-accent-primary);
  --button-active-bg-color: var(--color-background-quaternary);
  --button-active-fg-color: var(--color-accent-primary);
  --button-disabled-bg-color: transparent;
  --button-disabled-fg-color: var(--color-foreground-secondary);
  --button-focus-bg-color: transparent;
  --button-focus-fg-color: var(--color-accent-primary);
  --button-focus-inner-ring-color: transparent;
  --button-focus-outer-ring-color: var(--color-accent-primary);
  --button-width: 1.875rem;
  --button-height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6eba0b78c215 {
    --button-width: 1.5625rem;
    --button-height: 1.5625rem;
  }
  .c6eba0b78c215 svg {
    width: 1rem;
    height: 1rem;
  }
}
@keyframes c52c4ac594414 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cf181d9346084 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cf181d9346084:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cf181d9346084 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cf181d9346084 ::-webkit-scrollbar-track,
.cf181d9346084 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cf181d9346084 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cf181d9346084 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cf181d9346084 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cf181d9346084 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cf181d9346084 ::placeholder,
.cf181d9346084 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c8cb3f9faa3ce, .c3ea84bc25b7a, .c26e21ba296d8.cfb0cde73fe79, .cebf83b37e1ac, .c26e21ba296d8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c8cb3f9faa3ce svg, .c3ea84bc25b7a svg, .c26e21ba296d8.cfb0cde73fe79 svg, .cebf83b37e1ac svg, .c26e21ba296d8 svg,
.c8cb3f9faa3ce span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c8cb3f9faa3ce:focus-visible, .c3ea84bc25b7a:focus-visible, .cebf83b37e1ac:focus-visible, .c26e21ba296d8:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c8cb3f9faa3ce:focus-visible svg, .c3ea84bc25b7a:focus-visible svg, .cebf83b37e1ac:focus-visible svg, .c26e21ba296d8:focus-visible svg,
.c8cb3f9faa3ce:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c8cb3f9faa3ce:hover, .c3ea84bc25b7a:hover, .cebf83b37e1ac:hover, .c26e21ba296d8:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c8cb3f9faa3ce:hover svg, .c3ea84bc25b7a:hover svg, .cebf83b37e1ac:hover svg, .c26e21ba296d8:hover svg,
.c8cb3f9faa3ce:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c8cb3f9faa3ce:active, .c3ea84bc25b7a:active, .cebf83b37e1ac:active, .c26e21ba296d8:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c8cb3f9faa3ce:active svg, .c3ea84bc25b7a:active svg, .cebf83b37e1ac:active svg, .c26e21ba296d8:active svg,
.c8cb3f9faa3ce:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c8cb3f9faa3ce.disabled, .c3ea84bc25b7a.disabled, .cebf83b37e1ac.disabled, .c26e21ba296d8.disabled, .c8cb3f9faa3ce[disabled], [disabled].c3ea84bc25b7a, [disabled].cebf83b37e1ac, [disabled].c26e21ba296d8, .c8cb3f9faa3ce:disabled, .c3ea84bc25b7a:disabled, .cebf83b37e1ac:disabled, .c26e21ba296d8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c69136002b4f7, .c799429c54d72, .c2337d3eabf75 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c69136002b4f7 svg, .c799429c54d72 svg, .c2337d3eabf75 svg,
.c69136002b4f7 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c69136002b4f7:focus-visible, .c799429c54d72:focus-visible, .c2337d3eabf75:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c69136002b4f7:focus-visible svg, .c799429c54d72:focus-visible svg, .c2337d3eabf75:focus-visible svg,
.c69136002b4f7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c69136002b4f7:hover, .c799429c54d72:hover, .c2337d3eabf75:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c69136002b4f7:hover svg, .c799429c54d72:hover svg, .c2337d3eabf75:hover svg,
.c69136002b4f7:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c69136002b4f7:active, .c799429c54d72:active, .c2337d3eabf75:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c69136002b4f7:active svg, .c799429c54d72:active svg, .c2337d3eabf75:active svg,
.c69136002b4f7:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c69136002b4f7.disabled, .c799429c54d72.disabled, .c2337d3eabf75.disabled, .c69136002b4f7[disabled], [disabled].c799429c54d72, [disabled].c2337d3eabf75, .c69136002b4f7:disabled, .c799429c54d72:disabled, .c2337d3eabf75:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4472271c45a2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c4472271c45a2 svg,
.c4472271c45a2 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c4472271c45a2:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4472271c45a2:focus-visible svg,
.c4472271c45a2:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4472271c45a2:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c4472271c45a2:hover svg,
.c4472271c45a2:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c4472271c45a2:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c4472271c45a2:active svg,
.c4472271c45a2:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c4472271c45a2.disabled, .c4472271c45a2[disabled], .c4472271c45a2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c182737de8e51, .ccfd0e6340cda button, .cfe1738fc7482, .c89cebb72212f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c182737de8e51 svg, .ccfd0e6340cda button svg, .cfe1738fc7482 svg, .c89cebb72212f svg,
.c182737de8e51 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c182737de8e51:focus-visible, .ccfd0e6340cda button:focus-visible, .cfe1738fc7482:focus-visible, .c89cebb72212f:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c182737de8e51:focus-visible svg, .ccfd0e6340cda button:focus-visible svg, .cfe1738fc7482:focus-visible svg, .c89cebb72212f:focus-visible svg,
.c182737de8e51:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c182737de8e51:hover, .ccfd0e6340cda button:hover, .cfe1738fc7482:hover, .c89cebb72212f:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c182737de8e51:hover svg, .ccfd0e6340cda button:hover svg, .cfe1738fc7482:hover svg, .c89cebb72212f:hover svg,
.c182737de8e51:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c182737de8e51:active, .ccfd0e6340cda button:active, .cfe1738fc7482:active, .c89cebb72212f:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c182737de8e51:active svg, .ccfd0e6340cda button:active svg, .cfe1738fc7482:active svg, .c89cebb72212f:active svg,
.c182737de8e51:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c182737de8e51.disabled, .ccfd0e6340cda button.disabled, .cfe1738fc7482.disabled, .c89cebb72212f.disabled, .c182737de8e51[disabled], .ccfd0e6340cda button[disabled], [disabled].cfe1738fc7482, [disabled].c89cebb72212f, .c182737de8e51:disabled, .ccfd0e6340cda button:disabled, .cfe1738fc7482:disabled, .c89cebb72212f:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c182737de8e51.disabled svg, .ccfd0e6340cda button.disabled svg, .cfe1738fc7482.disabled svg, .c89cebb72212f.disabled svg,
.c182737de8e51.disabled span svg, .c182737de8e51[disabled] svg, .ccfd0e6340cda button[disabled] svg, [disabled].cfe1738fc7482 svg, [disabled].c89cebb72212f svg,
.c182737de8e51[disabled] span svg, .c182737de8e51:disabled svg, .ccfd0e6340cda button:disabled svg, .cfe1738fc7482:disabled svg, .c89cebb72212f:disabled svg,
.c182737de8e51:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c178f26fb6ce1 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c178f26fb6ce1 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c80948e69e216 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c80948e69e216 svg,
.c80948e69e216 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c80948e69e216:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c80948e69e216:focus-visible svg,
.c80948e69e216:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c80948e69e216:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c80948e69e216:hover svg,
.c80948e69e216:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c80948e69e216:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c80948e69e216:active svg,
.c80948e69e216:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c275ade5dfcdc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7506024094b3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8d8c89c68ccc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c8d8c89c68ccc:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c8d8c89c68ccc:focus-visible svg,
.c8d8c89c68ccc:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c8d8c89c68ccc:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c8d8c89c68ccc:active {
  border: none;
  background-color: transparent;
}

.c253a5c4c26cc, .cfe1738fc7482 svg, .c89cebb72212f svg, .cc8484ee21e9d, .ca1b2bc6555f1 span svg, .ccfd0e6340cda button svg, .c4d2c11512726.intermediate svg, .ca5bd3bb7808e label span.intermediate svg, .c4d2c11512726.checked svg, .ca5bd3bb7808e label span.checked svg, .cfe39e786ac0e span svg,
.cfe39e786ac0e label svg, .c8b6c64576826 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cc6eac4884076 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cc6eac4884076:hover {
  fill: none;
  stroke: none;
}

.cc8484ee21e9d, .ca1b2bc6555f1 span svg, .ccfd0e6340cda button svg, .c4d2c11512726.intermediate svg, .ca5bd3bb7808e label span.intermediate svg, .c4d2c11512726.checked svg, .ca5bd3bb7808e label span.checked svg, .cfe39e786ac0e span svg,
.cfe39e786ac0e label svg, .c8b6c64576826 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ccb1c33a08c53 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ccb1c33a08c53:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cce4db94bcfba, .c00d6f0fac10d input, .c54ee403bcd92 input, .cfe39e786ac0e input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cce4db94bcfba, .c00d6f0fac10d input, .c54ee403bcd92 input, .cfe39e786ac0e input {
    height: 23px;
  }
}
.cce4db94bcfba, .c00d6f0fac10d input, .c54ee403bcd92 input, .cfe39e786ac0e input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cce4db94bcfba[disabled], .c00d6f0fac10d input[disabled], .c54ee403bcd92 input[disabled], .cfe39e786ac0e input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c8b6c64576826 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c3d633125f773, .cfe39e786ac0e span,
.cfe39e786ac0e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c3d633125f773, .cfe39e786ac0e span,
  .cfe39e786ac0e label {
    height: 25px;
  }
}
.c3d633125f773, .cfe39e786ac0e span,
.cfe39e786ac0e label {
  color: var(--input-foreground-color);
}

.cfe39e786ac0e {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cfe39e786ac0e {
    height: 25px;
    font-size: 10px;
  }
}
.cfe39e786ac0e {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cfe39e786ac0e span svg,
.cfe39e786ac0e label svg {
  color: var(--input-foreground-color);
}
.cfe39e786ac0e ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cfe39e786ac0e ::placeholder {
  color: var(--input-placeholder-color);
}
.cfe39e786ac0e:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cfe39e786ac0e:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cfe39e786ac0e:hover span {
  color: var(--input-foreground-color-hover);
}
.cfe39e786ac0e:hover input {
  color: var(--input-foreground-color-hover);
}
.cfe39e786ac0e:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cfe39e786ac0e:active span {
  color: var(--input-foreground-color-active);
}
.cfe39e786ac0e:active input {
  color: var(--input-foreground-color-active);
}
.cfe39e786ac0e:focus, .cfe39e786ac0e:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cfe39e786ac0e:focus span, .cfe39e786ac0e:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cfe39e786ac0e:focus input, .cfe39e786ac0e:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cfe39e786ac0e:focus:hover, .cfe39e786ac0e:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cfe39e786ac0e:focus:hover span, .cfe39e786ac0e:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cfe39e786ac0e:focus:hover input, .cfe39e786ac0e:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c54ee403bcd92 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c54ee403bcd92 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c54ee403bcd92 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c54ee403bcd92 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c54ee403bcd92:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c54ee403bcd92:focus-within input, .c54ee403bcd92:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ca3da2a433210, .c00d6f0fac10d.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ca3da2a433210 input, .c00d6f0fac10d.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ca3da2a433210 span svg, .c00d6f0fac10d.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c4d2c11512726, .ca5bd3bb7808e label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c4d2c11512726 svg, .ca5bd3bb7808e label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c4d2c11512726:hover, .ca5bd3bb7808e label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4d2c11512726:focus, .ca5bd3bb7808e label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c4d2c11512726.checked, .ca5bd3bb7808e label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c4d2c11512726.checked svg, .ca5bd3bb7808e label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c4d2c11512726.intermediate, .ca5bd3bb7808e label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c4d2c11512726.intermediate svg, .ca5bd3bb7808e label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c4d2c11512726.unchecked, .ca5bd3bb7808e label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c4d2c11512726.unchecked svg, .ca5bd3bb7808e label span.unchecked svg {
  display: none;
}

.ca5bd3bb7808e {
  display: flex;
  align-items: center;
}
.ca5bd3bb7808e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ca5bd3bb7808e label input {
  margin: 0;
}
.ca5bd3bb7808e label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca5bd3bb7808e label:focus span, .ca5bd3bb7808e label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c00d6f0fac10d {
  display: flex;
  flex-direction: column;
}
.c00d6f0fac10d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c00d6f0fac10d input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c00d6f0fac10d input:focus-within input, .c00d6f0fac10d input:active input {
  color: var(--input-foreground-color-active);
}
.c00d6f0fac10d input:focus-within, .c00d6f0fac10d input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c00d6f0fac10d.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c84fffbdb3ca7 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c962f23a3c7af, .c4d7f2963f096 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c62dd4afa37fb, .c6d98f49a5564 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cfe1738fc7482, .c89cebb72212f {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c8b611162e1d2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c66e4cbe8ec9c, .c5e597d63763a {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c799429c54d72, .c2337d3eabf75 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cebf83b37e1ac, .c26e21ba296d8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3ea84bc25b7a, .c26e21ba296d8.cfb0cde73fe79 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c4550e7769195 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c4550e7769195:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cdb270f85c5c1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c7250b774625c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c9ccafa0ef5c0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ce81a0af6e399 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c719f85970e0a {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c719f85970e0a:hover, .c719f85970e0a:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ccfd0e6340cda div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ccfd0e6340cda button {
  display: none;
}
.ccfd0e6340cda button svg {
  stroke: var(--icon-foreground);
}
.ccfd0e6340cda:hover button {
  display: flex;
}

.c740432ec4e9e {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c740432ec4e9e .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c740432ec4e9e .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c0299d9dfc6f5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c0299d9dfc6f5:hover div {
  color: var(--entry-foreground-color-hover);
}

.cf654e0742b25 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cfb2e6639c12f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cfb2e6639c12f:hover {
  background-color: var(--menu-background-color-hover);
}

.ca1b2bc6555f1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ca1b2bc6555f1 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ca1b2bc6555f1 span svg {
  stroke: var(--icon-foreground);
}
.ca1b2bc6555f1:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ca1b2bc6555f1:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce72423b22045 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cb30fd1a15142 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c0bc7e1e2b4cb,
.c7321496848b9 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb3bd06ad102f .c0bc7e1e2b4cb,
.cb3bd06ad102f .c7321496848b9 {
  transform: scale(1);
}

.cff591ef823a4 .c0bc7e1e2b4cb,
.cff591ef823a4 .c7321496848b9 {
  transform: scale(0);
}

.c4d7f2963f096.cd34b28e76489 {
  background-color: transparent;
}

.cf106a590e743 {
  margin-bottom: 1.5rem;
}

.c7562efa94bcb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.c60895af44ece {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.cbb307765e074,
.cc220806df3ec,
.c7923ede2b33f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  line-height: 1.5;
}

.ce81a0af6e399 {
  color: var(--color-accent-primary);
}

.ce81a0af6e399::before {
  content: " ";
}

.ce81a0af6e399::after {
  content: " ";
}
@keyframes c60b6213e8ff0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c5dcc8b8d5921 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c5dcc8b8d5921:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c5dcc8b8d5921 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c5dcc8b8d5921 ::-webkit-scrollbar-track,
.c5dcc8b8d5921 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c5dcc8b8d5921 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c5dcc8b8d5921 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c5dcc8b8d5921 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5dcc8b8d5921 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5dcc8b8d5921 ::placeholder,
.c5dcc8b8d5921 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ce73ac5da9784, .cdc62440a459b, .c71942d5ecfb2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ce73ac5da9784 svg, .cdc62440a459b svg, .c71942d5ecfb2 svg,
.ce73ac5da9784 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ce73ac5da9784:focus-visible, .cdc62440a459b:focus-visible, .c71942d5ecfb2:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ce73ac5da9784:focus-visible svg, .cdc62440a459b:focus-visible svg, .c71942d5ecfb2:focus-visible svg,
.ce73ac5da9784:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ce73ac5da9784:hover, .cdc62440a459b:hover, .c71942d5ecfb2:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ce73ac5da9784:hover svg, .cdc62440a459b:hover svg, .c71942d5ecfb2:hover svg,
.ce73ac5da9784:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ce73ac5da9784:active, .cdc62440a459b:active, .c71942d5ecfb2:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ce73ac5da9784:active svg, .cdc62440a459b:active svg, .c71942d5ecfb2:active svg,
.ce73ac5da9784:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ce73ac5da9784.disabled, .cdc62440a459b.disabled, .c71942d5ecfb2.disabled, .ce73ac5da9784[disabled], [disabled].cdc62440a459b, [disabled].c71942d5ecfb2, .ce73ac5da9784:disabled, .cdc62440a459b:disabled, .c71942d5ecfb2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca8393d1a74a2, .ccbd993440c13 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ca8393d1a74a2 svg, .ccbd993440c13 svg,
.ca8393d1a74a2 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ca8393d1a74a2:focus-visible, .ccbd993440c13:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca8393d1a74a2:focus-visible svg, .ccbd993440c13:focus-visible svg,
.ca8393d1a74a2:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca8393d1a74a2:hover, .ccbd993440c13:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ca8393d1a74a2:hover svg, .ccbd993440c13:hover svg,
.ca8393d1a74a2:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ca8393d1a74a2:active, .ccbd993440c13:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ca8393d1a74a2:active svg, .ccbd993440c13:active svg,
.ca8393d1a74a2:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ca8393d1a74a2.disabled, .ccbd993440c13.disabled, .ca8393d1a74a2[disabled], [disabled].ccbd993440c13, .ca8393d1a74a2:disabled, .ccbd993440c13:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4560191ec288 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c4560191ec288 svg,
.c4560191ec288 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c4560191ec288:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4560191ec288:focus-visible svg,
.c4560191ec288:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4560191ec288:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c4560191ec288:hover svg,
.c4560191ec288:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c4560191ec288:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c4560191ec288:active svg,
.c4560191ec288:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c4560191ec288.disabled, .c4560191ec288[disabled], .c4560191ec288:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c32ff52496534, .c077a58e0127b button, .c7c74af59e9f7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c32ff52496534 svg, .c077a58e0127b button svg, .c7c74af59e9f7 svg,
.c32ff52496534 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c32ff52496534:focus-visible, .c077a58e0127b button:focus-visible, .c7c74af59e9f7:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c32ff52496534:focus-visible svg, .c077a58e0127b button:focus-visible svg, .c7c74af59e9f7:focus-visible svg,
.c32ff52496534:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c32ff52496534:hover, .c077a58e0127b button:hover, .c7c74af59e9f7:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c32ff52496534:hover svg, .c077a58e0127b button:hover svg, .c7c74af59e9f7:hover svg,
.c32ff52496534:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c32ff52496534:active, .c077a58e0127b button:active, .c7c74af59e9f7:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c32ff52496534:active svg, .c077a58e0127b button:active svg, .c7c74af59e9f7:active svg,
.c32ff52496534:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c32ff52496534.disabled, .c077a58e0127b button.disabled, .c7c74af59e9f7.disabled, .c32ff52496534[disabled], .c077a58e0127b button[disabled], [disabled].c7c74af59e9f7, .c32ff52496534:disabled, .c077a58e0127b button:disabled, .c7c74af59e9f7:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c32ff52496534.disabled svg, .c077a58e0127b button.disabled svg, .c7c74af59e9f7.disabled svg,
.c32ff52496534.disabled span svg, .c32ff52496534[disabled] svg, .c077a58e0127b button[disabled] svg, [disabled].c7c74af59e9f7 svg,
.c32ff52496534[disabled] span svg, .c32ff52496534:disabled svg, .c077a58e0127b button:disabled svg, .c7c74af59e9f7:disabled svg,
.c32ff52496534:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c8d1639c416c8 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c8d1639c416c8 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c5c101f2f56df {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c5c101f2f56df svg,
.c5c101f2f56df span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c5c101f2f56df:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c5c101f2f56df:focus-visible svg,
.c5c101f2f56df:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c5c101f2f56df:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c5c101f2f56df:hover svg,
.c5c101f2f56df:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c5c101f2f56df:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c5c101f2f56df:active svg,
.c5c101f2f56df:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c856e237fecf3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c4f53b542bc39 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7cd9309f8558 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c7cd9309f8558:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c7cd9309f8558:focus-visible svg,
.c7cd9309f8558:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c7cd9309f8558:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c7cd9309f8558:active {
  border: none;
  background-color: transparent;
}

.ccfdd6c54a0c0, .c7c74af59e9f7 svg, .c07b75e2ced68, .c729bc5576c3f span svg, .c077a58e0127b button svg, .cf0dcbe8361e2.intermediate svg, .c87fda741f545 label span.intermediate svg, .cf0dcbe8361e2.checked svg, .c87fda741f545 label span.checked svg, .c4b07ec0e4c9e span svg,
.c4b07ec0e4c9e label svg, .c4c3393907bfd svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c177b9dbd20b1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c177b9dbd20b1:hover {
  fill: none;
  stroke: none;
}

.c07b75e2ced68, .c729bc5576c3f span svg, .c077a58e0127b button svg, .cf0dcbe8361e2.intermediate svg, .c87fda741f545 label span.intermediate svg, .cf0dcbe8361e2.checked svg, .c87fda741f545 label span.checked svg, .c4b07ec0e4c9e span svg,
.c4b07ec0e4c9e label svg, .c4c3393907bfd svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ca6392fd742e3 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ca6392fd742e3:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ccb1821f3032d, .c5404effff41a input, .cebbd6ed91408 input, .c4b07ec0e4c9e input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ccb1821f3032d, .c5404effff41a input, .cebbd6ed91408 input, .c4b07ec0e4c9e input {
    height: 23px;
  }
}
.ccb1821f3032d, .c5404effff41a input, .cebbd6ed91408 input, .c4b07ec0e4c9e input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ccb1821f3032d[disabled], .c5404effff41a input[disabled], .cebbd6ed91408 input[disabled], .c4b07ec0e4c9e input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c4c3393907bfd {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c7f482ec72381, .c4b07ec0e4c9e span,
.c4b07ec0e4c9e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c7f482ec72381, .c4b07ec0e4c9e span,
  .c4b07ec0e4c9e label {
    height: 25px;
  }
}
.c7f482ec72381, .c4b07ec0e4c9e span,
.c4b07ec0e4c9e label {
  color: var(--input-foreground-color);
}

.c4b07ec0e4c9e {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c4b07ec0e4c9e {
    height: 25px;
    font-size: 10px;
  }
}
.c4b07ec0e4c9e {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c4b07ec0e4c9e span svg,
.c4b07ec0e4c9e label svg {
  color: var(--input-foreground-color);
}
.c4b07ec0e4c9e ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c4b07ec0e4c9e ::placeholder {
  color: var(--input-placeholder-color);
}
.c4b07ec0e4c9e:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c4b07ec0e4c9e:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c4b07ec0e4c9e:hover span {
  color: var(--input-foreground-color-hover);
}
.c4b07ec0e4c9e:hover input {
  color: var(--input-foreground-color-hover);
}
.c4b07ec0e4c9e:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c4b07ec0e4c9e:active span {
  color: var(--input-foreground-color-active);
}
.c4b07ec0e4c9e:active input {
  color: var(--input-foreground-color-active);
}
.c4b07ec0e4c9e:focus, .c4b07ec0e4c9e:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c4b07ec0e4c9e:focus span, .c4b07ec0e4c9e:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c4b07ec0e4c9e:focus input, .c4b07ec0e4c9e:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c4b07ec0e4c9e:focus:hover, .c4b07ec0e4c9e:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c4b07ec0e4c9e:focus:hover span, .c4b07ec0e4c9e:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c4b07ec0e4c9e:focus:hover input, .c4b07ec0e4c9e:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cebbd6ed91408 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cebbd6ed91408 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cebbd6ed91408 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cebbd6ed91408 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cebbd6ed91408:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cebbd6ed91408:focus-within input, .cebbd6ed91408:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c74054c1c0395, .c5404effff41a.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c74054c1c0395 input, .c5404effff41a.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c74054c1c0395 span svg, .c5404effff41a.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cf0dcbe8361e2, .c87fda741f545 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cf0dcbe8361e2 svg, .c87fda741f545 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cf0dcbe8361e2:hover, .c87fda741f545 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf0dcbe8361e2:focus, .c87fda741f545 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cf0dcbe8361e2.checked, .c87fda741f545 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cf0dcbe8361e2.checked svg, .c87fda741f545 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cf0dcbe8361e2.intermediate, .c87fda741f545 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cf0dcbe8361e2.intermediate svg, .c87fda741f545 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cf0dcbe8361e2.unchecked, .c87fda741f545 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cf0dcbe8361e2.unchecked svg, .c87fda741f545 label span.unchecked svg {
  display: none;
}

.c87fda741f545 {
  display: flex;
  align-items: center;
}
.c87fda741f545 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c87fda741f545 label input {
  margin: 0;
}
.c87fda741f545 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c87fda741f545 label:focus span, .c87fda741f545 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c5404effff41a {
  display: flex;
  flex-direction: column;
}
.c5404effff41a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c5404effff41a input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c5404effff41a input:focus-within input, .c5404effff41a input:active input {
  color: var(--input-foreground-color-active);
}
.c5404effff41a input:focus-within, .c5404effff41a input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c5404effff41a.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c56da43c6d569 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c7ab5e0c47835 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c8c3b173c4d65 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c7c74af59e9f7 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c145c3e2bf0bd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c9c48a3ae30fe {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ccbd993440c13 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c71942d5ecfb2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cdc62440a459b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c52531031a756 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c52531031a756:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cddb8454adf9f {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ca62a17867a9b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ccc07e58c717a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c1188531befce {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c0864b322ed59 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c0864b322ed59:hover, .c0864b322ed59:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c077a58e0127b div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c077a58e0127b button {
  display: none;
}
.c077a58e0127b button svg {
  stroke: var(--icon-foreground);
}
.c077a58e0127b:hover button {
  display: flex;
}

.c6b2ea4d71027 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c6b2ea4d71027 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c6b2ea4d71027 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c711b7fa59d85 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c711b7fa59d85:hover div {
  color: var(--entry-foreground-color-hover);
}

.ce54ca700bc6e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c44a36e1a46e9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c44a36e1a46e9:hover {
  background-color: var(--menu-background-color-hover);
}

.c729bc5576c3f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c729bc5576c3f span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c729bc5576c3f span svg {
  stroke: var(--icon-foreground);
}
.c729bc5576c3f:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c729bc5576c3f:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce8fb946b2399 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cb47aefb648f6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c2aa01aabbe55,
.c4415796708e9 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c36a42f7e391e .c2aa01aabbe55,
.c36a42f7e391e .c4415796708e9 {
  transform: scale(1);
}

.c93d1e08a2879 .c2aa01aabbe55,
.c93d1e08a2879 .c4415796708e9 {
  transform: scale(0);
}

.c3fcd4570f44c {
  position: relative;
  align-items: center;
  background: var(--panel-background-color);
  gap: 2rem;
  height: 100%;
  padding: 2rem;
  width: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c3fcd4570f44c .c4ee2fbe79e43 {
  display: none;
}

.cf2965daafcd1 {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  display: flex;
  justify-content: flex-start;
  width: 7.5rem;
  height: 6rem;
  margin-block-end: 3.25rem;
}

.c4ee2fbe79e43 {
  display: flex;
  justify-content: center;
  grid-column: 1/4;
  width: 40vw;
  height: auto;
  justify-self: center;
}
@media (max-width: 992px) {
  .c4ee2fbe79e43 {
    display: none;
  }
}

.cc93f45d7e9ee {
  grid-column: 4/6;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 1.5rem;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 46.5625rem;
  padding-block-end: 0.5rem;
  position: relative;
  width: 100%;
}

.c0f106ce93fd1 svg {
  width: 7.5rem;
  height: 2.5rem;
  fill: var(--main-icon-foreground);
}

.c56df4c5d0d7c {
  width: 745px;
  height: 132px;
}

.c98ced5408dcd {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cf2965daafcd1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.c0f106ce93fd1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c3fcd4570f44c {
  font-family: var(--contrast-font-body);
}
@keyframes cc768962843e1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cfd56824e05c3 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cfd56824e05c3:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cfd56824e05c3 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cfd56824e05c3 ::-webkit-scrollbar-track,
.cfd56824e05c3 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cfd56824e05c3 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cfd56824e05c3 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cfd56824e05c3 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cfd56824e05c3 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cfd56824e05c3 ::placeholder,
.cfd56824e05c3 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c345fac76f67c, .ce8d2250f5d71, .ceb74a04d1b8e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c345fac76f67c svg, .ce8d2250f5d71 svg, .ceb74a04d1b8e svg,
.c345fac76f67c span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c345fac76f67c:focus-visible, .ce8d2250f5d71:focus-visible, .ceb74a04d1b8e:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c345fac76f67c:focus-visible svg, .ce8d2250f5d71:focus-visible svg, .ceb74a04d1b8e:focus-visible svg,
.c345fac76f67c:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c345fac76f67c:hover, .ce8d2250f5d71:hover, .ceb74a04d1b8e:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c345fac76f67c:hover svg, .ce8d2250f5d71:hover svg, .ceb74a04d1b8e:hover svg,
.c345fac76f67c:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c345fac76f67c:active, .ce8d2250f5d71:active, .ceb74a04d1b8e:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c345fac76f67c:active svg, .ce8d2250f5d71:active svg, .ceb74a04d1b8e:active svg,
.c345fac76f67c:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c345fac76f67c.disabled, .ce8d2250f5d71.disabled, .ceb74a04d1b8e.disabled, .c345fac76f67c[disabled], [disabled].ce8d2250f5d71, [disabled].ceb74a04d1b8e, .c345fac76f67c:disabled, .ce8d2250f5d71:disabled, .ceb74a04d1b8e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c052a9016e3f5, .cb14bf8055c72 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c052a9016e3f5 svg, .cb14bf8055c72 svg,
.c052a9016e3f5 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c052a9016e3f5:focus-visible, .cb14bf8055c72:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c052a9016e3f5:focus-visible svg, .cb14bf8055c72:focus-visible svg,
.c052a9016e3f5:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c052a9016e3f5:hover, .cb14bf8055c72:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c052a9016e3f5:hover svg, .cb14bf8055c72:hover svg,
.c052a9016e3f5:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c052a9016e3f5:active, .cb14bf8055c72:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c052a9016e3f5:active svg, .cb14bf8055c72:active svg,
.c052a9016e3f5:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c052a9016e3f5.disabled, .cb14bf8055c72.disabled, .c052a9016e3f5[disabled], [disabled].cb14bf8055c72, .c052a9016e3f5:disabled, .cb14bf8055c72:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf2f55b3329b0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cf2f55b3329b0 svg,
.cf2f55b3329b0 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cf2f55b3329b0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cf2f55b3329b0:focus-visible svg,
.cf2f55b3329b0:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cf2f55b3329b0:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cf2f55b3329b0:hover svg,
.cf2f55b3329b0:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cf2f55b3329b0:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cf2f55b3329b0:active svg,
.cf2f55b3329b0:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cf2f55b3329b0.disabled, .cf2f55b3329b0[disabled], .cf2f55b3329b0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7c222c000158, .c9a11a48a81c9 button, .c5603ff41114e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c7c222c000158 svg, .c9a11a48a81c9 button svg, .c5603ff41114e svg,
.c7c222c000158 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c7c222c000158:focus-visible, .c9a11a48a81c9 button:focus-visible, .c5603ff41114e:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c7c222c000158:focus-visible svg, .c9a11a48a81c9 button:focus-visible svg, .c5603ff41114e:focus-visible svg,
.c7c222c000158:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c7c222c000158:hover, .c9a11a48a81c9 button:hover, .c5603ff41114e:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c7c222c000158:hover svg, .c9a11a48a81c9 button:hover svg, .c5603ff41114e:hover svg,
.c7c222c000158:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c7c222c000158:active, .c9a11a48a81c9 button:active, .c5603ff41114e:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c7c222c000158:active svg, .c9a11a48a81c9 button:active svg, .c5603ff41114e:active svg,
.c7c222c000158:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c7c222c000158.disabled, .c9a11a48a81c9 button.disabled, .c5603ff41114e.disabled, .c7c222c000158[disabled], .c9a11a48a81c9 button[disabled], [disabled].c5603ff41114e, .c7c222c000158:disabled, .c9a11a48a81c9 button:disabled, .c5603ff41114e:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c7c222c000158.disabled svg, .c9a11a48a81c9 button.disabled svg, .c5603ff41114e.disabled svg,
.c7c222c000158.disabled span svg, .c7c222c000158[disabled] svg, .c9a11a48a81c9 button[disabled] svg, [disabled].c5603ff41114e svg,
.c7c222c000158[disabled] span svg, .c7c222c000158:disabled svg, .c9a11a48a81c9 button:disabled svg, .c5603ff41114e:disabled svg,
.c7c222c000158:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c357899f858b4 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c357899f858b4 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c55985bc85ef4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c55985bc85ef4 svg,
.c55985bc85ef4 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c55985bc85ef4:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c55985bc85ef4:focus-visible svg,
.c55985bc85ef4:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c55985bc85ef4:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c55985bc85ef4:hover svg,
.c55985bc85ef4:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c55985bc85ef4:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c55985bc85ef4:active svg,
.c55985bc85ef4:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cec1cc0335688 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7ce2133b8ca5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c97d113af91aa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c97d113af91aa:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c97d113af91aa:focus-visible svg,
.c97d113af91aa:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c97d113af91aa:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c97d113af91aa:active {
  border: none;
  background-color: transparent;
}

.c8184c42d64fb, .c5603ff41114e svg, .cbbdf431af3f1, .c423c629489c2 span svg, .c7de2576a8b40 span svg, .c9a11a48a81c9 button svg, .c2586a0cb3f4f.intermediate svg, .cbe7b6fb6fa7e.intermediate svg, .c50310a2c430f label span.intermediate svg, .c2586a0cb3f4f.checked svg, .cbe7b6fb6fa7e.checked svg, .c50310a2c430f label span.checked svg, .c192368177bab span svg,
.c192368177bab label svg, .cf535f000f9d5 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c7d686b59e836 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c7d686b59e836:hover {
  fill: none;
  stroke: none;
}

.cbbdf431af3f1, .c423c629489c2 span svg, .c7de2576a8b40 span svg, .c9a11a48a81c9 button svg, .c2586a0cb3f4f.intermediate svg, .cbe7b6fb6fa7e.intermediate svg, .c50310a2c430f label span.intermediate svg, .c2586a0cb3f4f.checked svg, .cbe7b6fb6fa7e.checked svg, .c50310a2c430f label span.checked svg, .c192368177bab span svg,
.c192368177bab label svg, .cf535f000f9d5 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cbe0ce02bd573 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cbe0ce02bd573:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c7161d3313864, .c302941f36eb5 input, .cfa3528c5ce23 input, .c192368177bab input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c7161d3313864, .c302941f36eb5 input, .cfa3528c5ce23 input, .c192368177bab input {
    height: 23px;
  }
}
.c7161d3313864, .c302941f36eb5 input, .cfa3528c5ce23 input, .c192368177bab input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c7161d3313864[disabled], .c302941f36eb5 input[disabled], .cfa3528c5ce23 input[disabled], .c192368177bab input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cf535f000f9d5 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ce6ffbb9f0bf1, .c192368177bab span,
.c192368177bab label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce6ffbb9f0bf1, .c192368177bab span,
  .c192368177bab label {
    height: 25px;
  }
}
.ce6ffbb9f0bf1, .c192368177bab span,
.c192368177bab label {
  color: var(--input-foreground-color);
}

.c192368177bab {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c192368177bab {
    height: 25px;
    font-size: 10px;
  }
}
.c192368177bab {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c192368177bab span svg,
.c192368177bab label svg {
  color: var(--input-foreground-color);
}
.c192368177bab ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c192368177bab ::placeholder {
  color: var(--input-placeholder-color);
}
.c192368177bab:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c192368177bab:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c192368177bab:hover span {
  color: var(--input-foreground-color-hover);
}
.c192368177bab:hover input {
  color: var(--input-foreground-color-hover);
}
.c192368177bab:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c192368177bab:active span {
  color: var(--input-foreground-color-active);
}
.c192368177bab:active input {
  color: var(--input-foreground-color-active);
}
.c192368177bab:focus, .c192368177bab:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c192368177bab:focus span, .c192368177bab:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c192368177bab:focus input, .c192368177bab:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c192368177bab:focus:hover, .c192368177bab:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c192368177bab:focus:hover span, .c192368177bab:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c192368177bab:focus:hover input, .c192368177bab:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cfa3528c5ce23 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cfa3528c5ce23 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cfa3528c5ce23 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cfa3528c5ce23 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cfa3528c5ce23:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cfa3528c5ce23:focus-within input, .cfa3528c5ce23:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c861462340da1, .c302941f36eb5.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c861462340da1 input, .c302941f36eb5.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c861462340da1 span svg, .c302941f36eb5.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c2586a0cb3f4f, .cbe7b6fb6fa7e, .c50310a2c430f label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c2586a0cb3f4f svg, .cbe7b6fb6fa7e svg, .c50310a2c430f label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c2586a0cb3f4f:hover, .cbe7b6fb6fa7e:hover, .c50310a2c430f label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c2586a0cb3f4f:focus, .cbe7b6fb6fa7e:focus, .c50310a2c430f label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c2586a0cb3f4f.checked, .cbe7b6fb6fa7e.checked, .c50310a2c430f label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c2586a0cb3f4f.checked svg, .cbe7b6fb6fa7e.checked svg, .c50310a2c430f label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c2586a0cb3f4f.intermediate, .cbe7b6fb6fa7e.intermediate, .c50310a2c430f label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c2586a0cb3f4f.intermediate svg, .cbe7b6fb6fa7e.intermediate svg, .c50310a2c430f label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c2586a0cb3f4f.unchecked, .cbe7b6fb6fa7e.unchecked, .c50310a2c430f label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c2586a0cb3f4f.unchecked svg, .cbe7b6fb6fa7e.unchecked svg, .c50310a2c430f label span.unchecked svg {
  display: none;
}

.c50310a2c430f {
  display: flex;
  align-items: center;
}
.c50310a2c430f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c50310a2c430f label input {
  margin: 0;
}
.c50310a2c430f label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c50310a2c430f label:focus span, .c50310a2c430f label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c302941f36eb5 {
  display: flex;
  flex-direction: column;
}
.c302941f36eb5 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c302941f36eb5 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c302941f36eb5 input:focus-within input, .c302941f36eb5 input:active input {
  color: var(--input-foreground-color-active);
}
.c302941f36eb5 input:focus-within, .c302941f36eb5 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c302941f36eb5.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c624788c7c0fd {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cc4c90520fe19 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c92c9c6eabebc {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c5603ff41114e {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cc1982cacd9a7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.caeae39951a40 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cb14bf8055c72 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ceb74a04d1b8e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce8d2250f5d71 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c26e72271f651 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c26e72271f651:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ca37df032974b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cba2aa8df866b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cd43036386fb8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cd4c5d76eba82 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c2c92033ed8ae {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c2c92033ed8ae:hover, .c2c92033ed8ae:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c9a11a48a81c9 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c9a11a48a81c9 button {
  display: none;
}
.c9a11a48a81c9 button svg {
  stroke: var(--icon-foreground);
}
.c9a11a48a81c9:hover button {
  display: flex;
}

.cf869d2b663c1 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cf869d2b663c1 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cf869d2b663c1 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c31b4fd1a74d1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c31b4fd1a74d1:hover div {
  color: var(--entry-foreground-color-hover);
}

.c73758e2c277f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c156d1d3abbd7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c156d1d3abbd7:hover {
  background-color: var(--menu-background-color-hover);
}

.c423c629489c2, .c7de2576a8b40 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c423c629489c2 span, .c7de2576a8b40 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c423c629489c2 span svg, .c7de2576a8b40 span svg {
  stroke: var(--icon-foreground);
}
.c423c629489c2:hover, .c7de2576a8b40:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c423c629489c2:hover span svg, .c7de2576a8b40:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c52d99f98e786, .c1203d7b969e6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cc6b7157892bb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c4a36b2cfe6d9,
.cc89293fd6cde {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c6fc384a2cb63 .c4a36b2cfe6d9,
.c6fc384a2cb63 .cc89293fd6cde {
  transform: scale(1);
}

.ccec8593a8f30 .c4a36b2cfe6d9,
.ccec8593a8f30 .cc89293fd6cde {
  transform: scale(0);
}

.c706ae106a4b9 {
  cursor: grabbing;
}

.cb86a53cefb96 {
  cursor: pointer;
}

.c838b84c70c62 {
  cursor: auto;
}

.ce44b61fe77d3 {
  color: var(--comment-subtitle-color);
}

.c52e0a55728f9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-foreground-error);
}

.c6b7b9e15cac4 {
  color: var(--comment-subtitle-color);
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.c347f5c99ace9 {
  display: flex;
}

.c3361687a4ef8 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c8ea9bbdb3c27 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.cb0fe78d68155 {
  flex-grow: 1;
}

.cdb8a4863239f {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--comment-title-color);
}

.c0345ded060c3 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--comment-subtitle-color);
}

.cdda97d292a66 {
  position: relative;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
}

.ced537060ab5b {
  height: 2rem;
  width: 2rem;
}

.ca73454e55161 {
  border: 0.125rem solid var(--color-background-tertiary);
}

.cd14e5d6508fd {
  border: 0.125rem solid var(--color-accent-primary);
}

.cfc8228efaca5 {
  border: 0.125rem solid var(--color-background-tertiary);
}

.ce8e91808d787 {
  border-radius: 50%;
}

.caae5c23784e5 {
  border-radius: 50%;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  background-color: var(--color-background-quaternary);
}

.cf8b26d923daf {
  border-radius: 50%;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.c4581be48f90b {
  background: rgba(0, 0, 0, 0.5);
}

.cf0b46e0a698f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.25rem;
  border-bottom: 1px solid var(--color-background-quaternary);
}

.c3c0c9d88d016 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  white-space: pre-wrap;
}

.c47f7953be817 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  gap: 0.5rem;
}

.c786e196949c4 {
  color: var(--color-foreground-secondary);
}

.cd44d3ff31d43 {
  color: var(--color-accent-primary);
}

.cdf0fddc2d917 {
  z-index: 1;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  pointer-events: auto;
  transform: translate(calc(-1 * 1rem), calc(-1 * 1rem));
}

.c26e2340473de {
  z-index: initial;
}

.ca29f11916796 {
  position: absolute;
  display: flex;
  flex-direction: row;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  --translate-x: 0%;
  --translate-y: 0%;
  transform: translate(var(--translate-x), var(--translate-y));
}
.ca29f11916796.cc7455cb4246b {
  --translate-x: -100%;
  flex-direction: row-reverse;
}
.ca29f11916796.cdf0e35cc338f {
  --translate-y: -100%;
  align-items: flex-end;
}

.cb60d282a4f0a {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 17.75rem;
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  pointer-events: auto;
  border-radius: 8px;
  border: 0.125rem solid var(--modal-border-color);
  background-color: var(--comment-modal-background-color);
  max-height: var(--comment-height);
}

.c33d53fea4a80 {
  margin-left: calc(-1 * (0.75rem + 0.125rem));
  margin-top: calc(-1 * (0.5rem + 0.125rem));
}

.ccf0d1e83853f {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 17.75rem;
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  pointer-events: auto;
  border-radius: 8px;
  border: 0.125rem solid var(--modal-border-color);
  background-color: var(--comment-modal-background-color);
  max-height: var(--comment-height);
  --translate-x: 0%;
  --translate-y: 0%;
  transform: translate(var(--translate-x), var(--translate-y));
}
.ccf0d1e83853f.cc7455cb4246b {
  --translate-x: -100%;
}
.ccf0d1e83853f.cdf0e35cc338f {
  --translate-y: -100%;
}

.ca167809aab64 {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2rem;
}

.c080923bcab9e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-foreground-primary);
}

.c5212d9be98b3 {
  display: flex;
  align-items: center;
}

.c970cdc5fa276 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: auto;
  padding-bottom: 1rem;
}

.c88c3eb97943a {
  position: relative;
}

.cec6ab43cd295 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c05f3d140c6db {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}

.c1203d7b969e6 {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 12.5rem;
  right: 2rem;
  top: 0;
  left: unset;
}

.cf3efc4314794 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: calc(var(--comment-height) - 8.25rem);
}

.c2b59746fd5d8 {
  display: grid;
  grid-template-columns: 1fr auto auto;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.ca45359d6f0fa {
  color: var(--color-foreground-secondary);
}
.ca45359d6f0fa:hover {
  color: var(--color-accent-primary);
}
.ca45359d6f0fa.c5492e7ccda61 {
  color: var(--color-accent-primary);
}

.cbe95f8019a0f {
  background: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border: none;
  display: flex;
  flex-direction: column;
  left: -0.125rem;
  margin-top: 0.5rem;
  overflow: hidden;
  padding: 0.125rem;
  position: absolute;
  top: 100%;
  width: calc(100% + 0.25rem);
}

.ce81b1cac860b {
  cursor: pointer;
  display: grid;
  grid-template-areas: "avatar name" "avatar email";
  grid-template-columns: 2rem 1fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  margin: 0.25rem 0.5rem;
  padding: 0 0.25rem;
  border-radius: 8px;
  border: 1px solid transparent;
}
.ce81b1cac860b:hover {
  background: var(--color-background-quaternary);
}
.ce81b1cac860b .cf0633aed40f3 {
  grid-area: avatar;
  border-radius: 50%;
}
.ce81b1cac860b .c8ce794e837e2 {
  grid-area: name;
  font-size: 0.75rem;
  color: var(--color-foreground-primary);
}
.ce81b1cac860b .c18949745ea9b {
  grid-area: email;
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
}
.ce81b1cac860b.ce7bc282a3bd1 {
  border: 1px solid var(--color-accent-primary-muted);
  background: var(--color-background-quaternary);
}

.cb00b13857484 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  white-space: pre-line;
  background: var(--input-background-color);
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
  height: 2.25rem;
  max-width: 16.25rem;
  overflow-y: auto;
  padding: 0.5rem;
  resize: vertical;
  width: 100%;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.cb00b13857484:focus {
  border: 1px solid var(--input-border-color-active);
  outline: none;
}
.cb00b13857484 [data-type=mention] {
  color: var(--color-accent-primary);
}
.cb00b13857484 [data-type=text] {
  color: var(--color-foreground-primary);
}
.cb00b13857484::before {
  content: var(--placeholder);
}

.c907c0b53d283 {
  color: var(--color-accent-primary);
}

.c2daeedf44a60 {
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
  padding: 0.375rem 0.5rem;
}
@keyframes c83de1dfe413b {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c97907cfe96f3 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c97907cfe96f3:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c97907cfe96f3 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c97907cfe96f3 ::-webkit-scrollbar-track,
.c97907cfe96f3 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c97907cfe96f3 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c97907cfe96f3 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c97907cfe96f3 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c97907cfe96f3 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c97907cfe96f3 ::placeholder,
.c97907cfe96f3 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c11cb0f7ea8da, .c2ecca345fe47, .c85a039baeb22 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c11cb0f7ea8da svg, .c2ecca345fe47 svg, .c85a039baeb22 svg,
.c11cb0f7ea8da span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c11cb0f7ea8da:focus-visible, .c2ecca345fe47:focus-visible, .c85a039baeb22:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c11cb0f7ea8da:focus-visible svg, .c2ecca345fe47:focus-visible svg, .c85a039baeb22:focus-visible svg,
.c11cb0f7ea8da:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c11cb0f7ea8da:hover, .c2ecca345fe47:hover, .c85a039baeb22:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c11cb0f7ea8da:hover svg, .c2ecca345fe47:hover svg, .c85a039baeb22:hover svg,
.c11cb0f7ea8da:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c11cb0f7ea8da:active, .c2ecca345fe47:active, .c85a039baeb22:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c11cb0f7ea8da:active svg, .c2ecca345fe47:active svg, .c85a039baeb22:active svg,
.c11cb0f7ea8da:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c11cb0f7ea8da.disabled, .c2ecca345fe47.disabled, .c85a039baeb22.disabled, .c11cb0f7ea8da[disabled], [disabled].c2ecca345fe47, [disabled].c85a039baeb22, .c11cb0f7ea8da:disabled, .c2ecca345fe47:disabled, .c85a039baeb22:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd003160a363a, .cf355ae644737 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cd003160a363a svg, .cf355ae644737 svg,
.cd003160a363a span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cd003160a363a:focus-visible, .cf355ae644737:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd003160a363a:focus-visible svg, .cf355ae644737:focus-visible svg,
.cd003160a363a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd003160a363a:hover, .cf355ae644737:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cd003160a363a:hover svg, .cf355ae644737:hover svg,
.cd003160a363a:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cd003160a363a:active, .cf355ae644737:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cd003160a363a:active svg, .cf355ae644737:active svg,
.cd003160a363a:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cd003160a363a.disabled, .cf355ae644737.disabled, .cd003160a363a[disabled], [disabled].cf355ae644737, .cd003160a363a:disabled, .cf355ae644737:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c26e3e0288bbe {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c26e3e0288bbe svg,
.c26e3e0288bbe span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c26e3e0288bbe:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c26e3e0288bbe:focus-visible svg,
.c26e3e0288bbe:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c26e3e0288bbe:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c26e3e0288bbe:hover svg,
.c26e3e0288bbe:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c26e3e0288bbe:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c26e3e0288bbe:active svg,
.c26e3e0288bbe:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c26e3e0288bbe.disabled, .c26e3e0288bbe[disabled], .c26e3e0288bbe:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd2c83f3bca17, .c36c4f6808c85 button, .cb319ed4c49a5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cd2c83f3bca17 svg, .c36c4f6808c85 button svg, .cb319ed4c49a5 svg,
.cd2c83f3bca17 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cd2c83f3bca17:focus-visible, .c36c4f6808c85 button:focus-visible, .cb319ed4c49a5:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cd2c83f3bca17:focus-visible svg, .c36c4f6808c85 button:focus-visible svg, .cb319ed4c49a5:focus-visible svg,
.cd2c83f3bca17:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cd2c83f3bca17:hover, .c36c4f6808c85 button:hover, .cb319ed4c49a5:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cd2c83f3bca17:hover svg, .c36c4f6808c85 button:hover svg, .cb319ed4c49a5:hover svg,
.cd2c83f3bca17:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cd2c83f3bca17:active, .c36c4f6808c85 button:active, .cb319ed4c49a5:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cd2c83f3bca17:active svg, .c36c4f6808c85 button:active svg, .cb319ed4c49a5:active svg,
.cd2c83f3bca17:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cd2c83f3bca17.disabled, .c36c4f6808c85 button.disabled, .cb319ed4c49a5.disabled, .cd2c83f3bca17[disabled], .c36c4f6808c85 button[disabled], [disabled].cb319ed4c49a5, .cd2c83f3bca17:disabled, .c36c4f6808c85 button:disabled, .cb319ed4c49a5:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cd2c83f3bca17.disabled svg, .c36c4f6808c85 button.disabled svg, .cb319ed4c49a5.disabled svg,
.cd2c83f3bca17.disabled span svg, .cd2c83f3bca17[disabled] svg, .c36c4f6808c85 button[disabled] svg, [disabled].cb319ed4c49a5 svg,
.cd2c83f3bca17[disabled] span svg, .cd2c83f3bca17:disabled svg, .c36c4f6808c85 button:disabled svg, .cb319ed4c49a5:disabled svg,
.cd2c83f3bca17:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c388f06c79095 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c388f06c79095 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c441ab2a7d1d7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c441ab2a7d1d7 svg,
.c441ab2a7d1d7 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c441ab2a7d1d7:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c441ab2a7d1d7:focus-visible svg,
.c441ab2a7d1d7:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c441ab2a7d1d7:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c441ab2a7d1d7:hover svg,
.c441ab2a7d1d7:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c441ab2a7d1d7:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c441ab2a7d1d7:active svg,
.c441ab2a7d1d7:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c47b864508deb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ceeee01de73db {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7f7c7829ce75 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c7f7c7829ce75:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c7f7c7829ce75:focus-visible svg,
.c7f7c7829ce75:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c7f7c7829ce75:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c7f7c7829ce75:active {
  border: none;
  background-color: transparent;
}

.c6bf1d1f81dae, .cb319ed4c49a5 svg, .cbde1402412cd, .c41960716eb7e span svg, .c36c4f6808c85 button svg, .c79c3c3d20bbb.intermediate svg, .ca3d5356d0e31 label span.intermediate svg, .c79c3c3d20bbb.checked svg, .ca3d5356d0e31 label span.checked svg, .c53a2bff4daa6 span svg,
.c53a2bff4daa6 label svg, .c28a364875331 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c325aa5e8bb0d {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c325aa5e8bb0d:hover {
  fill: none;
  stroke: none;
}

.cbde1402412cd, .c41960716eb7e span svg, .c36c4f6808c85 button svg, .c79c3c3d20bbb.intermediate svg, .ca3d5356d0e31 label span.intermediate svg, .c79c3c3d20bbb.checked svg, .ca3d5356d0e31 label span.checked svg, .c53a2bff4daa6 span svg,
.c53a2bff4daa6 label svg, .c28a364875331 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ce4dc1329dd67 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ce4dc1329dd67:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c8033ac3297af, .cb15b3ded38ae input, .c8733c94a7184 input, .c53a2bff4daa6 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c8033ac3297af, .cb15b3ded38ae input, .c8733c94a7184 input, .c53a2bff4daa6 input {
    height: 23px;
  }
}
.c8033ac3297af, .cb15b3ded38ae input, .c8733c94a7184 input, .c53a2bff4daa6 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c8033ac3297af[disabled], .cb15b3ded38ae input[disabled], .c8733c94a7184 input[disabled], .c53a2bff4daa6 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c28a364875331 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c21e1fd737c49, .c53a2bff4daa6 span,
.c53a2bff4daa6 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c21e1fd737c49, .c53a2bff4daa6 span,
  .c53a2bff4daa6 label {
    height: 25px;
  }
}
.c21e1fd737c49, .c53a2bff4daa6 span,
.c53a2bff4daa6 label {
  color: var(--input-foreground-color);
}

.c53a2bff4daa6 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c53a2bff4daa6 {
    height: 25px;
    font-size: 10px;
  }
}
.c53a2bff4daa6 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c53a2bff4daa6 span svg,
.c53a2bff4daa6 label svg {
  color: var(--input-foreground-color);
}
.c53a2bff4daa6 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c53a2bff4daa6 ::placeholder {
  color: var(--input-placeholder-color);
}
.c53a2bff4daa6:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c53a2bff4daa6:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c53a2bff4daa6:hover span {
  color: var(--input-foreground-color-hover);
}
.c53a2bff4daa6:hover input {
  color: var(--input-foreground-color-hover);
}
.c53a2bff4daa6:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c53a2bff4daa6:active span {
  color: var(--input-foreground-color-active);
}
.c53a2bff4daa6:active input {
  color: var(--input-foreground-color-active);
}
.c53a2bff4daa6:focus, .c53a2bff4daa6:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c53a2bff4daa6:focus span, .c53a2bff4daa6:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c53a2bff4daa6:focus input, .c53a2bff4daa6:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c53a2bff4daa6:focus:hover, .c53a2bff4daa6:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c53a2bff4daa6:focus:hover span, .c53a2bff4daa6:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c53a2bff4daa6:focus:hover input, .c53a2bff4daa6:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c8733c94a7184 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c8733c94a7184 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c8733c94a7184 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c8733c94a7184 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c8733c94a7184:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c8733c94a7184:focus-within input, .c8733c94a7184:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c90e0bb24b7c8, .cb15b3ded38ae.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c90e0bb24b7c8 input, .cb15b3ded38ae.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c90e0bb24b7c8 span svg, .cb15b3ded38ae.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c79c3c3d20bbb, .ca3d5356d0e31 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c79c3c3d20bbb svg, .ca3d5356d0e31 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c79c3c3d20bbb:hover, .ca3d5356d0e31 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c79c3c3d20bbb:focus, .ca3d5356d0e31 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c79c3c3d20bbb.checked, .ca3d5356d0e31 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c79c3c3d20bbb.checked svg, .ca3d5356d0e31 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c79c3c3d20bbb.intermediate, .ca3d5356d0e31 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c79c3c3d20bbb.intermediate svg, .ca3d5356d0e31 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c79c3c3d20bbb.unchecked, .ca3d5356d0e31 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c79c3c3d20bbb.unchecked svg, .ca3d5356d0e31 label span.unchecked svg {
  display: none;
}

.ca3d5356d0e31 {
  display: flex;
  align-items: center;
}
.ca3d5356d0e31 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ca3d5356d0e31 label input {
  margin: 0;
}
.ca3d5356d0e31 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca3d5356d0e31 label:focus span, .ca3d5356d0e31 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cb15b3ded38ae {
  display: flex;
  flex-direction: column;
}
.cb15b3ded38ae label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cb15b3ded38ae input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cb15b3ded38ae input:focus-within input, .cb15b3ded38ae input:active input {
  color: var(--input-foreground-color-active);
}
.cb15b3ded38ae input:focus-within, .cb15b3ded38ae input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb15b3ded38ae.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c1c7761555041 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c0b1b7f3086c6, .cd7b384824834 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c08622187e15d, .c1a259ec60183 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cb319ed4c49a5 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c40b3320e0487 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cda95336e6b2a, .c3dfd75c61599 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cf355ae644737 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c85a039baeb22 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c2ecca345fe47 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cc45d089f243b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cc45d089f243b:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cfaa3f10d6070 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c2fdf84a95814 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c3681d4673647 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ce7e697865f1f {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ced075f3c2be3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ced075f3c2be3:hover, .ced075f3c2be3:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c36c4f6808c85 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c36c4f6808c85 button {
  display: none;
}
.c36c4f6808c85 button svg {
  stroke: var(--icon-foreground);
}
.c36c4f6808c85:hover button {
  display: flex;
}

.cdc0fc8ba620a {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cdc0fc8ba620a .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cdc0fc8ba620a .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cd3e1639c1fa9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cd3e1639c1fa9:hover div {
  color: var(--entry-foreground-color-hover);
}

.cc41eb678819b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cf00dbf3ced5b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cf00dbf3ced5b:hover {
  background-color: var(--menu-background-color-hover);
}

.c41960716eb7e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c41960716eb7e span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c41960716eb7e span svg {
  stroke: var(--icon-foreground);
}
.c41960716eb7e:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c41960716eb7e:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c1dacc7f0def3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c8e42e979f393 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cc35fc15e19fb,
.cd3df5a1b42eb {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c8bb355d54943 .cc35fc15e19fb,
.c8bb355d54943 .cd3df5a1b42eb {
  transform: scale(1);
}

.c0493e2a1ae11 .cc35fc15e19fb,
.c0493e2a1ae11 .cd3df5a1b42eb {
  transform: scale(0);
}

.cd7b384824834.c65173f7b21c5 {
  background-color: transparent;
}

.c1a259ec60183 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xxl);
}

.c7a91abbdf41f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.c5e2b9bd0664e {
  position: absolute;
  top: var(--sp-m);
  right: var(--sp-m);
}

.c6d8bd566a36e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
}

.c1c165d8474cd {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}

.cbe352f8b28c7 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-foreground-secondary);
}

.cc51716e4d208 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--color-foreground-secondary);
}

.cee8755b5d184,
.c954b93a3a3e7,
.c0fc8bfe246bd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
}
@keyframes c5b3e2a9ba9fe {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c140c0f87095f, .c619396137aad {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c140c0f87095f:hover, .c619396137aad:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c140c0f87095f ::-webkit-scrollbar, .c619396137aad ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c140c0f87095f ::-webkit-scrollbar-track, .c619396137aad ::-webkit-scrollbar-track,
.c140c0f87095f ::-webkit-scrollbar-corner,
.c619396137aad ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c140c0f87095f ::-webkit-scrollbar-thumb, .c619396137aad ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c140c0f87095f ::-webkit-scrollbar-thumb:hover, .c619396137aad ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c140c0f87095f ::-moz-selection, .c619396137aad ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c140c0f87095f ::selection, .c619396137aad ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c140c0f87095f ::placeholder, .c619396137aad ::placeholder,
.c140c0f87095f ::-webkit-input-placeholder,
.c619396137aad ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ceebad84b2ece, .cbefe17eb9efb, .c4445cfc55956 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ceebad84b2ece svg, .cbefe17eb9efb svg, .c4445cfc55956 svg,
.ceebad84b2ece span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ceebad84b2ece:focus-visible, .cbefe17eb9efb:focus-visible, .c4445cfc55956:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ceebad84b2ece:focus-visible svg, .cbefe17eb9efb:focus-visible svg, .c4445cfc55956:focus-visible svg,
.ceebad84b2ece:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ceebad84b2ece:hover, .cbefe17eb9efb:hover, .c4445cfc55956:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ceebad84b2ece:hover svg, .cbefe17eb9efb:hover svg, .c4445cfc55956:hover svg,
.ceebad84b2ece:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ceebad84b2ece:active, .cbefe17eb9efb:active, .c4445cfc55956:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ceebad84b2ece:active svg, .cbefe17eb9efb:active svg, .c4445cfc55956:active svg,
.ceebad84b2ece:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ceebad84b2ece.disabled, .cbefe17eb9efb.disabled, .c4445cfc55956.disabled, .ceebad84b2ece[disabled], [disabled].cbefe17eb9efb, [disabled].c4445cfc55956, .ceebad84b2ece:disabled, .cbefe17eb9efb:disabled, .c4445cfc55956:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c431a2d136160, .c8634e6f8ad94 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c431a2d136160 svg, .c8634e6f8ad94 svg,
.c431a2d136160 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c431a2d136160:focus-visible, .c8634e6f8ad94:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c431a2d136160:focus-visible svg, .c8634e6f8ad94:focus-visible svg,
.c431a2d136160:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c431a2d136160:hover, .c8634e6f8ad94:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c431a2d136160:hover svg, .c8634e6f8ad94:hover svg,
.c431a2d136160:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c431a2d136160:active, .c8634e6f8ad94:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c431a2d136160:active svg, .c8634e6f8ad94:active svg,
.c431a2d136160:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c431a2d136160.disabled, .c8634e6f8ad94.disabled, .c431a2d136160[disabled], [disabled].c8634e6f8ad94, .c431a2d136160:disabled, .c8634e6f8ad94:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2b9128c037a5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c2b9128c037a5 svg,
.c2b9128c037a5 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c2b9128c037a5:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2b9128c037a5:focus-visible svg,
.c2b9128c037a5:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2b9128c037a5:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c2b9128c037a5:hover svg,
.c2b9128c037a5:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c2b9128c037a5:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c2b9128c037a5:active svg,
.c2b9128c037a5:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c2b9128c037a5.disabled, .c2b9128c037a5[disabled], .c2b9128c037a5:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cadefdcd89fbb, .cd703953525a1 button, .cd316c2246cf1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cadefdcd89fbb svg, .cd703953525a1 button svg, .cd316c2246cf1 svg,
.cadefdcd89fbb span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cadefdcd89fbb:focus-visible, .cd703953525a1 button:focus-visible, .cd316c2246cf1:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cadefdcd89fbb:focus-visible svg, .cd703953525a1 button:focus-visible svg, .cd316c2246cf1:focus-visible svg,
.cadefdcd89fbb:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cadefdcd89fbb:hover, .cd703953525a1 button:hover, .cd316c2246cf1:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cadefdcd89fbb:hover svg, .cd703953525a1 button:hover svg, .cd316c2246cf1:hover svg,
.cadefdcd89fbb:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cadefdcd89fbb:active, .cd703953525a1 button:active, .cd316c2246cf1:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cadefdcd89fbb:active svg, .cd703953525a1 button:active svg, .cd316c2246cf1:active svg,
.cadefdcd89fbb:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cadefdcd89fbb.disabled, .cd703953525a1 button.disabled, .cd316c2246cf1.disabled, .cadefdcd89fbb[disabled], .cd703953525a1 button[disabled], [disabled].cd316c2246cf1, .cadefdcd89fbb:disabled, .cd703953525a1 button:disabled, .cd316c2246cf1:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cadefdcd89fbb.disabled svg, .cd703953525a1 button.disabled svg, .cd316c2246cf1.disabled svg,
.cadefdcd89fbb.disabled span svg, .cadefdcd89fbb[disabled] svg, .cd703953525a1 button[disabled] svg, [disabled].cd316c2246cf1 svg,
.cadefdcd89fbb[disabled] span svg, .cadefdcd89fbb:disabled svg, .cd703953525a1 button:disabled svg, .cd316c2246cf1:disabled svg,
.cadefdcd89fbb:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c1d11d878f17c {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c1d11d878f17c svg {
  color: var(--button-icon-foreground-color-selected);
}

.cde9158edaf11 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cde9158edaf11 svg,
.cde9158edaf11 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cde9158edaf11:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cde9158edaf11:focus-visible svg,
.cde9158edaf11:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cde9158edaf11:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cde9158edaf11:hover svg,
.cde9158edaf11:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cde9158edaf11:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cde9158edaf11:active svg,
.cde9158edaf11:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c792f296cc717 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ccec502709a4e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c49d5da29363e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c49d5da29363e:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c49d5da29363e:focus-visible svg,
.c49d5da29363e:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c49d5da29363e:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c49d5da29363e:active {
  border: none;
  background-color: transparent;
}

.c36c19863e17c, .cd316c2246cf1 svg, .cec7f255a0a90, .cf36f2fbaab3b span svg, .cd703953525a1 button svg, .cedb65098d74b.intermediate svg, .ccacfad18abcd label span.intermediate svg, .cedb65098d74b.checked svg, .ccacfad18abcd label span.checked svg, .cf4d2f01e5714 span svg,
.cf4d2f01e5714 label svg, .c2a51e90da131 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c1074b2606c14 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c1074b2606c14:hover {
  fill: none;
  stroke: none;
}

.cec7f255a0a90, .cf36f2fbaab3b span svg, .cd703953525a1 button svg, .cedb65098d74b.intermediate svg, .ccacfad18abcd label span.intermediate svg, .cedb65098d74b.checked svg, .ccacfad18abcd label span.checked svg, .cf4d2f01e5714 span svg,
.cf4d2f01e5714 label svg, .c2a51e90da131 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c8bf7289ec94a {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c8bf7289ec94a:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c984fd03572b6, .c23fee26b6836 input, .c7ae21224000b input, .cf4d2f01e5714 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c984fd03572b6, .c23fee26b6836 input, .c7ae21224000b input, .cf4d2f01e5714 input {
    height: 23px;
  }
}
.c984fd03572b6, .c23fee26b6836 input, .c7ae21224000b input, .cf4d2f01e5714 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c984fd03572b6[disabled], .c23fee26b6836 input[disabled], .c7ae21224000b input[disabled], .cf4d2f01e5714 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c2a51e90da131 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c3e04fc2b9387, .cf4d2f01e5714 span,
.cf4d2f01e5714 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c3e04fc2b9387, .cf4d2f01e5714 span,
  .cf4d2f01e5714 label {
    height: 25px;
  }
}
.c3e04fc2b9387, .cf4d2f01e5714 span,
.cf4d2f01e5714 label {
  color: var(--input-foreground-color);
}

.cf4d2f01e5714 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf4d2f01e5714 {
    height: 25px;
    font-size: 10px;
  }
}
.cf4d2f01e5714 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cf4d2f01e5714 span svg,
.cf4d2f01e5714 label svg {
  color: var(--input-foreground-color);
}
.cf4d2f01e5714 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cf4d2f01e5714 ::placeholder {
  color: var(--input-placeholder-color);
}
.cf4d2f01e5714:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf4d2f01e5714:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cf4d2f01e5714:hover span {
  color: var(--input-foreground-color-hover);
}
.cf4d2f01e5714:hover input {
  color: var(--input-foreground-color-hover);
}
.cf4d2f01e5714:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cf4d2f01e5714:active span {
  color: var(--input-foreground-color-active);
}
.cf4d2f01e5714:active input {
  color: var(--input-foreground-color-active);
}
.cf4d2f01e5714:focus, .cf4d2f01e5714:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf4d2f01e5714:focus span, .cf4d2f01e5714:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cf4d2f01e5714:focus input, .cf4d2f01e5714:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cf4d2f01e5714:focus:hover, .cf4d2f01e5714:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf4d2f01e5714:focus:hover span, .cf4d2f01e5714:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cf4d2f01e5714:focus:hover input, .cf4d2f01e5714:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c7ae21224000b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c7ae21224000b input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c7ae21224000b ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c7ae21224000b ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c7ae21224000b:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c7ae21224000b:focus-within input, .c7ae21224000b:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cca66d8c6bb0a, .c23fee26b6836.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cca66d8c6bb0a input, .c23fee26b6836.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cca66d8c6bb0a span svg, .c23fee26b6836.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cedb65098d74b, .ccacfad18abcd label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cedb65098d74b svg, .ccacfad18abcd label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cedb65098d74b:hover, .ccacfad18abcd label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cedb65098d74b:focus, .ccacfad18abcd label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cedb65098d74b.checked, .ccacfad18abcd label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cedb65098d74b.checked svg, .ccacfad18abcd label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cedb65098d74b.intermediate, .ccacfad18abcd label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cedb65098d74b.intermediate svg, .ccacfad18abcd label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cedb65098d74b.unchecked, .ccacfad18abcd label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cedb65098d74b.unchecked svg, .ccacfad18abcd label span.unchecked svg {
  display: none;
}

.ccacfad18abcd {
  display: flex;
  align-items: center;
}
.ccacfad18abcd label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ccacfad18abcd label input {
  margin: 0;
}
.ccacfad18abcd label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ccacfad18abcd label:focus span, .ccacfad18abcd label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c23fee26b6836 {
  display: flex;
  flex-direction: column;
}
.c23fee26b6836 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c23fee26b6836 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c23fee26b6836 input:focus-within input, .c23fee26b6836 input:active input {
  color: var(--input-foreground-color-active);
}
.c23fee26b6836 input:focus-within, .c23fee26b6836 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c23fee26b6836.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c86a00a037cd9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c807a2325abad {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cc9a91472f5f6 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd316c2246cf1 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c6f1cbee511cb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c024a45439205 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c8634e6f8ad94 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c4445cfc55956 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cbefe17eb9efb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c97aaf5293d38 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c97aaf5293d38:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c9e93581efbc4 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ccbc1acba7021 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c136872f20054 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c374829465ad1 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c38030d51ccac {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c38030d51ccac:hover, .c38030d51ccac:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cd703953525a1 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cd703953525a1 button {
  display: none;
}
.cd703953525a1 button svg {
  stroke: var(--icon-foreground);
}
.cd703953525a1:hover button {
  display: flex;
}

.cb1e029c10661 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cb1e029c10661 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cb1e029c10661 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cc55405f42f1f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cc55405f42f1f:hover div {
  color: var(--entry-foreground-color-hover);
}

.cca16bd69616d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c647e3026b3cc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c647e3026b3cc:hover {
  background-color: var(--menu-background-color-hover);
}

.cf36f2fbaab3b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cf36f2fbaab3b span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf36f2fbaab3b span svg {
  stroke: var(--icon-foreground);
}
.cf36f2fbaab3b:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cf36f2fbaab3b:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c1332fa9caad2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cd28168c1b7ee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c400ec835922f,
.c4f4f7369004f {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.caf3e33304679 .c400ec835922f,
.caf3e33304679 .c4f4f7369004f {
  transform: scale(1);
}

.c24b94ef11601 .c400ec835922f,
.c24b94ef11601 .c4f4f7369004f {
  transform: scale(0);
}

.c619396137aad {
  background-color: var(--app-background);
  display: grid;
  grid-template-columns: 2.5rem 18.75rem 1fr;
  grid-template-rows: 3.25rem 1fr;
  height: 100vh;
}

.c0b19c2121080 {
  display: grid;
  grid-template-rows: 4rem 1fr;
  position: relative;
  grid-row: 1/span 2;
  padding: 1rem 1rem 0 0;
  overflow: hidden;
  width: 100%;
}
@keyframes cea11f12aea6d {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cfd206e8f512c {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cfd206e8f512c:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cfd206e8f512c ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cfd206e8f512c ::-webkit-scrollbar-track,
.cfd206e8f512c ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cfd206e8f512c ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cfd206e8f512c ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cfd206e8f512c ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cfd206e8f512c ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cfd206e8f512c ::placeholder,
.cfd206e8f512c ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cb5b4cfaa7ecc, .cf3b0c90609b5, .c6ae92722f766.c9711bc19754f, .c1f720c576e0c, .c6ae92722f766 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cb5b4cfaa7ecc svg, .cf3b0c90609b5 svg, .c6ae92722f766.c9711bc19754f svg, .c1f720c576e0c svg, .c6ae92722f766 svg,
.cb5b4cfaa7ecc span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cb5b4cfaa7ecc:focus-visible, .cf3b0c90609b5:focus-visible, .c1f720c576e0c:focus-visible, .c6ae92722f766:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cb5b4cfaa7ecc:focus-visible svg, .cf3b0c90609b5:focus-visible svg, .c1f720c576e0c:focus-visible svg, .c6ae92722f766:focus-visible svg,
.cb5b4cfaa7ecc:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cb5b4cfaa7ecc:hover, .cf3b0c90609b5:hover, .c1f720c576e0c:hover, .c6ae92722f766:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cb5b4cfaa7ecc:hover svg, .cf3b0c90609b5:hover svg, .c1f720c576e0c:hover svg, .c6ae92722f766:hover svg,
.cb5b4cfaa7ecc:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cb5b4cfaa7ecc:active, .cf3b0c90609b5:active, .c1f720c576e0c:active, .c6ae92722f766:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cb5b4cfaa7ecc:active svg, .cf3b0c90609b5:active svg, .c1f720c576e0c:active svg, .c6ae92722f766:active svg,
.cb5b4cfaa7ecc:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cb5b4cfaa7ecc.disabled, .cf3b0c90609b5.disabled, .c1f720c576e0c.disabled, .c6ae92722f766.disabled, .cb5b4cfaa7ecc[disabled], [disabled].cf3b0c90609b5, [disabled].c1f720c576e0c, [disabled].c6ae92722f766, .cb5b4cfaa7ecc:disabled, .cf3b0c90609b5:disabled, .c1f720c576e0c:disabled, .c6ae92722f766:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3749effc4684, .ce2016f47d0ea, .cc43a3a39511f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c3749effc4684 svg, .ce2016f47d0ea svg, .cc43a3a39511f svg,
.c3749effc4684 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c3749effc4684:focus-visible, .ce2016f47d0ea:focus-visible, .cc43a3a39511f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c3749effc4684:focus-visible svg, .ce2016f47d0ea:focus-visible svg, .cc43a3a39511f:focus-visible svg,
.c3749effc4684:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c3749effc4684:hover, .ce2016f47d0ea:hover, .cc43a3a39511f:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c3749effc4684:hover svg, .ce2016f47d0ea:hover svg, .cc43a3a39511f:hover svg,
.c3749effc4684:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c3749effc4684:active, .ce2016f47d0ea:active, .cc43a3a39511f:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c3749effc4684:active svg, .ce2016f47d0ea:active svg, .cc43a3a39511f:active svg,
.c3749effc4684:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c3749effc4684.disabled, .ce2016f47d0ea.disabled, .cc43a3a39511f.disabled, .c3749effc4684[disabled], [disabled].ce2016f47d0ea, [disabled].cc43a3a39511f, .c3749effc4684:disabled, .ce2016f47d0ea:disabled, .cc43a3a39511f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c08dc5eda3693 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c08dc5eda3693 svg,
.c08dc5eda3693 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c08dc5eda3693:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c08dc5eda3693:focus-visible svg,
.c08dc5eda3693:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c08dc5eda3693:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c08dc5eda3693:hover svg,
.c08dc5eda3693:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c08dc5eda3693:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c08dc5eda3693:active svg,
.c08dc5eda3693:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c08dc5eda3693.disabled, .c08dc5eda3693[disabled], .c08dc5eda3693:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1526b88faeb0, .c698b49ea1fcd button, .c47be49b343ac, .c1e1691a4756b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c1526b88faeb0 svg, .c698b49ea1fcd button svg, .c47be49b343ac svg, .c1e1691a4756b svg,
.c1526b88faeb0 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c1526b88faeb0:focus-visible, .c698b49ea1fcd button:focus-visible, .c47be49b343ac:focus-visible, .c1e1691a4756b:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c1526b88faeb0:focus-visible svg, .c698b49ea1fcd button:focus-visible svg, .c47be49b343ac:focus-visible svg, .c1e1691a4756b:focus-visible svg,
.c1526b88faeb0:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c1526b88faeb0:hover, .c698b49ea1fcd button:hover, .c47be49b343ac:hover, .c1e1691a4756b:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c1526b88faeb0:hover svg, .c698b49ea1fcd button:hover svg, .c47be49b343ac:hover svg, .c1e1691a4756b:hover svg,
.c1526b88faeb0:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c1526b88faeb0:active, .c698b49ea1fcd button:active, .c47be49b343ac:active, .c1e1691a4756b:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c1526b88faeb0:active svg, .c698b49ea1fcd button:active svg, .c47be49b343ac:active svg, .c1e1691a4756b:active svg,
.c1526b88faeb0:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c1526b88faeb0.disabled, .c698b49ea1fcd button.disabled, .c47be49b343ac.disabled, .c1e1691a4756b.disabled, .c1526b88faeb0[disabled], .c698b49ea1fcd button[disabled], [disabled].c47be49b343ac, [disabled].c1e1691a4756b, .c1526b88faeb0:disabled, .c698b49ea1fcd button:disabled, .c47be49b343ac:disabled, .c1e1691a4756b:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c1526b88faeb0.disabled svg, .c698b49ea1fcd button.disabled svg, .c47be49b343ac.disabled svg, .c1e1691a4756b.disabled svg,
.c1526b88faeb0.disabled span svg, .c1526b88faeb0[disabled] svg, .c698b49ea1fcd button[disabled] svg, [disabled].c47be49b343ac svg, [disabled].c1e1691a4756b svg,
.c1526b88faeb0[disabled] span svg, .c1526b88faeb0:disabled svg, .c698b49ea1fcd button:disabled svg, .c47be49b343ac:disabled svg, .c1e1691a4756b:disabled svg,
.c1526b88faeb0:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c8e828af59b11 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c8e828af59b11 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c2dbd0f022c7e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c2dbd0f022c7e svg,
.c2dbd0f022c7e span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c2dbd0f022c7e:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c2dbd0f022c7e:focus-visible svg,
.c2dbd0f022c7e:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c2dbd0f022c7e:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c2dbd0f022c7e:hover svg,
.c2dbd0f022c7e:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c2dbd0f022c7e:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c2dbd0f022c7e:active svg,
.c2dbd0f022c7e:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c04ab4c9cc7ba {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c41e075c08fe9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c998ea0add1f8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c998ea0add1f8:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c998ea0add1f8:focus-visible svg,
.c998ea0add1f8:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c998ea0add1f8:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c998ea0add1f8:active {
  border: none;
  background-color: transparent;
}

.cee2a30a2a1f2, .c47be49b343ac svg, .c1e1691a4756b svg, .c9952ab4692dd, .c250d404cd41d span svg, .c698b49ea1fcd button svg, .c8e44336e63e5.intermediate svg, .c8b0c7e77249f label span.intermediate svg, .c8e44336e63e5.checked svg, .c8b0c7e77249f label span.checked svg, .c16cdbf3abacb span svg,
.c16cdbf3abacb label svg, .c4841461d69aa svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cf412b243e7b8 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cf412b243e7b8:hover {
  fill: none;
  stroke: none;
}

.c9952ab4692dd, .c250d404cd41d span svg, .c698b49ea1fcd button svg, .c8e44336e63e5.intermediate svg, .c8b0c7e77249f label span.intermediate svg, .c8e44336e63e5.checked svg, .c8b0c7e77249f label span.checked svg, .c16cdbf3abacb span svg,
.c16cdbf3abacb label svg, .c4841461d69aa svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c6d52b06742e6 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c6d52b06742e6:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ca726ab1892cd, .ca5ee29ce57f2 input, .cd8cdd1832dcd input, .c16cdbf3abacb input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ca726ab1892cd, .ca5ee29ce57f2 input, .cd8cdd1832dcd input, .c16cdbf3abacb input {
    height: 23px;
  }
}
.ca726ab1892cd, .ca5ee29ce57f2 input, .cd8cdd1832dcd input, .c16cdbf3abacb input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ca726ab1892cd[disabled], .ca5ee29ce57f2 input[disabled], .cd8cdd1832dcd input[disabled], .c16cdbf3abacb input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c4841461d69aa {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c3b2ca78f2707, .c16cdbf3abacb span,
.c16cdbf3abacb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c3b2ca78f2707, .c16cdbf3abacb span,
  .c16cdbf3abacb label {
    height: 25px;
  }
}
.c3b2ca78f2707, .c16cdbf3abacb span,
.c16cdbf3abacb label {
  color: var(--input-foreground-color);
}

.c16cdbf3abacb {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c16cdbf3abacb {
    height: 25px;
    font-size: 10px;
  }
}
.c16cdbf3abacb {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c16cdbf3abacb span svg,
.c16cdbf3abacb label svg {
  color: var(--input-foreground-color);
}
.c16cdbf3abacb ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c16cdbf3abacb ::placeholder {
  color: var(--input-placeholder-color);
}
.c16cdbf3abacb:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c16cdbf3abacb:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c16cdbf3abacb:hover span {
  color: var(--input-foreground-color-hover);
}
.c16cdbf3abacb:hover input {
  color: var(--input-foreground-color-hover);
}
.c16cdbf3abacb:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c16cdbf3abacb:active span {
  color: var(--input-foreground-color-active);
}
.c16cdbf3abacb:active input {
  color: var(--input-foreground-color-active);
}
.c16cdbf3abacb:focus, .c16cdbf3abacb:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c16cdbf3abacb:focus span, .c16cdbf3abacb:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c16cdbf3abacb:focus input, .c16cdbf3abacb:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c16cdbf3abacb:focus:hover, .c16cdbf3abacb:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c16cdbf3abacb:focus:hover span, .c16cdbf3abacb:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c16cdbf3abacb:focus:hover input, .c16cdbf3abacb:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cd8cdd1832dcd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cd8cdd1832dcd input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cd8cdd1832dcd ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd8cdd1832dcd ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd8cdd1832dcd:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cd8cdd1832dcd:focus-within input, .cd8cdd1832dcd:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c740d157bd8ae, .ca5ee29ce57f2.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c740d157bd8ae input, .ca5ee29ce57f2.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c740d157bd8ae span svg, .ca5ee29ce57f2.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c8e44336e63e5, .c8b0c7e77249f label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c8e44336e63e5 svg, .c8b0c7e77249f label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c8e44336e63e5:hover, .c8b0c7e77249f label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8e44336e63e5:focus, .c8b0c7e77249f label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c8e44336e63e5.checked, .c8b0c7e77249f label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c8e44336e63e5.checked svg, .c8b0c7e77249f label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c8e44336e63e5.intermediate, .c8b0c7e77249f label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c8e44336e63e5.intermediate svg, .c8b0c7e77249f label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c8e44336e63e5.unchecked, .c8b0c7e77249f label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c8e44336e63e5.unchecked svg, .c8b0c7e77249f label span.unchecked svg {
  display: none;
}

.c8b0c7e77249f {
  display: flex;
  align-items: center;
}
.c8b0c7e77249f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c8b0c7e77249f label input {
  margin: 0;
}
.c8b0c7e77249f label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8b0c7e77249f label:focus span, .c8b0c7e77249f label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ca5ee29ce57f2 {
  display: flex;
  flex-direction: column;
}
.ca5ee29ce57f2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ca5ee29ce57f2 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ca5ee29ce57f2 input:focus-within input, .ca5ee29ce57f2 input:active input {
  color: var(--input-foreground-color-active);
}
.ca5ee29ce57f2 input:focus-within, .ca5ee29ce57f2 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ca5ee29ce57f2.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cfe555ba5dc8d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c6210f2b984aa, .c01f8f2d00adb {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c724b2d9c3968, .cc8682bf20a60 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c47be49b343ac, .c1e1691a4756b {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c80911acd2d50 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c665097c967c4, .c3bac62551d7a {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ce2016f47d0ea, .cc43a3a39511f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c1f720c576e0c, .c6ae92722f766 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cf3b0c90609b5, .c6ae92722f766.c9711bc19754f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c48d3fc4f050a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c48d3fc4f050a:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c3e204a643b9f {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c714785ac4532 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cef2e40db5c4c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c083a68cebf2d {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c7a32b164dcaf {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c7a32b164dcaf:hover, .c7a32b164dcaf:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c698b49ea1fcd div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c698b49ea1fcd button {
  display: none;
}
.c698b49ea1fcd button svg {
  stroke: var(--icon-foreground);
}
.c698b49ea1fcd:hover button {
  display: flex;
}

.c552ce31474b4 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c552ce31474b4 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c552ce31474b4 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cb8441f5c4e2c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cb8441f5c4e2c:hover div {
  color: var(--entry-foreground-color-hover);
}

.cb06d3878e787 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c3a62b1dce7d3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c3a62b1dce7d3:hover {
  background-color: var(--menu-background-color-hover);
}

.c250d404cd41d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c250d404cd41d span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c250d404cd41d span svg {
  stroke: var(--icon-foreground);
}
.c250d404cd41d:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c250d404cd41d:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c81f734ce5622 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cb13ea195f594 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c01f8f2d00adb.ccd438dccd880 {
  background-color: transparent;
}

.cc8682bf20a60 {
  display: grid;
  gap: var(--sp-xxl);
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.c910112f650cf {
  display: grid;
  grid-template-rows: auto 1fr auto;
  max-height: 100%;
}

.cc142ef47b8a3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--modal-title-foreground-color);
}

.ca941b1476e48 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: grid;
  gap: var(--sp-s);
}

.c66656b126673 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--modal-text-foreground-color);
  overflow-y: auto;
  margin-block: 0;
}

.cc722f43cf6e9 {
  margin-block: 0;
}

.cc722f43cf6e9,
.c77c8b9f5ac6f,
.c5fcec7bed124 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--modal-text-foreground-color);
  line-height: 1.5;
}
@keyframes c57d8552b2b1d {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cdf61f26b361a, .cd888a19d2ee3 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cdf61f26b361a:hover, .cd888a19d2ee3:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cdf61f26b361a ::-webkit-scrollbar, .cd888a19d2ee3 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cdf61f26b361a ::-webkit-scrollbar-track, .cd888a19d2ee3 ::-webkit-scrollbar-track,
.cdf61f26b361a ::-webkit-scrollbar-corner,
.cd888a19d2ee3 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cdf61f26b361a ::-webkit-scrollbar-thumb, .cd888a19d2ee3 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cdf61f26b361a ::-webkit-scrollbar-thumb:hover, .cd888a19d2ee3 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cdf61f26b361a ::-moz-selection, .cd888a19d2ee3 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cdf61f26b361a ::selection, .cd888a19d2ee3 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cdf61f26b361a ::placeholder, .cd888a19d2ee3 ::placeholder,
.cdf61f26b361a ::-webkit-input-placeholder,
.cd888a19d2ee3 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cb0879f23f2e2, .c3f5c83db328e, .c7706e03e647f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cb0879f23f2e2 svg, .c3f5c83db328e svg, .c7706e03e647f svg,
.cb0879f23f2e2 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cb0879f23f2e2:focus-visible, .c3f5c83db328e:focus-visible, .c7706e03e647f:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cb0879f23f2e2:focus-visible svg, .c3f5c83db328e:focus-visible svg, .c7706e03e647f:focus-visible svg,
.cb0879f23f2e2:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cb0879f23f2e2:hover, .c3f5c83db328e:hover, .c7706e03e647f:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cb0879f23f2e2:hover svg, .c3f5c83db328e:hover svg, .c7706e03e647f:hover svg,
.cb0879f23f2e2:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cb0879f23f2e2:active, .c3f5c83db328e:active, .c7706e03e647f:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cb0879f23f2e2:active svg, .c3f5c83db328e:active svg, .c7706e03e647f:active svg,
.cb0879f23f2e2:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cb0879f23f2e2.disabled, .c3f5c83db328e.disabled, .c7706e03e647f.disabled, .cb0879f23f2e2[disabled], [disabled].c3f5c83db328e, [disabled].c7706e03e647f, .cb0879f23f2e2:disabled, .c3f5c83db328e:disabled, .c7706e03e647f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c031459c265d6, .c2fc692ef5d52 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c031459c265d6 svg, .c2fc692ef5d52 svg,
.c031459c265d6 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c031459c265d6:focus-visible, .c2fc692ef5d52:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c031459c265d6:focus-visible svg, .c2fc692ef5d52:focus-visible svg,
.c031459c265d6:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c031459c265d6:hover, .c2fc692ef5d52:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c031459c265d6:hover svg, .c2fc692ef5d52:hover svg,
.c031459c265d6:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c031459c265d6:active, .c2fc692ef5d52:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c031459c265d6:active svg, .c2fc692ef5d52:active svg,
.c031459c265d6:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c031459c265d6.disabled, .c2fc692ef5d52.disabled, .c031459c265d6[disabled], [disabled].c2fc692ef5d52, .c031459c265d6:disabled, .c2fc692ef5d52:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c76d600a5816d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c76d600a5816d svg,
.c76d600a5816d span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c76d600a5816d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c76d600a5816d:focus-visible svg,
.c76d600a5816d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c76d600a5816d:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c76d600a5816d:hover svg,
.c76d600a5816d:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c76d600a5816d:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c76d600a5816d:active svg,
.c76d600a5816d:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c76d600a5816d.disabled, .c76d600a5816d[disabled], .c76d600a5816d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6d9cc04b1b7a, .c507c004012cf button, .cf7b62c4a1b07 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c6d9cc04b1b7a svg, .c507c004012cf button svg, .cf7b62c4a1b07 svg,
.c6d9cc04b1b7a span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c6d9cc04b1b7a:focus-visible, .c507c004012cf button:focus-visible, .cf7b62c4a1b07:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c6d9cc04b1b7a:focus-visible svg, .c507c004012cf button:focus-visible svg, .cf7b62c4a1b07:focus-visible svg,
.c6d9cc04b1b7a:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c6d9cc04b1b7a:hover, .c507c004012cf button:hover, .cf7b62c4a1b07:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c6d9cc04b1b7a:hover svg, .c507c004012cf button:hover svg, .cf7b62c4a1b07:hover svg,
.c6d9cc04b1b7a:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c6d9cc04b1b7a:active, .c507c004012cf button:active, .cf7b62c4a1b07:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c6d9cc04b1b7a:active svg, .c507c004012cf button:active svg, .cf7b62c4a1b07:active svg,
.c6d9cc04b1b7a:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c6d9cc04b1b7a.disabled, .c507c004012cf button.disabled, .cf7b62c4a1b07.disabled, .c6d9cc04b1b7a[disabled], .c507c004012cf button[disabled], [disabled].cf7b62c4a1b07, .c6d9cc04b1b7a:disabled, .c507c004012cf button:disabled, .cf7b62c4a1b07:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c6d9cc04b1b7a.disabled svg, .c507c004012cf button.disabled svg, .cf7b62c4a1b07.disabled svg,
.c6d9cc04b1b7a.disabled span svg, .c6d9cc04b1b7a[disabled] svg, .c507c004012cf button[disabled] svg, [disabled].cf7b62c4a1b07 svg,
.c6d9cc04b1b7a[disabled] span svg, .c6d9cc04b1b7a:disabled svg, .c507c004012cf button:disabled svg, .cf7b62c4a1b07:disabled svg,
.c6d9cc04b1b7a:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cf7c2c182a177 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cf7c2c182a177 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c45a4bd25dd3a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c45a4bd25dd3a svg,
.c45a4bd25dd3a span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c45a4bd25dd3a:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c45a4bd25dd3a:focus-visible svg,
.c45a4bd25dd3a:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c45a4bd25dd3a:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c45a4bd25dd3a:hover svg,
.c45a4bd25dd3a:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c45a4bd25dd3a:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c45a4bd25dd3a:active svg,
.c45a4bd25dd3a:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c72add5a7b32f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c2fd5483a4b73 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5724fde40723 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c5724fde40723:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c5724fde40723:focus-visible svg,
.c5724fde40723:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c5724fde40723:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c5724fde40723:active {
  border: none;
  background-color: transparent;
}

.cf0f47e4a32c8, .cf7b62c4a1b07 svg, .c837702db9be6, .c001cb677ec24 span svg, .c507c004012cf button svg, .c99289637380a.intermediate svg, .c03128ad25426 label span.intermediate svg, .c99289637380a.checked svg, .c03128ad25426 label span.checked svg, .c189b9e553b1e span svg,
.c189b9e553b1e label svg, .cf016c02211d4 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cc14380c0401f {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cc14380c0401f:hover {
  fill: none;
  stroke: none;
}

.c837702db9be6, .c001cb677ec24 span svg, .c507c004012cf button svg, .c99289637380a.intermediate svg, .c03128ad25426 label span.intermediate svg, .c99289637380a.checked svg, .c03128ad25426 label span.checked svg, .c189b9e553b1e span svg,
.c189b9e553b1e label svg, .cf016c02211d4 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cee2f4c6f8a20 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cee2f4c6f8a20:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c9a7e14e0fbaa, .ce342b40ab939 input, .c3ead3d6d16c7 input, .c189b9e553b1e input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c9a7e14e0fbaa, .ce342b40ab939 input, .c3ead3d6d16c7 input, .c189b9e553b1e input {
    height: 23px;
  }
}
.c9a7e14e0fbaa, .ce342b40ab939 input, .c3ead3d6d16c7 input, .c189b9e553b1e input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c9a7e14e0fbaa[disabled], .ce342b40ab939 input[disabled], .c3ead3d6d16c7 input[disabled], .c189b9e553b1e input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cf016c02211d4 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c556a290a6d3f, .c189b9e553b1e span,
.c189b9e553b1e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c556a290a6d3f, .c189b9e553b1e span,
  .c189b9e553b1e label {
    height: 25px;
  }
}
.c556a290a6d3f, .c189b9e553b1e span,
.c189b9e553b1e label {
  color: var(--input-foreground-color);
}

.c189b9e553b1e {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c189b9e553b1e {
    height: 25px;
    font-size: 10px;
  }
}
.c189b9e553b1e {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c189b9e553b1e span svg,
.c189b9e553b1e label svg {
  color: var(--input-foreground-color);
}
.c189b9e553b1e ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c189b9e553b1e ::placeholder {
  color: var(--input-placeholder-color);
}
.c189b9e553b1e:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c189b9e553b1e:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c189b9e553b1e:hover span {
  color: var(--input-foreground-color-hover);
}
.c189b9e553b1e:hover input {
  color: var(--input-foreground-color-hover);
}
.c189b9e553b1e:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c189b9e553b1e:active span {
  color: var(--input-foreground-color-active);
}
.c189b9e553b1e:active input {
  color: var(--input-foreground-color-active);
}
.c189b9e553b1e:focus, .c189b9e553b1e:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c189b9e553b1e:focus span, .c189b9e553b1e:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c189b9e553b1e:focus input, .c189b9e553b1e:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c189b9e553b1e:focus:hover, .c189b9e553b1e:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c189b9e553b1e:focus:hover span, .c189b9e553b1e:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c189b9e553b1e:focus:hover input, .c189b9e553b1e:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c3ead3d6d16c7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c3ead3d6d16c7 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c3ead3d6d16c7 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c3ead3d6d16c7 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c3ead3d6d16c7:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c3ead3d6d16c7:focus-within input, .c3ead3d6d16c7:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c983937544730, .ce342b40ab939.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c983937544730 input, .ce342b40ab939.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c983937544730 span svg, .ce342b40ab939.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c99289637380a, .c03128ad25426 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c99289637380a svg, .c03128ad25426 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c99289637380a:hover, .c03128ad25426 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c99289637380a:focus, .c03128ad25426 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c99289637380a.checked, .c03128ad25426 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c99289637380a.checked svg, .c03128ad25426 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c99289637380a.intermediate, .c03128ad25426 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c99289637380a.intermediate svg, .c03128ad25426 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c99289637380a.unchecked, .c03128ad25426 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c99289637380a.unchecked svg, .c03128ad25426 label span.unchecked svg {
  display: none;
}

.c03128ad25426 {
  display: flex;
  align-items: center;
}
.c03128ad25426 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c03128ad25426 label input {
  margin: 0;
}
.c03128ad25426 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c03128ad25426 label:focus span, .c03128ad25426 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ce342b40ab939 {
  display: flex;
  flex-direction: column;
}
.ce342b40ab939 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ce342b40ab939 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ce342b40ab939 input:focus-within input, .ce342b40ab939 input:active input {
  color: var(--input-foreground-color-active);
}
.ce342b40ab939 input:focus-within, .ce342b40ab939 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce342b40ab939.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c6b3ae9727593 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cc695a7f79ecf {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c1e5848172927 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cf7b62c4a1b07 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c7e69a378a638 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c4eb7fb164d9c {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c2fc692ef5d52 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c7706e03e647f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3f5c83db328e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c2f5419f04e16 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c2f5419f04e16:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c3ac1251e74c9 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c02dda56b045a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c68a88d956f4f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cac5d8713ddbe {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c9ce325da8b00 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c9ce325da8b00:hover, .c9ce325da8b00:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c507c004012cf div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c507c004012cf button {
  display: none;
}
.c507c004012cf button svg {
  stroke: var(--icon-foreground);
}
.c507c004012cf:hover button {
  display: flex;
}

.c3983b5353891 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c3983b5353891 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c3983b5353891 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c11bf7c618442 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c11bf7c618442:hover div {
  color: var(--entry-foreground-color-hover);
}

.c10785bd9d16f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c438d8578dfa7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c438d8578dfa7:hover {
  background-color: var(--menu-background-color-hover);
}

.c001cb677ec24 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c001cb677ec24 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c001cb677ec24 span svg {
  stroke: var(--icon-foreground);
}
.c001cb677ec24:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c001cb677ec24:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c12ea5af9cae9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c22bf8c77dbfa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c5e747990d6de,
.c2811158343ee {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c7a30d1045d55 .c5e747990d6de,
.c7a30d1045d55 .c2811158343ee {
  transform: scale(1);
}

.c85e10dbb060d .c5e747990d6de,
.c85e10dbb060d .c2811158343ee {
  transform: scale(0);
}

:root {
  --s-4: 0.25rem;
}

@keyframes c1481d3ccd843 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c0958a4744015 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c0958a4744015:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c0958a4744015 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c0958a4744015 ::-webkit-scrollbar-track,
.c0958a4744015 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c0958a4744015 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c0958a4744015 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c0958a4744015 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c0958a4744015 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c0958a4744015 ::placeholder,
.c0958a4744015 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cca13e82a5d11, .c56c2284d7b0d, .ce66df750664a, .cb544197fb3fa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cca13e82a5d11 svg, .c56c2284d7b0d svg, .ce66df750664a svg, .cb544197fb3fa svg,
.cca13e82a5d11 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cca13e82a5d11:focus-visible, .c56c2284d7b0d:focus-visible, .ce66df750664a:focus-visible, .cb544197fb3fa:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cca13e82a5d11:focus-visible svg, .c56c2284d7b0d:focus-visible svg, .ce66df750664a:focus-visible svg, .cb544197fb3fa:focus-visible svg,
.cca13e82a5d11:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cca13e82a5d11:hover, .c56c2284d7b0d:hover, .ce66df750664a:hover, .cb544197fb3fa:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cca13e82a5d11:hover svg, .c56c2284d7b0d:hover svg, .ce66df750664a:hover svg, .cb544197fb3fa:hover svg,
.cca13e82a5d11:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cca13e82a5d11:active, .c56c2284d7b0d:active, .ce66df750664a:active, .cb544197fb3fa:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cca13e82a5d11:active svg, .c56c2284d7b0d:active svg, .ce66df750664a:active svg, .cb544197fb3fa:active svg,
.cca13e82a5d11:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cca13e82a5d11.disabled, .c56c2284d7b0d.disabled, .ce66df750664a.disabled, .cb544197fb3fa.disabled, .cca13e82a5d11[disabled], [disabled].c56c2284d7b0d, [disabled].ce66df750664a, [disabled].cb544197fb3fa, .cca13e82a5d11:disabled, .c56c2284d7b0d:disabled, .ce66df750664a:disabled, .cb544197fb3fa:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cec1d209d68be, .c72df27ff00b3, .c26e53980b476 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cec1d209d68be svg, .c72df27ff00b3 svg, .c26e53980b476 svg,
.cec1d209d68be span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cec1d209d68be:focus-visible, .c72df27ff00b3:focus-visible, .c26e53980b476:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cec1d209d68be:focus-visible svg, .c72df27ff00b3:focus-visible svg, .c26e53980b476:focus-visible svg,
.cec1d209d68be:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cec1d209d68be:hover, .c72df27ff00b3:hover, .c26e53980b476:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cec1d209d68be:hover svg, .c72df27ff00b3:hover svg, .c26e53980b476:hover svg,
.cec1d209d68be:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cec1d209d68be:active, .c72df27ff00b3:active, .c26e53980b476:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cec1d209d68be:active svg, .c72df27ff00b3:active svg, .c26e53980b476:active svg,
.cec1d209d68be:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cec1d209d68be.disabled, .c72df27ff00b3.disabled, .c26e53980b476.disabled, .cec1d209d68be[disabled], [disabled].c72df27ff00b3, [disabled].c26e53980b476, .cec1d209d68be:disabled, .c72df27ff00b3:disabled, .c26e53980b476:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0eaa5b79b9b4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c0eaa5b79b9b4 svg,
.c0eaa5b79b9b4 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c0eaa5b79b9b4:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c0eaa5b79b9b4:focus-visible svg,
.c0eaa5b79b9b4:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c0eaa5b79b9b4:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c0eaa5b79b9b4:hover svg,
.c0eaa5b79b9b4:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c0eaa5b79b9b4:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c0eaa5b79b9b4:active svg,
.c0eaa5b79b9b4:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c0eaa5b79b9b4.disabled, .c0eaa5b79b9b4[disabled], .c0eaa5b79b9b4:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb53741fdc7d8, .ce20b54d261a2 button, .c12db84a21647 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cb53741fdc7d8 svg, .ce20b54d261a2 button svg, .c12db84a21647 svg,
.cb53741fdc7d8 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cb53741fdc7d8:focus-visible, .ce20b54d261a2 button:focus-visible, .c12db84a21647:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cb53741fdc7d8:focus-visible svg, .ce20b54d261a2 button:focus-visible svg, .c12db84a21647:focus-visible svg,
.cb53741fdc7d8:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cb53741fdc7d8:hover, .ce20b54d261a2 button:hover, .c12db84a21647:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cb53741fdc7d8:hover svg, .ce20b54d261a2 button:hover svg, .c12db84a21647:hover svg,
.cb53741fdc7d8:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cb53741fdc7d8:active, .ce20b54d261a2 button:active, .c12db84a21647:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cb53741fdc7d8:active svg, .ce20b54d261a2 button:active svg, .c12db84a21647:active svg,
.cb53741fdc7d8:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cb53741fdc7d8.disabled, .ce20b54d261a2 button.disabled, .c12db84a21647.disabled, .cb53741fdc7d8[disabled], .ce20b54d261a2 button[disabled], [disabled].c12db84a21647, .cb53741fdc7d8:disabled, .ce20b54d261a2 button:disabled, .c12db84a21647:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cb53741fdc7d8.disabled svg, .ce20b54d261a2 button.disabled svg, .c12db84a21647.disabled svg,
.cb53741fdc7d8.disabled span svg, .cb53741fdc7d8[disabled] svg, .ce20b54d261a2 button[disabled] svg, [disabled].c12db84a21647 svg,
.cb53741fdc7d8[disabled] span svg, .cb53741fdc7d8:disabled svg, .ce20b54d261a2 button:disabled svg, .c12db84a21647:disabled svg,
.cb53741fdc7d8:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c4a7920719c0d {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c4a7920719c0d svg {
  color: var(--button-icon-foreground-color-selected);
}

.c108889e27a71 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c108889e27a71 svg,
.c108889e27a71 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c108889e27a71:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c108889e27a71:focus-visible svg,
.c108889e27a71:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c108889e27a71:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c108889e27a71:hover svg,
.c108889e27a71:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c108889e27a71:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c108889e27a71:active svg,
.c108889e27a71:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c45961dca964c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c51b8dbe775d8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca29ce85b8c65 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ca29ce85b8c65:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ca29ce85b8c65:focus-visible svg,
.ca29ce85b8c65:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ca29ce85b8c65:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ca29ce85b8c65:active {
  border: none;
  background-color: transparent;
}

.cdf05e7ae34e3, .c12db84a21647 svg, .ced747ba4689d, .ce788990df5f6 span svg, .ce20b54d261a2 button svg, .c3cab4fd6c832.intermediate svg, .ce38c4610bacd label span.intermediate svg, .c3cab4fd6c832.checked svg, .ce38c4610bacd label span.checked svg, .c7fd5bbfe8ef2 span svg,
.c7fd5bbfe8ef2 label svg, .c9463ab1bbe83 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cbe4055b74410 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cbe4055b74410:hover {
  fill: none;
  stroke: none;
}

.ced747ba4689d, .ce788990df5f6 span svg, .ce20b54d261a2 button svg, .c3cab4fd6c832.intermediate svg, .ce38c4610bacd label span.intermediate svg, .c3cab4fd6c832.checked svg, .ce38c4610bacd label span.checked svg, .c7fd5bbfe8ef2 span svg,
.c7fd5bbfe8ef2 label svg, .c9463ab1bbe83 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c7bef21ff2cf4 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c7bef21ff2cf4:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c3383de8fe936, .cc9992c3c3d4c input, .caf76a1a1338c input, .c7fd5bbfe8ef2 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c3383de8fe936, .cc9992c3c3d4c input, .caf76a1a1338c input, .c7fd5bbfe8ef2 input {
    height: 23px;
  }
}
.c3383de8fe936, .cc9992c3c3d4c input, .caf76a1a1338c input, .c7fd5bbfe8ef2 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c3383de8fe936[disabled], .cc9992c3c3d4c input[disabled], .caf76a1a1338c input[disabled], .c7fd5bbfe8ef2 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c9463ab1bbe83 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cdb5fd96e407b, .c7fd5bbfe8ef2 span,
.c7fd5bbfe8ef2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cdb5fd96e407b, .c7fd5bbfe8ef2 span,
  .c7fd5bbfe8ef2 label {
    height: 25px;
  }
}
.cdb5fd96e407b, .c7fd5bbfe8ef2 span,
.c7fd5bbfe8ef2 label {
  color: var(--input-foreground-color);
}

.c7fd5bbfe8ef2 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c7fd5bbfe8ef2 {
    height: 25px;
    font-size: 10px;
  }
}
.c7fd5bbfe8ef2 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c7fd5bbfe8ef2 span svg,
.c7fd5bbfe8ef2 label svg {
  color: var(--input-foreground-color);
}
.c7fd5bbfe8ef2 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c7fd5bbfe8ef2 ::placeholder {
  color: var(--input-placeholder-color);
}
.c7fd5bbfe8ef2:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c7fd5bbfe8ef2:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c7fd5bbfe8ef2:hover span {
  color: var(--input-foreground-color-hover);
}
.c7fd5bbfe8ef2:hover input {
  color: var(--input-foreground-color-hover);
}
.c7fd5bbfe8ef2:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c7fd5bbfe8ef2:active span {
  color: var(--input-foreground-color-active);
}
.c7fd5bbfe8ef2:active input {
  color: var(--input-foreground-color-active);
}
.c7fd5bbfe8ef2:focus, .c7fd5bbfe8ef2:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c7fd5bbfe8ef2:focus span, .c7fd5bbfe8ef2:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c7fd5bbfe8ef2:focus input, .c7fd5bbfe8ef2:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c7fd5bbfe8ef2:focus:hover, .c7fd5bbfe8ef2:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c7fd5bbfe8ef2:focus:hover span, .c7fd5bbfe8ef2:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c7fd5bbfe8ef2:focus:hover input, .c7fd5bbfe8ef2:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.caf76a1a1338c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.caf76a1a1338c input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.caf76a1a1338c ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.caf76a1a1338c ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.caf76a1a1338c:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.caf76a1a1338c:focus-within input, .caf76a1a1338c:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c33916e3ede4e, .cc9992c3c3d4c.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c33916e3ede4e input, .cc9992c3c3d4c.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c33916e3ede4e span svg, .cc9992c3c3d4c.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c3cab4fd6c832, .ce38c4610bacd label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c3cab4fd6c832 svg, .ce38c4610bacd label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c3cab4fd6c832:hover, .ce38c4610bacd label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c3cab4fd6c832:focus, .ce38c4610bacd label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c3cab4fd6c832.checked, .ce38c4610bacd label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c3cab4fd6c832.checked svg, .ce38c4610bacd label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c3cab4fd6c832.intermediate, .ce38c4610bacd label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c3cab4fd6c832.intermediate svg, .ce38c4610bacd label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c3cab4fd6c832.unchecked, .ce38c4610bacd label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c3cab4fd6c832.unchecked svg, .ce38c4610bacd label span.unchecked svg {
  display: none;
}

.ce38c4610bacd {
  display: flex;
  align-items: center;
}
.ce38c4610bacd label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ce38c4610bacd label input {
  margin: 0;
}
.ce38c4610bacd label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ce38c4610bacd label:focus span, .ce38c4610bacd label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cc9992c3c3d4c {
  display: flex;
  flex-direction: column;
}
.cc9992c3c3d4c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cc9992c3c3d4c input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cc9992c3c3d4c input:focus-within input, .cc9992c3c3d4c input:active input {
  color: var(--input-foreground-color-active);
}
.cc9992c3c3d4c input:focus-within, .cc9992c3c3d4c input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc9992c3c3d4c.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c304a15854cfe {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cd0a62b6241a1 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c87d5ded7d2a9 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c12db84a21647 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cde7957285c57 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cf43f708f0a08 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c26e53980b476 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb544197fb3fa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce66df750664a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c3eb9ffb6fd78 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c3eb9ffb6fd78:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cae747bcde7a7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cf80d14c1d1b8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cdd3b6d22e75a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c7f67d360dcd8 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ca110b69ddf3f {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ca110b69ddf3f:hover, .ca110b69ddf3f:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ce20b54d261a2 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ce20b54d261a2 button {
  display: none;
}
.ce20b54d261a2 button svg {
  stroke: var(--icon-foreground);
}
.ce20b54d261a2:hover button {
  display: flex;
}

.c8f81ed1b7a3a {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c8f81ed1b7a3a .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c8f81ed1b7a3a .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c5a8af8085a79 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c5a8af8085a79:hover div {
  color: var(--entry-foreground-color-hover);
}

.c8e77b9336104 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c139216839b41 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c139216839b41:hover {
  background-color: var(--menu-background-color-hover);
}

.ce788990df5f6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ce788990df5f6 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ce788990df5f6 span svg {
  stroke: var(--icon-foreground);
}
.ce788990df5f6:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ce788990df5f6:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cbc685334d8d4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c731b38d0ed47 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c7dfa552f815d,
.c903880a3407a {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c787afbe0fa8e .c7dfa552f815d,
.c787afbe0fa8e .c903880a3407a {
  transform: scale(1);
}

.ce85fc447c776 .c7dfa552f815d,
.ce85fc447c776 .c903880a3407a {
  transform: scale(0);
}

.cd351c01d26b5 {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 1.5625rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cd351c01d26b5.c8b1877334b2b {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.cd351c01d26b5 .cdd2d1852b14e {
  margin-right: 0.5rem;
}
.cd351c01d26b5 .c72df27ff00b3 {
  flex-shrink: 0;
  height: 2rem;
}
.cd351c01d26b5 .c72df27ff00b3 svg {
  height: 1rem;
  width: 1rem;
}
.cd351c01d26b5 nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.cd351c01d26b5 nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.cd351c01d26b5 nav li a {
  display: flex;
  align-items: center;
  flex-basis: 8.75rem;
  border-bottom: calc(1px + 0.125rem) solid transparent;
  color: var(--color-foreground-secondary);
  height: 2.5rem;
  padding: 0.25rem 1.5rem;
  font-weight: 400;
}
.cd351c01d26b5 nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.cd351c01d26b5 .ce89721a6670b {
  display: flex;
  align-items: center;
  margin-left: 1.5625rem;
}
.cd351c01d26b5 .ce89721a6670b h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 2rem;
  font-weight: 700;
  max-width: 44.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  white-space: nowrap;
  width: 100%;
}
.cd351c01d26b5 .ce89721a6670b .c59010d85cd5e.cd8d625c5a548 {
  margin-top: 0.5rem;
}
.cd351c01d26b5 .cbce34ed141e5 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cd351c01d26b5 .cbce34ed141e5 svg {
  color: var(--color-foreground-secondary);
  stroke: none;
  fill: none;
  width: 1rem;
  height: 1rem;
}
.cd351c01d26b5 .cbce34ed141e5 svg:hover {
  color: var(--color-accent-tertiary);
  stroke: none;
  fill: none;
}
.cd351c01d26b5 .cf835653676e7 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.cd351c01d26b5 .c3062c6fb993a {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.cd351c01d26b5 .cbdec1947d648 li a {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-foreground-third);
  border-color: transparent;
}
.cd351c01d26b5 .cbdec1947d648 li a:hover {
  color: var(--color-foreground-primary);
}
.cd351c01d26b5 .cbdec1947d648 li.ca999f2a86b33 a {
  color: var(--color-foreground-primary);
}

.c56c2284d7b0d {
  font-size: 0.875rem;
  font-weight: 400;
}

.c72df27ff00b3 {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.c1925dfc32f89 {
  background-color: var(--app-background);
  display: grid;
  grid-template-rows: 3rem 1fr;
  grid-template-columns: 2.5rem 18.75rem 1fr;
  height: 100vh;
}

.c23c59cc4c624 {
  display: flex;
  flex-direction: column;
  position: relative;
  grid-row: 1/span 2;
  padding: 1rem 1rem 0 0;
}

.c29db655f8c2f {
  flex: 1 0 0;
  margin-right: 1rem;
  overflow-y: auto;
  width: 100%;
  border-top: 1px solid var(--color-background-quaternary);
}
.c29db655f8c2f.cdbd7b394d307 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c29db655f8c2f.cdacdf29be90a {
  width: calc(100vw - 20rem);
  margin-right: 3.25rem;
}
.c29db655f8c2f.c76447545f622 {
  margin-top: 0.75rem;
}

.c25945512298e {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.c25945512298e a {
  color: var(--color-foreground-secondary);
}

.c5d39a7165828 {
  margin: 3rem auto 2rem auto;
  display: flex;
  max-width: 640px;
  width: 100%;
}
.c5d39a7165828.c3f68476dd457 {
  max-width: 32.5rem;
  justify-content: space-between;
  flex-direction: row;
}
.c5d39a7165828 h2 {
  margin-bottom: 1rem;
}
.c5d39a7165828 form {
  width: 510px;
}
.c5d39a7165828 form .c4e8c72c16eb3,
.c5d39a7165828 form .c8fc0224a7bcd {
  flex-direction: column-reverse;
}
.c5d39a7165828 form .c4e8c72c16eb3 label,
.c5d39a7165828 form .c8fc0224a7bcd label {
  position: relative;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
  margin-left: -0.25rem;
}
.c5d39a7165828 form .c4e8c72c16eb3 input,
.c5d39a7165828 form .c4e8c72c16eb3 select,
.c5d39a7165828 form .c8fc0224a7bcd input,
.c5d39a7165828 form .c8fc0224a7bcd select {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  color: var(--color-foreground-primary);
  padding: 0 1rem;
}
.c5d39a7165828 form .c4e8c72c16eb3 input:focus,
.c5d39a7165828 form .c4e8c72c16eb3 select:focus,
.c5d39a7165828 form .c8fc0224a7bcd input:focus,
.c5d39a7165828 form .c8fc0224a7bcd select:focus {
  outline: 1px solid var(--color-accent-primary);
}
.c5d39a7165828 form .c4e8c72c16eb3 input ::-moz-placeholder, .c5d39a7165828 form .c4e8c72c16eb3 select ::-moz-placeholder, .c5d39a7165828 form .c8fc0224a7bcd input ::-moz-placeholder, .c5d39a7165828 form .c8fc0224a7bcd select ::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.c5d39a7165828 form .c4e8c72c16eb3 input ::placeholder,
.c5d39a7165828 form .c4e8c72c16eb3 select ::placeholder,
.c5d39a7165828 form .c8fc0224a7bcd input ::placeholder,
.c5d39a7165828 form .c8fc0224a7bcd select ::placeholder {
  color: var(--color-foreground-secondary);
}
.c5d39a7165828 form .c4e8c72c16eb3 .c2a519845542d,
.c5d39a7165828 form .c8fc0224a7bcd .c2a519845542d {
  bottom: 0.75rem;
  top: auto;
}
.c5d39a7165828 form .c4e8c72c16eb3 .c2a519845542d svg,
.c5d39a7165828 form .c8fc0224a7bcd .c2a519845542d svg {
  fill: var(--color-foreground-secondary);
}
.c5d39a7165828 form .c4e8c72c16eb3.cafaf414a6efc input,
.c5d39a7165828 form .c8fc0224a7bcd.cafaf414a6efc input {
  background-color: var(--input-background-color-disabled);
  border-color: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
}
.c5d39a7165828 form .c4e8c72c16eb3 .cf3cbf43f67bd,
.c5d39a7165828 form .c8fc0224a7bcd .cf3cbf43f67bd {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  margin-top: 1.5rem;
}
.c5d39a7165828 form .c4e8c72c16eb3 .cf3cbf43f67bd .cb4b452d91f21 label,
.c5d39a7165828 form .c8fc0224a7bcd .cf3cbf43f67bd .cb4b452d91f21 label {
  position: absolute;
  top: calc(-1 * 1.5rem);
}
.c5d39a7165828 form .c4e8c72c16eb3 .cf3cbf43f67bd .cb4b452d91f21 span,
.c5d39a7165828 form .c8fc0224a7bcd .cf3cbf43f67bd .cb4b452d91f21 span {
  color: var(--color-foreground-primary);
}
.c5d39a7165828 form .c4e8c72c16eb3 .cf3cbf43f67bd:focus,
.c5d39a7165828 form .c8fc0224a7bcd .cf3cbf43f67bd:focus {
  border: 1px solid var(--color-accent-primary);
}
.c5d39a7165828 form .c4e8c72c16eb3 textarea,
.c5d39a7165828 form .c8fc0224a7bcd textarea {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.c5d39a7165828 form .c4e8c72c16eb3 textarea:focus,
.c5d39a7165828 form .c8fc0224a7bcd textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
.c5d39a7165828 form .c74601ccb5229 {
  color: var(--color-foreground-primary);
}
.c5d39a7165828 form .c74601ccb5229:not(:first-child) {
  margin-top: 4rem;
}
.c5d39a7165828 form .ca1a76ce61c0d {
  color: var(--color-foreground-secondary);
}
.c5d39a7165828 form button,
.c5d39a7165828 form .c72df27ff00b3 {
  width: 100%;
  font-size: 0.688rem;
  text-transform: uppercase;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}
.c5d39a7165828 form button:hover,
.c5d39a7165828 form .c72df27ff00b3:hover {
  color: var(--color-accent-primary);
  background-color: var(--color-background-quaternary);
}
.c5d39a7165828 form hr {
  display: none;
}
.c5d39a7165828 .c905058ec309d {
  margin-top: 0.75rem;
}

.c1d8ebccc365a {
  display: flex;
  flex-direction: column;
  max-width: 23rem;
  width: 100%;
}
.c1d8ebccc365a .c8b28356cce87 {
  border-bottom: 1px solid var(--color-foreground-secondary);
  border-top: 1px solid var(--color-foreground-secondary);
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.c1d8ebccc365a .c8b28356cce87 .c5a66c35d57ac {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.c1d8ebccc365a .c8b28356cce87 label {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-background-primary);
  font-size: 0.75rem;
  margin-right: calc(-1 * 1rem);
  margin-bottom: 0.75rem;
}
.c1d8ebccc365a .c8b28356cce87 .c2f83651552c5 {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.c1d8ebccc365a .c8b28356cce87 .ce38c4610bacd label {
  align-items: flex-start;
}

.c82b34311450b {
  display: flex;
  flex-direction: column;
  width: 7.5rem;
  min-width: 7.5rem;
}
.c82b34311450b img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 7.5rem;
  margin-right: 1rem;
  width: 7.5rem;
}
.c82b34311450b .ce203f061ec3c {
  position: relative;
  width: 7.5rem;
  height: 7.5rem;
}
.c82b34311450b .ce203f061ec3c .c4a6e121c14a3 {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  font-size: 1.5rem;
  color: var(--color-foreground-primary);
  line-height: 5;
  text-align: center;
  background: var(--color-accent-tertiary);
  z-index: 14;
}
.c82b34311450b .ce203f061ec3c input[type=file] {
  width: 7.5rem;
  height: 7.5rem;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 15;
}
.c82b34311450b .ce203f061ec3c:hover .c4a6e121c14a3 {
  opacity: 0.8;
}

.c52299921d08f h2,
.c5ed68a2f5b35 h2 {
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}
@keyframes c4b88fc519936 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cdd7e2a9f0545 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cdd7e2a9f0545:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cdd7e2a9f0545 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cdd7e2a9f0545 ::-webkit-scrollbar-track,
.cdd7e2a9f0545 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cdd7e2a9f0545 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cdd7e2a9f0545 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cdd7e2a9f0545 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cdd7e2a9f0545 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cdd7e2a9f0545 ::placeholder,
.cdd7e2a9f0545 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c3cbe6417fa9d, .c89258dceb324 button, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 button,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 button, .c2bc57d9aa2c2, .c098187b5fdb5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c3cbe6417fa9d svg, .c89258dceb324 button svg, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 button svg,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 button svg, .c2bc57d9aa2c2 svg, .c098187b5fdb5 svg,
.c3cbe6417fa9d span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c3cbe6417fa9d:focus-visible, .c89258dceb324 button:focus-visible, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 button:focus-visible,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 button:focus-visible, .c2bc57d9aa2c2:focus-visible, .c098187b5fdb5:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c3cbe6417fa9d:focus-visible svg, .c89258dceb324 button:focus-visible svg, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 button:focus-visible svg,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 button:focus-visible svg, .c2bc57d9aa2c2:focus-visible svg, .c098187b5fdb5:focus-visible svg,
.c3cbe6417fa9d:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c3cbe6417fa9d:hover, .c89258dceb324 button:hover, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 button:hover,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 button:hover, .c2bc57d9aa2c2:hover, .c098187b5fdb5:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c3cbe6417fa9d:hover svg, .c89258dceb324 button:hover svg, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 button:hover svg,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 button:hover svg, .c2bc57d9aa2c2:hover svg, .c098187b5fdb5:hover svg,
.c3cbe6417fa9d:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c3cbe6417fa9d:active, .c89258dceb324 button:active, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 button:active,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 button:active, .c2bc57d9aa2c2:active, .c098187b5fdb5:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c3cbe6417fa9d:active svg, .c89258dceb324 button:active svg, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 button:active svg,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 button:active svg, .c2bc57d9aa2c2:active svg, .c098187b5fdb5:active svg,
.c3cbe6417fa9d:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c3cbe6417fa9d.disabled, .c89258dceb324 button.disabled, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 button.disabled,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 button.disabled, .c2bc57d9aa2c2.disabled, .c098187b5fdb5.disabled, .c3cbe6417fa9d[disabled], .c89258dceb324 button[disabled], .c94e883eaa96d .c5fd06b659385 .c89258dceb324 button[disabled],
.c94e883eaa96d .cba448a49b762 .c89258dceb324 button[disabled], [disabled].c2bc57d9aa2c2, [disabled].c098187b5fdb5, .c3cbe6417fa9d:disabled, .c89258dceb324 button:disabled, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 button:disabled,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 button:disabled, .c2bc57d9aa2c2:disabled, .c098187b5fdb5:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1bfec03acec4, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 .c575d91193e78,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 .c575d91193e78, .cb7eb7bc4e3ae {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c1bfec03acec4 svg, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 .c575d91193e78 svg,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 .c575d91193e78 svg, .cb7eb7bc4e3ae svg,
.c1bfec03acec4 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c1bfec03acec4:focus-visible, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 .c575d91193e78:focus-visible,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 .c575d91193e78:focus-visible, .cb7eb7bc4e3ae:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c1bfec03acec4:focus-visible svg, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 .c575d91193e78:focus-visible svg,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 .c575d91193e78:focus-visible svg, .cb7eb7bc4e3ae:focus-visible svg,
.c1bfec03acec4:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c1bfec03acec4:hover, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 .c575d91193e78:hover,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 .c575d91193e78:hover, .cb7eb7bc4e3ae:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c1bfec03acec4:hover svg, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 .c575d91193e78:hover svg,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 .c575d91193e78:hover svg, .cb7eb7bc4e3ae:hover svg,
.c1bfec03acec4:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c1bfec03acec4:active, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 .c575d91193e78:active,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 .c575d91193e78:active, .cb7eb7bc4e3ae:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c1bfec03acec4:active svg, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 .c575d91193e78:active svg,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 .c575d91193e78:active svg, .cb7eb7bc4e3ae:active svg,
.c1bfec03acec4:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c1bfec03acec4.disabled, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 .c575d91193e78.disabled,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 .c575d91193e78.disabled, .cb7eb7bc4e3ae.disabled, .c1bfec03acec4[disabled], .c94e883eaa96d .c5fd06b659385 .c89258dceb324 [disabled].c575d91193e78,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 [disabled].c575d91193e78, [disabled].cb7eb7bc4e3ae, .c1bfec03acec4:disabled, .c94e883eaa96d .c5fd06b659385 .c89258dceb324 .c575d91193e78:disabled,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 .c575d91193e78:disabled, .cb7eb7bc4e3ae:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca348a8b72778 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ca348a8b72778 svg,
.ca348a8b72778 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ca348a8b72778:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca348a8b72778:focus-visible svg,
.ca348a8b72778:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca348a8b72778:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ca348a8b72778:hover svg,
.ca348a8b72778:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ca348a8b72778:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ca348a8b72778:active svg,
.ca348a8b72778:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ca348a8b72778.disabled, .ca348a8b72778[disabled], .ca348a8b72778:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfa4129c0776f, .c1c936144cf39 button, .cf42219096c35 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cfa4129c0776f svg, .c1c936144cf39 button svg, .cf42219096c35 svg,
.cfa4129c0776f span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cfa4129c0776f:focus-visible, .c1c936144cf39 button:focus-visible, .cf42219096c35:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cfa4129c0776f:focus-visible svg, .c1c936144cf39 button:focus-visible svg, .cf42219096c35:focus-visible svg,
.cfa4129c0776f:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cfa4129c0776f:hover, .c1c936144cf39 button:hover, .cf42219096c35:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cfa4129c0776f:hover svg, .c1c936144cf39 button:hover svg, .cf42219096c35:hover svg,
.cfa4129c0776f:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cfa4129c0776f:active, .c1c936144cf39 button:active, .cf42219096c35:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cfa4129c0776f:active svg, .c1c936144cf39 button:active svg, .cf42219096c35:active svg,
.cfa4129c0776f:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cfa4129c0776f.disabled, .c1c936144cf39 button.disabled, .cf42219096c35.disabled, .cfa4129c0776f[disabled], .c1c936144cf39 button[disabled], [disabled].cf42219096c35, .cfa4129c0776f:disabled, .c1c936144cf39 button:disabled, .cf42219096c35:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cfa4129c0776f.disabled svg, .c1c936144cf39 button.disabled svg, .cf42219096c35.disabled svg,
.cfa4129c0776f.disabled span svg, .cfa4129c0776f[disabled] svg, .c1c936144cf39 button[disabled] svg, [disabled].cf42219096c35 svg,
.cfa4129c0776f[disabled] span svg, .cfa4129c0776f:disabled svg, .c1c936144cf39 button:disabled svg, .cf42219096c35:disabled svg,
.cfa4129c0776f:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c6d9c2f469da4 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c6d9c2f469da4 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ca45c149a7adf {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ca45c149a7adf svg,
.ca45c149a7adf span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ca45c149a7adf:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ca45c149a7adf:focus-visible svg,
.ca45c149a7adf:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ca45c149a7adf:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ca45c149a7adf:hover svg,
.ca45c149a7adf:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ca45c149a7adf:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ca45c149a7adf:active svg,
.ca45c149a7adf:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c0a020d03115b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cfe703e13862a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca8fa7de98649 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ca8fa7de98649:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ca8fa7de98649:focus-visible svg,
.ca8fa7de98649:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ca8fa7de98649:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ca8fa7de98649:active {
  border: none;
  background-color: transparent;
}

.c64af74dc3a6c, .cf42219096c35 svg, .c739830ff9d97, .c20d1f5153d88 span svg, .c1c936144cf39 button svg, .c18753b07efae.intermediate svg, .cee17f1745437 label span.intermediate svg, .c18753b07efae.checked svg, .cee17f1745437 label span.checked svg, .ca9247ce0b4f2 span svg,
.ca9247ce0b4f2 label svg, .ca968d90cc79a svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c5491413df5e4 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c5491413df5e4:hover {
  fill: none;
  stroke: none;
}

.c739830ff9d97, .c20d1f5153d88 span svg, .c1c936144cf39 button svg, .c18753b07efae.intermediate svg, .cee17f1745437 label span.intermediate svg, .c18753b07efae.checked svg, .cee17f1745437 label span.checked svg, .ca9247ce0b4f2 span svg,
.ca9247ce0b4f2 label svg, .ca968d90cc79a svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c9eb77897eb30 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c9eb77897eb30:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c3cf1e5121267, .c5a4cf15569fc input, .c6ead1a8038fc input, .ca9247ce0b4f2 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c3cf1e5121267, .c5a4cf15569fc input, .c6ead1a8038fc input, .ca9247ce0b4f2 input {
    height: 23px;
  }
}
.c3cf1e5121267, .c5a4cf15569fc input, .c6ead1a8038fc input, .ca9247ce0b4f2 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c3cf1e5121267[disabled], .c5a4cf15569fc input[disabled], .c6ead1a8038fc input[disabled], .ca9247ce0b4f2 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ca968d90cc79a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c0d373c8283e5, .ca9247ce0b4f2 span,
.ca9247ce0b4f2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c0d373c8283e5, .ca9247ce0b4f2 span,
  .ca9247ce0b4f2 label {
    height: 25px;
  }
}
.c0d373c8283e5, .ca9247ce0b4f2 span,
.ca9247ce0b4f2 label {
  color: var(--input-foreground-color);
}

.ca9247ce0b4f2 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca9247ce0b4f2 {
    height: 25px;
    font-size: 10px;
  }
}
.ca9247ce0b4f2 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ca9247ce0b4f2 span svg,
.ca9247ce0b4f2 label svg {
  color: var(--input-foreground-color);
}
.ca9247ce0b4f2 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ca9247ce0b4f2 ::placeholder {
  color: var(--input-placeholder-color);
}
.ca9247ce0b4f2:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ca9247ce0b4f2:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ca9247ce0b4f2:hover span {
  color: var(--input-foreground-color-hover);
}
.ca9247ce0b4f2:hover input {
  color: var(--input-foreground-color-hover);
}
.ca9247ce0b4f2:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ca9247ce0b4f2:active span {
  color: var(--input-foreground-color-active);
}
.ca9247ce0b4f2:active input {
  color: var(--input-foreground-color-active);
}
.ca9247ce0b4f2:focus, .ca9247ce0b4f2:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca9247ce0b4f2:focus span, .ca9247ce0b4f2:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ca9247ce0b4f2:focus input, .ca9247ce0b4f2:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ca9247ce0b4f2:focus:hover, .ca9247ce0b4f2:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca9247ce0b4f2:focus:hover span, .ca9247ce0b4f2:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ca9247ce0b4f2:focus:hover input, .ca9247ce0b4f2:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c6ead1a8038fc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c6ead1a8038fc input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c6ead1a8038fc ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c6ead1a8038fc ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c6ead1a8038fc:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c6ead1a8038fc:focus-within input, .c6ead1a8038fc:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c187f14ff5ac8, .c5a4cf15569fc.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c187f14ff5ac8 input, .c5a4cf15569fc.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c187f14ff5ac8 span svg, .c5a4cf15569fc.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c18753b07efae, .cee17f1745437 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c18753b07efae svg, .cee17f1745437 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c18753b07efae:hover, .cee17f1745437 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c18753b07efae:focus, .cee17f1745437 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c18753b07efae.checked, .cee17f1745437 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c18753b07efae.checked svg, .cee17f1745437 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c18753b07efae.intermediate, .cee17f1745437 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c18753b07efae.intermediate svg, .cee17f1745437 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c18753b07efae.unchecked, .cee17f1745437 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c18753b07efae.unchecked svg, .cee17f1745437 label span.unchecked svg {
  display: none;
}

.cee17f1745437 {
  display: flex;
  align-items: center;
}
.cee17f1745437 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cee17f1745437 label input {
  margin: 0;
}
.cee17f1745437 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cee17f1745437 label:focus span, .cee17f1745437 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c5a4cf15569fc {
  display: flex;
  flex-direction: column;
}
.c5a4cf15569fc label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c5a4cf15569fc input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c5a4cf15569fc input:focus-within input, .c5a4cf15569fc input:active input {
  color: var(--input-foreground-color-active);
}
.c5a4cf15569fc input:focus-within, .c5a4cf15569fc input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c5a4cf15569fc.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c1fdbd89467ba {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cb9f12cad23e0 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ce07d8bcfc3b3 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cf42219096c35 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.caabc9bde440e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cfcc10db3ca13 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cb7eb7bc4e3ae {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c098187b5fdb5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c2bc57d9aa2c2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cd9fb395de1e5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cd9fb395de1e5:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cac6d0d4b411a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cd9eb5c0eb3da {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cbe2ea700d54f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ccb490b8620a0 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cf10fd9aa0ca0 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cf10fd9aa0ca0:hover, .cf10fd9aa0ca0:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c1c936144cf39 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c1c936144cf39 button {
  display: none;
}
.c1c936144cf39 button svg {
  stroke: var(--icon-foreground);
}
.c1c936144cf39:hover button {
  display: flex;
}

.cc090c53851b5 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cc090c53851b5 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cc090c53851b5 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c77c29609e4f9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c77c29609e4f9:hover div {
  color: var(--entry-foreground-color-hover);
}

.cd29af436ebe7 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c8b124a0f33a6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c8b124a0f33a6:hover {
  background-color: var(--menu-background-color-hover);
}

.c20d1f5153d88 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c20d1f5153d88 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c20d1f5153d88 span svg {
  stroke: var(--icon-foreground);
}
.c20d1f5153d88:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c20d1f5153d88:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c128f8d60632e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c1b574c48802d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c09083ce05a9c,
.c33e1a060126b {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c05d6af012b94 .c09083ce05a9c,
.c05d6af012b94 .c33e1a060126b {
  transform: scale(1);
}

.c0de5771e8de3 .c09083ce05a9c,
.c0de5771e8de3 .c33e1a060126b {
  transform: scale(0);
}

.c4773c4dab5f0 {
  width: 100%;
  height: 100%;
  background-color: var(--color-background-primary);
}

.c539729dc9e00 {
  color: var(--color-foreground-secondary);
  padding: 1.5rem 2rem;
  position: fixed;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
}

.c929c0fbe1923 svg {
  width: 40px;
  height: auto;
}

.ca9cd519dcf49 svg {
  width: 745px;
  height: 132px;
}

.c79e94d2e8048 {
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.c79e94d2e8048 .ccec9871d6252 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  text-align: center;
  width: 40rem;
}

.c01ccd5dc8597 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.5rem;
  font-size: 40px;
  margin-top: 30px;
  color: var(--color-foreground-primary);
}

.cc0fa1ccd4fb1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.5rem;
  font-size: 24px;
  color: var(--color-foreground-primary);
}

.c9c16fd3386cb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.5rem;
  color: var(--color-foreground-primary);
  margin-block-end: 0;
}

.c93d8de00f556 {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-primary);
  text-transform: lowercase;
  margin-top: 15px;
}

.c89258dceb324 {
  text-align: center;
}
.c89258dceb324 button {
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  font-size: 0.688rem;
}

.c624e9a119f57 svg {
  fill: var(--color-foreground-primary);
}

.c3d5de4fe047f {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  background-color: var(--color-canvas);
  position: relative;
}
.c3d5de4fe047f .c9597c59f55b3,
.c3d5de4fe047f .c748373e427ae {
  height: 100%;
  background-color: var(--panel-background-color);
}
.c3d5de4fe047f .c9597c59f55b3 {
  width: var(--left-sidebar-width);
  border-right: 1px solid var(--color-border-secondary);
}
.c3d5de4fe047f .c748373e427ae {
  width: var(--right-sidebar-width);
}
.c3d5de4fe047f .c81dd0b756754 {
  display: flex;
  align-items: center;
  padding: 1.0625rem 1.625rem 1.1875rem 1.5625rem;
  height: 3.875rem;
}
.c3d5de4fe047f .c68821d757fa1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 2.5rem;
  margin-right: 0.25rem;
}
.c3d5de4fe047f .c68821d757fa1 svg {
  width: 3rem;
  height: 2.5rem;
  fill: var(--icon-foreground-hover);
}
.c3d5de4fe047f .c525a3cb836fc {
  display: flex;
  align-items: end;
  flex-grow: 1;
  padding-left: 1.1875rem;
  padding-bottom: 1px;
  height: 1.625rem;
  max-width: calc(100% - 4rem);
}
.c3d5de4fe047f .cbde16efcb200 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  width: 100%;
  padding-bottom: 0.125rem;
  text-transform: none;
  color: var(--color-accent-primary);
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 19px;
}
.c3d5de4fe047f .c9706f7d99654 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1680px) {
  .c3d5de4fe047f .c81dd0b756754 {
    padding-inline-start: 14px;
    padding-inline-end: 16px;
  }
  .c3d5de4fe047f .c68821d757fa1 {
    width: 37px;
    height: 31px;
  }
  .c3d5de4fe047f .c68821d757fa1 svg {
    width: 37px;
    height: 31px;
  }
  .c3d5de4fe047f .c525a3cb836fc {
    padding-left: 10px;
  }
  .c3d5de4fe047f .cbde16efcb200 {
    font-size: 14px;
  }
}

.cd3db790a26c0 {
  width: 100%;
  height: 100%;
}
.cd3db790a26c0 .c48533ddb59ba {
  width: 25rem;
  height: 100%;
}

.c3dabc629550b {
  transform: rotate(180deg);
}

.caf950824a534 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-left: 0.75rem;
  font-size: 0.875rem;
}

.cc4c9d37d3f1b {
  width: 100%;
  height: 100%;
}

.c94e883eaa96d {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.65);
  display: flex;
  justify-content: center;
  align-items: center;
}
.c94e883eaa96d .c5fd06b659385,
.c94e883eaa96d .cba448a49b762 {
  width: 556px;
  background-color: var(--color-background-primary);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-content: stretch;
  padding: 2.25rem;
  color: var(--modal-text-foreground-color);
}
.c94e883eaa96d .c5fd06b659385 .c913987156ec1,
.c94e883eaa96d .cba448a49b762 .c913987156ec1 {
  text-align: right;
}
.c94e883eaa96d .c5fd06b659385 .c913987156ec1 .c564803bb9c31,
.c94e883eaa96d .cba448a49b762 .c913987156ec1 .c564803bb9c31 {
  background: none;
  border: none;
  cursor: pointer;
}
.c94e883eaa96d .c5fd06b659385 .c913987156ec1 .c564803bb9c31 svg,
.c94e883eaa96d .cba448a49b762 .c913987156ec1 .c564803bb9c31 svg {
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--modal-text-foreground-color);
}
.c94e883eaa96d .c5fd06b659385 .c286cd810075f,
.c94e883eaa96d .cba448a49b762 .c286cd810075f {
  font-size: 1.25rem;
}
.c94e883eaa96d .c5fd06b659385 .c89258dceb324,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}
.c94e883eaa96d .c5fd06b659385 .c89258dceb324 button,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 button {
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  font-size: 0.688rem;
}
.c94e883eaa96d .c5fd06b659385 .c89258dceb324 .c575d91193e78,
.c94e883eaa96d .cba448a49b762 .c89258dceb324 .c575d91193e78 {
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  font-size: 0.688rem;
  margin-right: 1rem;
}
.c94e883eaa96d .c5fd06b659385 {
  gap: 0.75rem;
}
.c94e883eaa96d .cba448a49b762 {
  font-family: var(--contrast-font-body);
}
.c94e883eaa96d .c5465a78f8cc8 {
  gap: 0;
  padding: 0 2.25rem 2.25rem 2.25rem;
}
.c94e883eaa96d .c5465a78f8cc8 .ca9da386f7913 {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.c94e883eaa96d .c5465a78f8cc8 .ca9da386f7913 svg {
  width: 220px;
  height: 39px;
}
.c94e883eaa96d .c5465a78f8cc8 .c8c1e57b64044 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.5rem;
  font-size: 1.5rem;
  color: var(--title-foreground-color-hover);
  margin-bottom: 0.25rem;
}
.c94e883eaa96d .c5465a78f8cc8 .cd05fece15748 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  font-size: 0.875rem;
  color: var(--title-foreground-color);
  margin-bottom: 1.5rem;
}
.c94e883eaa96d .c5465a78f8cc8 .c93b21f78ee73 {
  width: 100%;
  text-align: center;
}
.c94e883eaa96d .c5465a78f8cc8 .c93b21f78ee73 a {
  color: var(--link-foreground-color);
}
.c94e883eaa96d .c5465a78f8cc8 hr {
  margin: 1.25rem 0;
  border-top: solid 1px var(--modal-separator-background-color);
}
.c94e883eaa96d .c5465a78f8cc8 .cdce26eda8214 {
  margin: 1.25rem 0;
}
.c94e883eaa96d .c5465a78f8cc8 form div {
  margin-bottom: 0.5rem;
}

.c05108fe994ca {
  width: 100%;
  background-color: var(--color-background-error);
}

.c2c577203e4b0 {
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  margin-top: 30px;
}
.c2c577203e4b0 .c12dd0bd957d0 {
  padding: 0 28px 0 28px;
  margin-inline-start: var(--sp-xxl);
  border-radius: 30px;
  background-color: #69B29F;
  border-color: #69B29F;
  color: var(--color-background-primary);
}
.c2c577203e4b0 .c12dd0bd957d0:hover {
  background-color: var(--color-accent-primary);
}
.c2c577203e4b0 .c12dd0bd957d0:only-child {
  margin-inline-start: 0;
}
.c2c577203e4b0 .c79f787b6c68e {
  padding: 0 28px 0 28px;
  border-radius: 30px;
  background-color: #D7D7D7;
  border-color: #D7D7D7;
  color: var(--color-background-primary);
}
.c2c577203e4b0 .c79f787b6c68e:hover {
  background-color: var(--color-accent-primary);
}
@keyframes c3d6d6025ffb5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ca29e1df3bad0, .c0c4ec4db9d9d {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ca29e1df3bad0:hover, .c0c4ec4db9d9d:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ca29e1df3bad0 ::-webkit-scrollbar, .c0c4ec4db9d9d ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ca29e1df3bad0 ::-webkit-scrollbar-track, .c0c4ec4db9d9d ::-webkit-scrollbar-track,
.ca29e1df3bad0 ::-webkit-scrollbar-corner,
.c0c4ec4db9d9d ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ca29e1df3bad0 ::-webkit-scrollbar-thumb, .c0c4ec4db9d9d ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ca29e1df3bad0 ::-webkit-scrollbar-thumb:hover, .c0c4ec4db9d9d ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ca29e1df3bad0 ::-moz-selection, .c0c4ec4db9d9d ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca29e1df3bad0 ::selection, .c0c4ec4db9d9d ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca29e1df3bad0 ::placeholder, .c0c4ec4db9d9d ::placeholder,
.ca29e1df3bad0 ::-webkit-input-placeholder,
.c0c4ec4db9d9d ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c03502047784e, .c86c4bbf722b6, .c5695c33e3f0c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c03502047784e svg, .c86c4bbf722b6 svg, .c5695c33e3f0c svg,
.c03502047784e span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c03502047784e:focus-visible, .c86c4bbf722b6:focus-visible, .c5695c33e3f0c:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c03502047784e:focus-visible svg, .c86c4bbf722b6:focus-visible svg, .c5695c33e3f0c:focus-visible svg,
.c03502047784e:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c03502047784e:hover, .c86c4bbf722b6:hover, .c5695c33e3f0c:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c03502047784e:hover svg, .c86c4bbf722b6:hover svg, .c5695c33e3f0c:hover svg,
.c03502047784e:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c03502047784e:active, .c86c4bbf722b6:active, .c5695c33e3f0c:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c03502047784e:active svg, .c86c4bbf722b6:active svg, .c5695c33e3f0c:active svg,
.c03502047784e:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c03502047784e.disabled, .c86c4bbf722b6.disabled, .c5695c33e3f0c.disabled, .c03502047784e[disabled], [disabled].c86c4bbf722b6, [disabled].c5695c33e3f0c, .c03502047784e:disabled, .c86c4bbf722b6:disabled, .c5695c33e3f0c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3a19a587e0c2, .c2abb658d70a6,
.c41da4f3489e2, .c32da8b1fd756, .cdd1d309a346f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c3a19a587e0c2 svg, .c2abb658d70a6 svg,
.c41da4f3489e2 svg, .c32da8b1fd756 svg, .cdd1d309a346f svg,
.c3a19a587e0c2 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c3a19a587e0c2:focus-visible, .c2abb658d70a6:focus-visible,
.c41da4f3489e2:focus-visible, .c32da8b1fd756:focus-visible, .cdd1d309a346f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c3a19a587e0c2:focus-visible svg, .c2abb658d70a6:focus-visible svg,
.c41da4f3489e2:focus-visible svg, .c32da8b1fd756:focus-visible svg, .cdd1d309a346f:focus-visible svg,
.c3a19a587e0c2:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c3a19a587e0c2:hover, .c2abb658d70a6:hover,
.c41da4f3489e2:hover, .c32da8b1fd756:hover, .cdd1d309a346f:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c3a19a587e0c2:hover svg, .c2abb658d70a6:hover svg,
.c41da4f3489e2:hover svg, .c32da8b1fd756:hover svg, .cdd1d309a346f:hover svg,
.c3a19a587e0c2:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c3a19a587e0c2:active, .c2abb658d70a6:active,
.c41da4f3489e2:active, .c32da8b1fd756:active, .cdd1d309a346f:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c3a19a587e0c2:active svg, .c2abb658d70a6:active svg,
.c41da4f3489e2:active svg, .c32da8b1fd756:active svg, .cdd1d309a346f:active svg,
.c3a19a587e0c2:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c3a19a587e0c2.disabled, .c2abb658d70a6.disabled,
.c41da4f3489e2.disabled, .c32da8b1fd756.disabled, .cdd1d309a346f.disabled, .c3a19a587e0c2[disabled], [disabled].c2abb658d70a6,
[disabled].c41da4f3489e2, [disabled].c32da8b1fd756, [disabled].cdd1d309a346f, .c3a19a587e0c2:disabled, .c2abb658d70a6:disabled,
.c41da4f3489e2:disabled, .c32da8b1fd756:disabled, .cdd1d309a346f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9a50bf9518aa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c9a50bf9518aa svg,
.c9a50bf9518aa span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c9a50bf9518aa:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c9a50bf9518aa:focus-visible svg,
.c9a50bf9518aa:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c9a50bf9518aa:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c9a50bf9518aa:hover svg,
.c9a50bf9518aa:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c9a50bf9518aa:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c9a50bf9518aa:active svg,
.c9a50bf9518aa:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c9a50bf9518aa.disabled, .c9a50bf9518aa[disabled], .c9a50bf9518aa:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c986beab83ae9, .c7b341ca0a1ad button, .c6fc23aa7afaf {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c986beab83ae9 svg, .c7b341ca0a1ad button svg, .c6fc23aa7afaf svg,
.c986beab83ae9 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c986beab83ae9:focus-visible, .c7b341ca0a1ad button:focus-visible, .c6fc23aa7afaf:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c986beab83ae9:focus-visible svg, .c7b341ca0a1ad button:focus-visible svg, .c6fc23aa7afaf:focus-visible svg,
.c986beab83ae9:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c986beab83ae9:hover, .c7b341ca0a1ad button:hover, .c6fc23aa7afaf:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c986beab83ae9:hover svg, .c7b341ca0a1ad button:hover svg, .c6fc23aa7afaf:hover svg,
.c986beab83ae9:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c986beab83ae9:active, .c7b341ca0a1ad button:active, .c6fc23aa7afaf:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c986beab83ae9:active svg, .c7b341ca0a1ad button:active svg, .c6fc23aa7afaf:active svg,
.c986beab83ae9:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c986beab83ae9.disabled, .c7b341ca0a1ad button.disabled, .c6fc23aa7afaf.disabled, .c986beab83ae9[disabled], .c7b341ca0a1ad button[disabled], [disabled].c6fc23aa7afaf, .c986beab83ae9:disabled, .c7b341ca0a1ad button:disabled, .c6fc23aa7afaf:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c986beab83ae9.disabled svg, .c7b341ca0a1ad button.disabled svg, .c6fc23aa7afaf.disabled svg,
.c986beab83ae9.disabled span svg, .c986beab83ae9[disabled] svg, .c7b341ca0a1ad button[disabled] svg, [disabled].c6fc23aa7afaf svg,
.c986beab83ae9[disabled] span svg, .c986beab83ae9:disabled svg, .c7b341ca0a1ad button:disabled svg, .c6fc23aa7afaf:disabled svg,
.c986beab83ae9:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c0ec0781f7c17 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c0ec0781f7c17 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c5228aacff024 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c5228aacff024 svg,
.c5228aacff024 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c5228aacff024:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c5228aacff024:focus-visible svg,
.c5228aacff024:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c5228aacff024:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c5228aacff024:hover svg,
.c5228aacff024:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c5228aacff024:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c5228aacff024:active svg,
.c5228aacff024:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cfac1b94b8273 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7005de1ebe44 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1791eb7b3ef4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c1791eb7b3ef4:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c1791eb7b3ef4:focus-visible svg,
.c1791eb7b3ef4:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c1791eb7b3ef4:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c1791eb7b3ef4:active {
  border: none;
  background-color: transparent;
}

.ca4155523a758, .c2abb658d70a6 svg,
.c41da4f3489e2 svg, .c32da8b1fd756 svg, .c6fc23aa7afaf svg, .c99b66fb041ee, .c1dd81dcd0672 span svg, .c7b341ca0a1ad button svg, .c5c90aba358ab.intermediate svg, .ceac26ead9598 label span.intermediate svg, .c5c90aba358ab.checked svg, .ceac26ead9598 label span.checked svg, .c6befd3ff7eb7 span svg,
.c6befd3ff7eb7 label svg, .c47030b9ef0e4 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cd6877c8ea9d9 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cd6877c8ea9d9:hover {
  fill: none;
  stroke: none;
}

.c99b66fb041ee, .c1dd81dcd0672 span svg, .c7b341ca0a1ad button svg, .c5c90aba358ab.intermediate svg, .ceac26ead9598 label span.intermediate svg, .c5c90aba358ab.checked svg, .ceac26ead9598 label span.checked svg, .c6befd3ff7eb7 span svg,
.c6befd3ff7eb7 label svg, .c47030b9ef0e4 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ca96023bf38f2 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ca96023bf38f2:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c697e9bfa0e29, .c62f7556cd8a1 input, .ccce3a008e108 input, .c6befd3ff7eb7 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c697e9bfa0e29, .c62f7556cd8a1 input, .ccce3a008e108 input, .c6befd3ff7eb7 input {
    height: 23px;
  }
}
.c697e9bfa0e29, .c62f7556cd8a1 input, .ccce3a008e108 input, .c6befd3ff7eb7 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c697e9bfa0e29[disabled], .c62f7556cd8a1 input[disabled], .ccce3a008e108 input[disabled], .c6befd3ff7eb7 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c47030b9ef0e4 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c75fa747c16a5, .c6befd3ff7eb7 span,
.c6befd3ff7eb7 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c75fa747c16a5, .c6befd3ff7eb7 span,
  .c6befd3ff7eb7 label {
    height: 25px;
  }
}
.c75fa747c16a5, .c6befd3ff7eb7 span,
.c6befd3ff7eb7 label {
  color: var(--input-foreground-color);
}

.c6befd3ff7eb7 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6befd3ff7eb7 {
    height: 25px;
    font-size: 10px;
  }
}
.c6befd3ff7eb7 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c6befd3ff7eb7 span svg,
.c6befd3ff7eb7 label svg {
  color: var(--input-foreground-color);
}
.c6befd3ff7eb7 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c6befd3ff7eb7 ::placeholder {
  color: var(--input-placeholder-color);
}
.c6befd3ff7eb7:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c6befd3ff7eb7:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c6befd3ff7eb7:hover span {
  color: var(--input-foreground-color-hover);
}
.c6befd3ff7eb7:hover input {
  color: var(--input-foreground-color-hover);
}
.c6befd3ff7eb7:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c6befd3ff7eb7:active span {
  color: var(--input-foreground-color-active);
}
.c6befd3ff7eb7:active input {
  color: var(--input-foreground-color-active);
}
.c6befd3ff7eb7:focus, .c6befd3ff7eb7:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6befd3ff7eb7:focus span, .c6befd3ff7eb7:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c6befd3ff7eb7:focus input, .c6befd3ff7eb7:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c6befd3ff7eb7:focus:hover, .c6befd3ff7eb7:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6befd3ff7eb7:focus:hover span, .c6befd3ff7eb7:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c6befd3ff7eb7:focus:hover input, .c6befd3ff7eb7:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ccce3a008e108 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ccce3a008e108 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ccce3a008e108 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ccce3a008e108 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ccce3a008e108:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ccce3a008e108:focus-within input, .ccce3a008e108:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c3568a769143d, .c62f7556cd8a1.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c3568a769143d input, .c62f7556cd8a1.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c3568a769143d span svg, .c62f7556cd8a1.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c5c90aba358ab, .ceac26ead9598 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c5c90aba358ab svg, .ceac26ead9598 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c5c90aba358ab:hover, .ceac26ead9598 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5c90aba358ab:focus, .ceac26ead9598 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c5c90aba358ab.checked, .ceac26ead9598 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c5c90aba358ab.checked svg, .ceac26ead9598 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c5c90aba358ab.intermediate, .ceac26ead9598 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c5c90aba358ab.intermediate svg, .ceac26ead9598 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c5c90aba358ab.unchecked, .ceac26ead9598 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c5c90aba358ab.unchecked svg, .ceac26ead9598 label span.unchecked svg {
  display: none;
}

.ceac26ead9598 {
  display: flex;
  align-items: center;
}
.ceac26ead9598 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ceac26ead9598 label input {
  margin: 0;
}
.ceac26ead9598 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ceac26ead9598 label:focus span, .ceac26ead9598 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c62f7556cd8a1 {
  display: flex;
  flex-direction: column;
}
.c62f7556cd8a1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c62f7556cd8a1 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c62f7556cd8a1 input:focus-within input, .c62f7556cd8a1 input:active input {
  color: var(--input-foreground-color-active);
}
.c62f7556cd8a1 input:focus-within, .c62f7556cd8a1 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c62f7556cd8a1.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c14a12ba6acd1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c3803575c911f {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c19d93f0e933c {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c6fc23aa7afaf {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cd979e8a16575 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c9af76a0abab6 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cdd1d309a346f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c5695c33e3f0c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c86c4bbf722b6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c1b3fa1fa6d0b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c1b3fa1fa6d0b:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c7ecc5c04b286 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c8f43d4c6cb72 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c0cc3f49e48e6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c573e8d8049f1 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c69716af76b36 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c69716af76b36:hover, .c69716af76b36:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c7b341ca0a1ad div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c7b341ca0a1ad button {
  display: none;
}
.c7b341ca0a1ad button svg {
  stroke: var(--icon-foreground);
}
.c7b341ca0a1ad:hover button {
  display: flex;
}

.ce299e71c83f5 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ce299e71c83f5 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ce299e71c83f5 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c891a1702b131 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c891a1702b131:hover div {
  color: var(--entry-foreground-color-hover);
}

.ca05717a8546b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c5b280584bed6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c5b280584bed6:hover {
  background-color: var(--menu-background-color-hover);
}

.c1dd81dcd0672 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c1dd81dcd0672 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c1dd81dcd0672 span svg {
  stroke: var(--icon-foreground);
}
.c1dd81dcd0672:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c1dd81dcd0672:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c5dd46d936f31 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c3c434f7b7a22 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c39eb5d11a68f,
.cce96d8b57d42 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cfcf1f7ba6770 .c39eb5d11a68f,
.cfcf1f7ba6770 .cce96d8b57d42 {
  transform: scale(1);
}

.c8492c8c6b3bb .c39eb5d11a68f,
.c8492c8c6b3bb .cce96d8b57d42 {
  transform: scale(0);
}

.cbe6f438c105b {
  height: 100vh;
  display: grid;
  grid-template-rows: 4.25rem auto;
  grid-template-columns: 1fr;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.c2d190a5ba74b {
  overflow: hidden;
  grid-row: 2/span 1;
  display: grid;
  grid-template-rows: 15.75rem auto;
  grid-template-columns: 1fr;
  background-color: var(--viewer-background-color);
}

.c39d68f9c9502 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--empty-message-foreground-color);
  display: grid;
  place-items: center;
  height: 100%;
  width: 100%;
}

.cddfde634c8b8 {
  grid-row: 1/span 1;
}

.ced6844e5dae2 {
  display: grid;
  grid-template-rows: 4.25rem auto;
  grid-template-columns: 1fr;
  height: 100vh;
  margin-top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ca9e337a4de91 {
  border: none;
  background: none;
  cursor: pointer;
  grid-row: 1/span 2;
  grid-column: 1/span 1;
  z-index: 10;
  background-color: var(--overlay-color);
}

.ca9e337a4de91.cdbb7edfc1b16 {
  display: none;
}

.c0c4ec4db9d9d {
  grid-row: 1/span 2;
  grid-column: 1/span 1;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  height: calc(100vh - 4.25rem);
  flex-flow: wrap;
  overflow: auto;
}

.ced6844e5dae2 .c0c4ec4db9d9d {
  flex-wrap: nowrap;
  margin-top: 0;
  height: 100%;
  overflow: hidden;
}

.c2abb658d70a6,
.c41da4f3489e2 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0.5rem;
  height: 4rem;
  width: 2rem;
  top: calc(50vh - 2rem);
  z-index: 2;
  background-color: var(--viewer-controls-background-color);
  transition: transform 400ms ease 300ms;
}
.c2abb658d70a6 svg,
.c41da4f3489e2 svg {
  stroke: none;
}

.c41da4f3489e2.cb833377fa6c2 {
  right: 17.5rem;
}

.c2abb658d70a6 {
  left: 0.5rem;
  right: unset;
}
.c2abb658d70a6 svg {
  transform: rotate(180deg);
}

.c844b36b79e36 {
  position: fixed;
  bottom: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  height: 2.5rem;
  padding-right: 0 0.5rem 2.5rem 0.5rem;
  transition: transform 400ms ease 300ms;
  z-index: 2;
  pointer-events: none;
}

.c32da8b1fd756 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 1.75rem;
  margin-left: 0.5rem;
  background-color: var(--viewer-controls-background-color);
  pointer-events: all;
}
.c32da8b1fd756 svg {
  stroke: none;
}

.c6b4bae9f304e {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  width: 4rem;
  height: 2rem;
  color: var(--viewer-thumbnails-control-foreground-color);
  background-color: var(--viewer-controls-background-color);
}

.c1690e5b6dab6 {
  position: relative;
  margin: 0 auto;
}

.c016ee67cf5ba {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: center;
  overflow: hidden;
}

.cf5815d386636 {
  position: absolute;
  top: 0;
  left: 0;
}
.cf5815d386636.c967a52929f50 {
  background-color: rgba(0, 0, 0, 0.2);
}

.cd817d9d58276 {
  position: absolute;
}

.c97e75645f1e2 {
  clip-path: inset(0 0 0 0);
  grid-column: 1/1;
  grid-row: 1/1;
}
.c97e75645f1e2 .c623d71e4e01c {
  position: absolute;
}
.c97e75645f1e2 .c2915f7d31f96 {
  position: fixed;
  pointer-events: none;
}
.c97e75645f1e2 .c2915f7d31f96 .c78b196b7cd60 g {
  pointer-events: auto;
}

/** FULLSCREEN */
[data-fullscreen=true] .c844b36b79e36 {
  transform: translateY(2.5rem);
}

[data-force-visible=true] .c844b36b79e36 {
  transform: translateY(0);
}

[data-fullscreen=true] .c41da4f3489e2 {
  transform: translateX(2.5rem);
}

[data-fullscreen=true] .c2abb658d70a6 {
  transform: translateX(-2.5rem);
}

[data-fullscreen=true] .c2d190a5ba74b {
  transform: translateY(-4.25rem);
  height: 100vh;
}

[data-fullscreen=true] .c0c4ec4db9d9d {
  height: 100vh;
}

[data-force-visible=true] .c41da4f3489e2 {
  transform: translateX(0);
}

[data-force-visible=true] .c2abb658d70a6 {
  transform: translateX(0);
}
@keyframes ccbdfa8197d26 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c2396ab2a503f, .cf3c69d3d7d75 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c2396ab2a503f:hover, .cf3c69d3d7d75:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c2396ab2a503f ::-webkit-scrollbar, .cf3c69d3d7d75 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c2396ab2a503f ::-webkit-scrollbar-track, .cf3c69d3d7d75 ::-webkit-scrollbar-track,
.c2396ab2a503f ::-webkit-scrollbar-corner,
.cf3c69d3d7d75 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c2396ab2a503f ::-webkit-scrollbar-thumb, .cf3c69d3d7d75 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c2396ab2a503f ::-webkit-scrollbar-thumb:hover, .cf3c69d3d7d75 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c2396ab2a503f ::-moz-selection, .cf3c69d3d7d75 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2396ab2a503f ::selection, .cf3c69d3d7d75 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2396ab2a503f ::placeholder, .cf3c69d3d7d75 ::placeholder,
.c2396ab2a503f ::-webkit-input-placeholder,
.cf3c69d3d7d75 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cc4f906a0bf31, .ccd9fef899d55, .cc2aca1e9d30f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cc4f906a0bf31 svg, .ccd9fef899d55 svg, .cc2aca1e9d30f svg,
.cc4f906a0bf31 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cc4f906a0bf31:focus-visible, .ccd9fef899d55:focus-visible, .cc2aca1e9d30f:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cc4f906a0bf31:focus-visible svg, .ccd9fef899d55:focus-visible svg, .cc2aca1e9d30f:focus-visible svg,
.cc4f906a0bf31:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cc4f906a0bf31:hover, .ccd9fef899d55:hover, .cc2aca1e9d30f:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cc4f906a0bf31:hover svg, .ccd9fef899d55:hover svg, .cc2aca1e9d30f:hover svg,
.cc4f906a0bf31:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cc4f906a0bf31:active, .ccd9fef899d55:active, .cc2aca1e9d30f:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cc4f906a0bf31:active svg, .ccd9fef899d55:active svg, .cc2aca1e9d30f:active svg,
.cc4f906a0bf31:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cc4f906a0bf31.disabled, .ccd9fef899d55.disabled, .cc2aca1e9d30f.disabled, .cc4f906a0bf31[disabled], [disabled].ccd9fef899d55, [disabled].cc2aca1e9d30f, .cc4f906a0bf31:disabled, .ccd9fef899d55:disabled, .cc2aca1e9d30f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6ee0b3f67d6c, .ccea54ddc19bd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c6ee0b3f67d6c svg, .ccea54ddc19bd svg,
.c6ee0b3f67d6c span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c6ee0b3f67d6c:focus-visible, .ccea54ddc19bd:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c6ee0b3f67d6c:focus-visible svg, .ccea54ddc19bd:focus-visible svg,
.c6ee0b3f67d6c:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c6ee0b3f67d6c:hover, .ccea54ddc19bd:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c6ee0b3f67d6c:hover svg, .ccea54ddc19bd:hover svg,
.c6ee0b3f67d6c:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c6ee0b3f67d6c:active, .ccea54ddc19bd:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c6ee0b3f67d6c:active svg, .ccea54ddc19bd:active svg,
.c6ee0b3f67d6c:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c6ee0b3f67d6c.disabled, .ccea54ddc19bd.disabled, .c6ee0b3f67d6c[disabled], [disabled].ccea54ddc19bd, .c6ee0b3f67d6c:disabled, .ccea54ddc19bd:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce751d6d9bd12 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ce751d6d9bd12 svg,
.ce751d6d9bd12 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ce751d6d9bd12:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ce751d6d9bd12:focus-visible svg,
.ce751d6d9bd12:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ce751d6d9bd12:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ce751d6d9bd12:hover svg,
.ce751d6d9bd12:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ce751d6d9bd12:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ce751d6d9bd12:active svg,
.ce751d6d9bd12:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ce751d6d9bd12.disabled, .ce751d6d9bd12[disabled], .ce751d6d9bd12:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca3d8cb87727a, .c9546a8c029cf button, .c851215710e09 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca3d8cb87727a svg, .c9546a8c029cf button svg, .c851215710e09 svg,
.ca3d8cb87727a span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca3d8cb87727a:focus-visible, .c9546a8c029cf button:focus-visible, .c851215710e09:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca3d8cb87727a:focus-visible svg, .c9546a8c029cf button:focus-visible svg, .c851215710e09:focus-visible svg,
.ca3d8cb87727a:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca3d8cb87727a:hover, .c9546a8c029cf button:hover, .c851215710e09:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca3d8cb87727a:hover svg, .c9546a8c029cf button:hover svg, .c851215710e09:hover svg,
.ca3d8cb87727a:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca3d8cb87727a:active, .c9546a8c029cf button:active, .c851215710e09:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca3d8cb87727a:active svg, .c9546a8c029cf button:active svg, .c851215710e09:active svg,
.ca3d8cb87727a:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca3d8cb87727a.disabled, .c9546a8c029cf button.disabled, .c851215710e09.disabled, .ca3d8cb87727a[disabled], .c9546a8c029cf button[disabled], [disabled].c851215710e09, .ca3d8cb87727a:disabled, .c9546a8c029cf button:disabled, .c851215710e09:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca3d8cb87727a.disabled svg, .c9546a8c029cf button.disabled svg, .c851215710e09.disabled svg,
.ca3d8cb87727a.disabled span svg, .ca3d8cb87727a[disabled] svg, .c9546a8c029cf button[disabled] svg, [disabled].c851215710e09 svg,
.ca3d8cb87727a[disabled] span svg, .ca3d8cb87727a:disabled svg, .c9546a8c029cf button:disabled svg, .c851215710e09:disabled svg,
.ca3d8cb87727a:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c50ababce75d3 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c50ababce75d3 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ce169d1d54e30 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ce169d1d54e30 svg,
.ce169d1d54e30 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ce169d1d54e30:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ce169d1d54e30:focus-visible svg,
.ce169d1d54e30:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ce169d1d54e30:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ce169d1d54e30:hover svg,
.ce169d1d54e30:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ce169d1d54e30:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ce169d1d54e30:active svg,
.ce169d1d54e30:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c1bcd96b30f8c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c1f6122171ee5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7012b998bcb5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c7012b998bcb5:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c7012b998bcb5:focus-visible svg,
.c7012b998bcb5:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c7012b998bcb5:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c7012b998bcb5:active {
  border: none;
  background-color: transparent;
}

.c2626e18abf57, .c851215710e09 svg, .c3e53dab158d2, .c58cef847b316 span svg, .c9546a8c029cf button svg, .c45fba0c1ca4a.intermediate svg, .c939192dd3180 label span.intermediate svg, .c45fba0c1ca4a.checked svg, .c939192dd3180 label span.checked svg, .cc1acdfe82b2f span svg,
.cc1acdfe82b2f label svg, .cdf874bc941ac svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c1aae78552661 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c1aae78552661:hover {
  fill: none;
  stroke: none;
}

.c3e53dab158d2, .c58cef847b316 span svg, .c9546a8c029cf button svg, .c45fba0c1ca4a.intermediate svg, .c939192dd3180 label span.intermediate svg, .c45fba0c1ca4a.checked svg, .c939192dd3180 label span.checked svg, .cc1acdfe82b2f span svg,
.cc1acdfe82b2f label svg, .cdf874bc941ac svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c93472b9813f2 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c93472b9813f2:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c125d508da76e, .c3ca6a41f0a25 input, .c035af6633981 input, .cc1acdfe82b2f input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c125d508da76e, .c3ca6a41f0a25 input, .c035af6633981 input, .cc1acdfe82b2f input {
    height: 23px;
  }
}
.c125d508da76e, .c3ca6a41f0a25 input, .c035af6633981 input, .cc1acdfe82b2f input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c125d508da76e[disabled], .c3ca6a41f0a25 input[disabled], .c035af6633981 input[disabled], .cc1acdfe82b2f input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cdf874bc941ac {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c55dd5af27010, .cc1acdfe82b2f span,
.cc1acdfe82b2f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c55dd5af27010, .cc1acdfe82b2f span,
  .cc1acdfe82b2f label {
    height: 25px;
  }
}
.c55dd5af27010, .cc1acdfe82b2f span,
.cc1acdfe82b2f label {
  color: var(--input-foreground-color);
}

.cc1acdfe82b2f {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc1acdfe82b2f {
    height: 25px;
    font-size: 10px;
  }
}
.cc1acdfe82b2f {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cc1acdfe82b2f span svg,
.cc1acdfe82b2f label svg {
  color: var(--input-foreground-color);
}
.cc1acdfe82b2f ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cc1acdfe82b2f ::placeholder {
  color: var(--input-placeholder-color);
}
.cc1acdfe82b2f:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc1acdfe82b2f:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cc1acdfe82b2f:hover span {
  color: var(--input-foreground-color-hover);
}
.cc1acdfe82b2f:hover input {
  color: var(--input-foreground-color-hover);
}
.cc1acdfe82b2f:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cc1acdfe82b2f:active span {
  color: var(--input-foreground-color-active);
}
.cc1acdfe82b2f:active input {
  color: var(--input-foreground-color-active);
}
.cc1acdfe82b2f:focus, .cc1acdfe82b2f:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc1acdfe82b2f:focus span, .cc1acdfe82b2f:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cc1acdfe82b2f:focus input, .cc1acdfe82b2f:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cc1acdfe82b2f:focus:hover, .cc1acdfe82b2f:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc1acdfe82b2f:focus:hover span, .cc1acdfe82b2f:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cc1acdfe82b2f:focus:hover input, .cc1acdfe82b2f:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c035af6633981 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c035af6633981 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c035af6633981 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c035af6633981 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c035af6633981:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c035af6633981:focus-within input, .c035af6633981:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.caf1af022fc28, .c3ca6a41f0a25.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.caf1af022fc28 input, .c3ca6a41f0a25.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.caf1af022fc28 span svg, .c3ca6a41f0a25.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c45fba0c1ca4a, .c939192dd3180 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c45fba0c1ca4a svg, .c939192dd3180 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c45fba0c1ca4a:hover, .c939192dd3180 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c45fba0c1ca4a:focus, .c939192dd3180 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c45fba0c1ca4a.checked, .c939192dd3180 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c45fba0c1ca4a.checked svg, .c939192dd3180 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c45fba0c1ca4a.intermediate, .c939192dd3180 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c45fba0c1ca4a.intermediate svg, .c939192dd3180 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c45fba0c1ca4a.unchecked, .c939192dd3180 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c45fba0c1ca4a.unchecked svg, .c939192dd3180 label span.unchecked svg {
  display: none;
}

.c939192dd3180 {
  display: flex;
  align-items: center;
}
.c939192dd3180 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c939192dd3180 label input {
  margin: 0;
}
.c939192dd3180 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c939192dd3180 label:focus span, .c939192dd3180 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c3ca6a41f0a25 {
  display: flex;
  flex-direction: column;
}
.c3ca6a41f0a25 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c3ca6a41f0a25 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c3ca6a41f0a25 input:focus-within input, .c3ca6a41f0a25 input:active input {
  color: var(--input-foreground-color-active);
}
.c3ca6a41f0a25 input:focus-within, .c3ca6a41f0a25 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3ca6a41f0a25.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c920fca055875 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ce8da6ab47fa3 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ccf1c40f28d76 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c851215710e09 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cb1e81a340d32 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c1e0306124afd {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ccea54ddc19bd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc2aca1e9d30f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ccd9fef899d55 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cab5f7102fa9d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cab5f7102fa9d:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cc7517e76da43 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c5d2181c1afbc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cf5cd30007db7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c155701c36067 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cbdbd9b20b000 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cbdbd9b20b000:hover, .cbdbd9b20b000:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c9546a8c029cf div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c9546a8c029cf button {
  display: none;
}
.c9546a8c029cf button svg {
  stroke: var(--icon-foreground);
}
.c9546a8c029cf:hover button {
  display: flex;
}

.cd1699a938dee {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cd1699a938dee .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cd1699a938dee .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c293dd5c3d08a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c293dd5c3d08a:hover div {
  color: var(--entry-foreground-color-hover);
}

.c7e95308056ce {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cf05519726515 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cf05519726515:hover {
  background-color: var(--menu-background-color-hover);
}

.c58cef847b316 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c58cef847b316 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c58cef847b316 span svg {
  stroke: var(--icon-foreground);
}
.c58cef847b316:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c58cef847b316:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c3f7ff1ace74b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c9a077f582dbf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c9498d0381e67,
.cb31b1f469d74 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ccacab2741dd2 .c9498d0381e67,
.ccacab2741dd2 .cb31b1f469d74 {
  transform: scale(1);
}

.c0845bc437572 .c9498d0381e67,
.c0845bc437572 .cb31b1f469d74 {
  transform: scale(0);
}

.cf3c69d3d7d75 {
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: grid;
  grid-template-areas: "left-sidebar viewport right-sidebar";
  grid-template-rows: 1fr;
  grid-template-columns: auto 1fr auto;
  overflow: hidden;
}

.cc851b92c36f6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-index-loaders);
  background-color: var(--color-background-primary);
}

.ce67299024eb2 {
  background-color: var(--color-canvas);
  display: flex;
  padding: 0;
  margin: 0;
  grid-area: viewport;
}

.ca56a6d44795a {
  bottom: 0;
  max-height: 31.25rem;
  width: 31.25rem;
  overflow-y: auto;
  position: absolute;
  z-index: 30;
}

.c84d7e5e067c9 {
  overflow: hidden;
  transition: none;
  display: grid;
  grid-template-rows: 1.25rem 1fr;
  grid-template-columns: 1.25rem 1fr;
  flex: 1;
}
@keyframes c2e06857aaac0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c33624f1038c3 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c33624f1038c3:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c33624f1038c3 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c33624f1038c3 ::-webkit-scrollbar-track,
.c33624f1038c3 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c33624f1038c3 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c33624f1038c3 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c33624f1038c3 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c33624f1038c3 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c33624f1038c3 ::placeholder,
.c33624f1038c3 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c8b4605304d5c, .c5014c9303602, .cf75216b93779 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c8b4605304d5c svg, .c5014c9303602 svg, .cf75216b93779 svg,
.c8b4605304d5c span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c8b4605304d5c:focus-visible, .c5014c9303602:focus-visible, .cf75216b93779:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c8b4605304d5c:focus-visible svg, .c5014c9303602:focus-visible svg, .cf75216b93779:focus-visible svg,
.c8b4605304d5c:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c8b4605304d5c:hover, .c5014c9303602:hover, .cf75216b93779:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c8b4605304d5c:hover svg, .c5014c9303602:hover svg, .cf75216b93779:hover svg,
.c8b4605304d5c:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c8b4605304d5c:active, .c5014c9303602:active, .cf75216b93779:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c8b4605304d5c:active svg, .c5014c9303602:active svg, .cf75216b93779:active svg,
.c8b4605304d5c:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c8b4605304d5c.disabled, .c5014c9303602.disabled, .cf75216b93779.disabled, .c8b4605304d5c[disabled], [disabled].c5014c9303602, [disabled].cf75216b93779, .c8b4605304d5c:disabled, .c5014c9303602:disabled, .cf75216b93779:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c24fb8a1999f0, .c7d4fd2dd6627 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c24fb8a1999f0 svg, .c7d4fd2dd6627 svg,
.c24fb8a1999f0 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c24fb8a1999f0:focus-visible, .c7d4fd2dd6627:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c24fb8a1999f0:focus-visible svg, .c7d4fd2dd6627:focus-visible svg,
.c24fb8a1999f0:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c24fb8a1999f0:hover, .c7d4fd2dd6627:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c24fb8a1999f0:hover svg, .c7d4fd2dd6627:hover svg,
.c24fb8a1999f0:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c24fb8a1999f0:active, .c7d4fd2dd6627:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c24fb8a1999f0:active svg, .c7d4fd2dd6627:active svg,
.c24fb8a1999f0:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c24fb8a1999f0.disabled, .c7d4fd2dd6627.disabled, .c24fb8a1999f0[disabled], [disabled].c7d4fd2dd6627, .c24fb8a1999f0:disabled, .c7d4fd2dd6627:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c116e262ce04e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c116e262ce04e svg,
.c116e262ce04e span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c116e262ce04e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c116e262ce04e:focus-visible svg,
.c116e262ce04e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c116e262ce04e:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c116e262ce04e:hover svg,
.c116e262ce04e:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c116e262ce04e:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c116e262ce04e:active svg,
.c116e262ce04e:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c116e262ce04e.disabled, .c116e262ce04e[disabled], .c116e262ce04e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cad073b2b63fe, .c347cd6e1dfa7 button, .c567a20da10e7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cad073b2b63fe svg, .c347cd6e1dfa7 button svg, .c567a20da10e7 svg,
.cad073b2b63fe span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cad073b2b63fe:focus-visible, .c347cd6e1dfa7 button:focus-visible, .c567a20da10e7:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cad073b2b63fe:focus-visible svg, .c347cd6e1dfa7 button:focus-visible svg, .c567a20da10e7:focus-visible svg,
.cad073b2b63fe:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cad073b2b63fe:hover, .c347cd6e1dfa7 button:hover, .c567a20da10e7:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cad073b2b63fe:hover svg, .c347cd6e1dfa7 button:hover svg, .c567a20da10e7:hover svg,
.cad073b2b63fe:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cad073b2b63fe:active, .c347cd6e1dfa7 button:active, .c567a20da10e7:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cad073b2b63fe:active svg, .c347cd6e1dfa7 button:active svg, .c567a20da10e7:active svg,
.cad073b2b63fe:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cad073b2b63fe.disabled, .c347cd6e1dfa7 button.disabled, .c567a20da10e7.disabled, .cad073b2b63fe[disabled], .c347cd6e1dfa7 button[disabled], [disabled].c567a20da10e7, .cad073b2b63fe:disabled, .c347cd6e1dfa7 button:disabled, .c567a20da10e7:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cad073b2b63fe.disabled svg, .c347cd6e1dfa7 button.disabled svg, .c567a20da10e7.disabled svg,
.cad073b2b63fe.disabled span svg, .cad073b2b63fe[disabled] svg, .c347cd6e1dfa7 button[disabled] svg, [disabled].c567a20da10e7 svg,
.cad073b2b63fe[disabled] span svg, .cad073b2b63fe:disabled svg, .c347cd6e1dfa7 button:disabled svg, .c567a20da10e7:disabled svg,
.cad073b2b63fe:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c8782807cedb0 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c8782807cedb0 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ca6290e5ce5ae {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ca6290e5ce5ae svg,
.ca6290e5ce5ae span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ca6290e5ce5ae:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ca6290e5ce5ae:focus-visible svg,
.ca6290e5ce5ae:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ca6290e5ce5ae:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ca6290e5ce5ae:hover svg,
.ca6290e5ce5ae:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ca6290e5ce5ae:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ca6290e5ce5ae:active svg,
.ca6290e5ce5ae:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cbb3ee76b3efa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ce3272d177aa9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce99fd78e5e1e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ce99fd78e5e1e:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ce99fd78e5e1e:focus-visible svg,
.ce99fd78e5e1e:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ce99fd78e5e1e:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ce99fd78e5e1e:active {
  border: none;
  background-color: transparent;
}

.cab207253cd9e, .c4fa78aa37a6f svg,
.c0c9e84233835 svg, .c567a20da10e7 svg, .c1c0a74a63693, .caac925163f77 span svg, .c347cd6e1dfa7 button svg, .c0124dfceffb9.intermediate svg, .cb29fe2c0a483 label span.intermediate svg, .c0124dfceffb9.checked svg, .cb29fe2c0a483 label span.checked svg, .c16463d5402f1 span svg,
.c16463d5402f1 label svg, .c72ed4e39920c svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c0c7972b8dc73 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c0c7972b8dc73:hover {
  fill: none;
  stroke: none;
}

.c1c0a74a63693, .caac925163f77 span svg, .c347cd6e1dfa7 button svg, .c0124dfceffb9.intermediate svg, .cb29fe2c0a483 label span.intermediate svg, .c0124dfceffb9.checked svg, .cb29fe2c0a483 label span.checked svg, .c16463d5402f1 span svg,
.c16463d5402f1 label svg, .c72ed4e39920c svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c55c02febf13b {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c55c02febf13b:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c6432feef8d3e, .c191715a7a99c input, .c95142ff16d60 input, .c16463d5402f1 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c6432feef8d3e, .c191715a7a99c input, .c95142ff16d60 input, .c16463d5402f1 input {
    height: 23px;
  }
}
.c6432feef8d3e, .c191715a7a99c input, .c95142ff16d60 input, .c16463d5402f1 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c6432feef8d3e[disabled], .c191715a7a99c input[disabled], .c95142ff16d60 input[disabled], .c16463d5402f1 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c72ed4e39920c {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c11e8c68e3954, .c16463d5402f1 span,
.c16463d5402f1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c11e8c68e3954, .c16463d5402f1 span,
  .c16463d5402f1 label {
    height: 25px;
  }
}
.c11e8c68e3954, .c16463d5402f1 span,
.c16463d5402f1 label {
  color: var(--input-foreground-color);
}

.c16463d5402f1 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c16463d5402f1 {
    height: 25px;
    font-size: 10px;
  }
}
.c16463d5402f1 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c16463d5402f1 span svg,
.c16463d5402f1 label svg {
  color: var(--input-foreground-color);
}
.c16463d5402f1 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c16463d5402f1 ::placeholder {
  color: var(--input-placeholder-color);
}
.c16463d5402f1:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c16463d5402f1:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c16463d5402f1:hover span {
  color: var(--input-foreground-color-hover);
}
.c16463d5402f1:hover input {
  color: var(--input-foreground-color-hover);
}
.c16463d5402f1:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c16463d5402f1:active span {
  color: var(--input-foreground-color-active);
}
.c16463d5402f1:active input {
  color: var(--input-foreground-color-active);
}
.c16463d5402f1:focus, .c16463d5402f1:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c16463d5402f1:focus span, .c16463d5402f1:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c16463d5402f1:focus input, .c16463d5402f1:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c16463d5402f1:focus:hover, .c16463d5402f1:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c16463d5402f1:focus:hover span, .c16463d5402f1:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c16463d5402f1:focus:hover input, .c16463d5402f1:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c95142ff16d60 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c95142ff16d60 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c95142ff16d60 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c95142ff16d60 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c95142ff16d60:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c95142ff16d60:focus-within input, .c95142ff16d60:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c213e64543b52, .c191715a7a99c.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c213e64543b52 input, .c191715a7a99c.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c213e64543b52 span svg, .c191715a7a99c.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c0124dfceffb9, .cb29fe2c0a483 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c0124dfceffb9 svg, .cb29fe2c0a483 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c0124dfceffb9:hover, .cb29fe2c0a483 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0124dfceffb9:focus, .cb29fe2c0a483 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c0124dfceffb9.checked, .cb29fe2c0a483 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c0124dfceffb9.checked svg, .cb29fe2c0a483 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c0124dfceffb9.intermediate, .cb29fe2c0a483 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c0124dfceffb9.intermediate svg, .cb29fe2c0a483 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c0124dfceffb9.unchecked, .cb29fe2c0a483 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c0124dfceffb9.unchecked svg, .cb29fe2c0a483 label span.unchecked svg {
  display: none;
}

.cb29fe2c0a483 {
  display: flex;
  align-items: center;
}
.cb29fe2c0a483 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cb29fe2c0a483 label input {
  margin: 0;
}
.cb29fe2c0a483 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb29fe2c0a483 label:focus span, .cb29fe2c0a483 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c191715a7a99c {
  display: flex;
  flex-direction: column;
}
.c191715a7a99c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c191715a7a99c input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c191715a7a99c input:focus-within input, .c191715a7a99c input:active input {
  color: var(--input-foreground-color-active);
}
.c191715a7a99c input:focus-within, .c191715a7a99c input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c191715a7a99c.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c0517c149c431 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cf3b9737d3f92 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cdecd7e06eaa3 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c567a20da10e7 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c6a7385dfec6b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c3992789dd0cf {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c7d4fd2dd6627 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cf75216b93779 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c5014c9303602 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cdbf3967154eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cdbf3967154eb:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c5460d77546da {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c3f9d6b3e3503 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c6994930ed934 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c5c904b1bbaef {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cb6d21b4531e3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cb6d21b4531e3:hover, .cb6d21b4531e3:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c347cd6e1dfa7 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c347cd6e1dfa7 button {
  display: none;
}
.c347cd6e1dfa7 button svg {
  stroke: var(--icon-foreground);
}
.c347cd6e1dfa7:hover button {
  display: flex;
}

.c4f1cbce99ba1 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c4f1cbce99ba1 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c4f1cbce99ba1 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c8bc0b29685a9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c8bc0b29685a9:hover div {
  color: var(--entry-foreground-color-hover);
}

.cbae25774bf2e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c482e48f9f236 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c482e48f9f236:hover {
  background-color: var(--menu-background-color-hover);
}

.caac925163f77 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.caac925163f77 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.caac925163f77 span svg {
  stroke: var(--icon-foreground);
}
.caac925163f77:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.caac925163f77:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cbd0be0bb6769 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c28b4db575710 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c491beededb1b,
.cd0fb3c28ca22 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ccd6779839b26 .c491beededb1b,
.ccd6779839b26 .cd0fb3c28ca22 {
  transform: scale(1);
}

.c23b1f0da967b .c491beededb1b,
.c23b1f0da967b .cd0fb3c28ca22 {
  transform: scale(0);
}

.c49370408a99b {
  height: 100%;
  display: flex;
}

.c4fa78aa37a6f,
.c0c9e84233835 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
  width: 1.5rem;
  padding: 0;
  z-index: 5;
}
.c4fa78aa37a6f svg,
.c0c9e84233835 svg {
  stroke: none;
}
.c4fa78aa37a6f::after,
.c0c9e84233835::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: calc(-1 * 5rem);
  height: 100%;
  width: 5rem;
  background-image: linear-gradient(to left, var(--palette-button-shadow-initial) 0%, var(--palette-button-shadow-final) 100%);
  pointer-events: none;
}
.c4fa78aa37a6f:hover svg,
.c0c9e84233835:hover svg {
  stroke: var(--button-foreground-hover);
}
.c4fa78aa37a6f:disabled svg,
.c0c9e84233835:disabled svg {
  stroke: var(--button-foreground-color-disabled);
}
.c4fa78aa37a6f:disabled::after,
.c0c9e84233835:disabled::after {
  background-image: none;
}

.c4fa78aa37a6f::after {
  left: 1.5rem;
  background-image: linear-gradient(to right, var(--palette-button-shadow-initial) 0%, var(--palette-button-shadow-final) 100%);
}
.c4fa78aa37a6f:disabled::after {
  background-image: none;
}
.c4fa78aa37a6f svg {
  transform: rotate(180deg);
}

.c49cbc8814e29 {
  overflow: hidden;
  display: flex;
  align-items: center;
}

.c1cabbab5bfff {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--color-cell-width);
  gap: 0.5rem;
}

.c40db5d660497 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr;
  justify-items: center;
  height: 100%;
}
.c40db5d660497.c0fb3a6ffb998 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
}

.c09f5bd125082 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--palette-text-color);
}
@keyframes c787aa7c6181a {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c681fa7f5f9fe {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c681fa7f5f9fe:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c681fa7f5f9fe ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c681fa7f5f9fe ::-webkit-scrollbar-track,
.c681fa7f5f9fe ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c681fa7f5f9fe ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c681fa7f5f9fe ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c681fa7f5f9fe ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c681fa7f5f9fe ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c681fa7f5f9fe ::placeholder,
.c681fa7f5f9fe ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c63af18628a67, .c3f7144617297, .c873263aa1a4e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c63af18628a67 svg, .c3f7144617297 svg, .c873263aa1a4e svg,
.c63af18628a67 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c63af18628a67:focus-visible, .c3f7144617297:focus-visible, .c873263aa1a4e:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c63af18628a67:focus-visible svg, .c3f7144617297:focus-visible svg, .c873263aa1a4e:focus-visible svg,
.c63af18628a67:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c63af18628a67:hover, .c3f7144617297:hover, .c873263aa1a4e:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c63af18628a67:hover svg, .c3f7144617297:hover svg, .c873263aa1a4e:hover svg,
.c63af18628a67:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c63af18628a67:active, .c3f7144617297:active, .c873263aa1a4e:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c63af18628a67:active svg, .c3f7144617297:active svg, .c873263aa1a4e:active svg,
.c63af18628a67:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c63af18628a67.disabled, .c3f7144617297.disabled, .c873263aa1a4e.disabled, .c63af18628a67[disabled], [disabled].c3f7144617297, [disabled].c873263aa1a4e, .c63af18628a67:disabled, .c3f7144617297:disabled, .c873263aa1a4e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8dae04a5fee2, .c9ebb23b34c14 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c8dae04a5fee2 svg, .c9ebb23b34c14 svg,
.c8dae04a5fee2 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c8dae04a5fee2:focus-visible, .c9ebb23b34c14:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8dae04a5fee2:focus-visible svg, .c9ebb23b34c14:focus-visible svg,
.c8dae04a5fee2:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8dae04a5fee2:hover, .c9ebb23b34c14:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c8dae04a5fee2:hover svg, .c9ebb23b34c14:hover svg,
.c8dae04a5fee2:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c8dae04a5fee2:active, .c9ebb23b34c14:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c8dae04a5fee2:active svg, .c9ebb23b34c14:active svg,
.c8dae04a5fee2:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c8dae04a5fee2.disabled, .c9ebb23b34c14.disabled, .c8dae04a5fee2[disabled], [disabled].c9ebb23b34c14, .c8dae04a5fee2:disabled, .c9ebb23b34c14:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c043fa305bde6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c043fa305bde6 svg,
.c043fa305bde6 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c043fa305bde6:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c043fa305bde6:focus-visible svg,
.c043fa305bde6:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c043fa305bde6:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c043fa305bde6:hover svg,
.c043fa305bde6:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c043fa305bde6:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c043fa305bde6:active svg,
.c043fa305bde6:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c043fa305bde6.disabled, .c043fa305bde6[disabled], .c043fa305bde6:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cdaaa25b268df, .c688842401fda button, .cbf1625c09a25 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cdaaa25b268df svg, .c688842401fda button svg, .cbf1625c09a25 svg,
.cdaaa25b268df span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cdaaa25b268df:focus-visible, .c688842401fda button:focus-visible, .cbf1625c09a25:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cdaaa25b268df:focus-visible svg, .c688842401fda button:focus-visible svg, .cbf1625c09a25:focus-visible svg,
.cdaaa25b268df:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cdaaa25b268df:hover, .c688842401fda button:hover, .cbf1625c09a25:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cdaaa25b268df:hover svg, .c688842401fda button:hover svg, .cbf1625c09a25:hover svg,
.cdaaa25b268df:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cdaaa25b268df:active, .c688842401fda button:active, .cbf1625c09a25:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cdaaa25b268df:active svg, .c688842401fda button:active svg, .cbf1625c09a25:active svg,
.cdaaa25b268df:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cdaaa25b268df.disabled, .c688842401fda button.disabled, .cbf1625c09a25.disabled, .cdaaa25b268df[disabled], .c688842401fda button[disabled], [disabled].cbf1625c09a25, .cdaaa25b268df:disabled, .c688842401fda button:disabled, .cbf1625c09a25:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cdaaa25b268df.disabled svg, .c688842401fda button.disabled svg, .cbf1625c09a25.disabled svg,
.cdaaa25b268df.disabled span svg, .cdaaa25b268df[disabled] svg, .c688842401fda button[disabled] svg, [disabled].cbf1625c09a25 svg,
.cdaaa25b268df[disabled] span svg, .cdaaa25b268df:disabled svg, .c688842401fda button:disabled svg, .cbf1625c09a25:disabled svg,
.cdaaa25b268df:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cd8bf1610daad {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cd8bf1610daad svg {
  color: var(--button-icon-foreground-color-selected);
}

.ced5c716d2fa1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ced5c716d2fa1 svg,
.ced5c716d2fa1 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ced5c716d2fa1:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ced5c716d2fa1:focus-visible svg,
.ced5c716d2fa1:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ced5c716d2fa1:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ced5c716d2fa1:hover svg,
.ced5c716d2fa1:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ced5c716d2fa1:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ced5c716d2fa1:active svg,
.ced5c716d2fa1:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c4e6cb91324e7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c1e4309685f24 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c62bd5d791db6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c62bd5d791db6:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c62bd5d791db6:focus-visible svg,
.c62bd5d791db6:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c62bd5d791db6:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c62bd5d791db6:active {
  border: none;
  background-color: transparent;
}

.c778748106cab, .cbf1625c09a25 svg, .c6fc4111cdb67, .c800e4b82ee92 .cf50449a9e414 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .c3452b9f79337 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .cf35ab731104a .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg, .c800e4b82ee92 .cf50449a9e414.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg, .c800e4b82ee92 .cf50449a9e414:hover .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .c3452b9f79337.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .c3452b9f79337:hover .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .cf35ab731104a.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .cf35ab731104a:hover .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg, .c64e7248ac36a span svg, .c688842401fda button svg, .c8f4312ffcb4b.intermediate svg, .c7efcf89fc506 label span.intermediate svg, .c8f4312ffcb4b.checked svg, .c7efcf89fc506 label span.checked svg, .c4081da5cb53e span svg,
.c4081da5cb53e label svg, .c0bcff830ebac svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c1e206ee5962b {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c1e206ee5962b:hover {
  fill: none;
  stroke: none;
}

.c6fc4111cdb67, .c800e4b82ee92 .cf50449a9e414 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .c3452b9f79337 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .cf35ab731104a .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg, .c800e4b82ee92 .cf50449a9e414.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg, .c800e4b82ee92 .cf50449a9e414:hover .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .c3452b9f79337.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .c3452b9f79337:hover .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .cf35ab731104a.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .cf35ab731104a:hover .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg, .c64e7248ac36a span svg, .c688842401fda button svg, .c8f4312ffcb4b.intermediate svg, .c7efcf89fc506 label span.intermediate svg, .c8f4312ffcb4b.checked svg, .c7efcf89fc506 label span.checked svg, .c4081da5cb53e span svg,
.c4081da5cb53e label svg, .c0bcff830ebac svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ca15c8228bc17 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ca15c8228bc17:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c935ed6dd9c1c, .c21f5441bcd0e input, .c97768420148f input, .c4081da5cb53e input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c935ed6dd9c1c, .c21f5441bcd0e input, .c97768420148f input, .c4081da5cb53e input {
    height: 23px;
  }
}
.c935ed6dd9c1c, .c21f5441bcd0e input, .c97768420148f input, .c4081da5cb53e input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c935ed6dd9c1c[disabled], .c21f5441bcd0e input[disabled], .c97768420148f input[disabled], .c4081da5cb53e input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c0bcff830ebac {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c311e6fb005bd, .c4081da5cb53e span,
.c4081da5cb53e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c311e6fb005bd, .c4081da5cb53e span,
  .c4081da5cb53e label {
    height: 25px;
  }
}
.c311e6fb005bd, .c4081da5cb53e span,
.c4081da5cb53e label {
  color: var(--input-foreground-color);
}

.c4081da5cb53e {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c4081da5cb53e {
    height: 25px;
    font-size: 10px;
  }
}
.c4081da5cb53e {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c4081da5cb53e span svg,
.c4081da5cb53e label svg {
  color: var(--input-foreground-color);
}
.c4081da5cb53e ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c4081da5cb53e ::placeholder {
  color: var(--input-placeholder-color);
}
.c4081da5cb53e:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c4081da5cb53e:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c4081da5cb53e:hover span {
  color: var(--input-foreground-color-hover);
}
.c4081da5cb53e:hover input {
  color: var(--input-foreground-color-hover);
}
.c4081da5cb53e:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c4081da5cb53e:active span {
  color: var(--input-foreground-color-active);
}
.c4081da5cb53e:active input {
  color: var(--input-foreground-color-active);
}
.c4081da5cb53e:focus, .c4081da5cb53e:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c4081da5cb53e:focus span, .c4081da5cb53e:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c4081da5cb53e:focus input, .c4081da5cb53e:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c4081da5cb53e:focus:hover, .c4081da5cb53e:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c4081da5cb53e:focus:hover span, .c4081da5cb53e:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c4081da5cb53e:focus:hover input, .c4081da5cb53e:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c97768420148f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c97768420148f input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c97768420148f ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c97768420148f ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c97768420148f:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c97768420148f:focus-within input, .c97768420148f:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c12e5b07877ab, .c21f5441bcd0e.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c12e5b07877ab input, .c21f5441bcd0e.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c12e5b07877ab span svg, .c21f5441bcd0e.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c8f4312ffcb4b, .c7efcf89fc506 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c8f4312ffcb4b svg, .c7efcf89fc506 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c8f4312ffcb4b:hover, .c7efcf89fc506 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8f4312ffcb4b:focus, .c7efcf89fc506 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c8f4312ffcb4b.checked, .c7efcf89fc506 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c8f4312ffcb4b.checked svg, .c7efcf89fc506 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c8f4312ffcb4b.intermediate, .c7efcf89fc506 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c8f4312ffcb4b.intermediate svg, .c7efcf89fc506 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c8f4312ffcb4b.unchecked, .c7efcf89fc506 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c8f4312ffcb4b.unchecked svg, .c7efcf89fc506 label span.unchecked svg {
  display: none;
}

.c7efcf89fc506 {
  display: flex;
  align-items: center;
}
.c7efcf89fc506 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c7efcf89fc506 label input {
  margin: 0;
}
.c7efcf89fc506 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c7efcf89fc506 label:focus span, .c7efcf89fc506 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c21f5441bcd0e {
  display: flex;
  flex-direction: column;
}
.c21f5441bcd0e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c21f5441bcd0e input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c21f5441bcd0e input:focus-within input, .c21f5441bcd0e input:active input {
  color: var(--input-foreground-color-active);
}
.c21f5441bcd0e input:focus-within, .c21f5441bcd0e input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c21f5441bcd0e.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ce896a926b503 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cf07b4a382ad8 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cdcabd349fa44 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cbf1625c09a25 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c1ef4a6ce6458 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c085d58efe908 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c9ebb23b34c14 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c873263aa1a4e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3f7144617297 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cdb093c96f4e1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cdb093c96f4e1:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cae46026e1336 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cd23c44663c8a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cdc7d9b3bfc8a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c1110618cfbc0 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c8d3aa1e3e84d {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c8d3aa1e3e84d:hover, .c8d3aa1e3e84d:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c688842401fda div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c688842401fda button {
  display: none;
}
.c688842401fda button svg {
  stroke: var(--icon-foreground);
}
.c688842401fda:hover button {
  display: flex;
}

.c0c51d80bd2b2 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c0c51d80bd2b2 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c0c51d80bd2b2 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c0a30a326422e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c0a30a326422e:hover div {
  color: var(--entry-foreground-color-hover);
}

.c2d7d5850f3cd {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c50831fcfbc2f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c50831fcfbc2f:hover {
  background-color: var(--menu-background-color-hover);
}

.c64e7248ac36a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c64e7248ac36a span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c64e7248ac36a span svg {
  stroke: var(--icon-foreground);
}
.c64e7248ac36a:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c64e7248ac36a:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cba9dbf71cae6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cb721526cbc9d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ce70ce4498aeb,
.c6ff6de8482f0 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c57980c4d8817 .ce70ce4498aeb,
.c57980c4d8817 .c6ff6de8482f0 {
  transform: scale(1);
}

.ccfe347ff8963 .ce70ce4498aeb,
.ccfe347ff8963 .c6ff6de8482f0 {
  transform: scale(0);
}

.c800e4b82ee92 {
  position: absolute;
  left: auto;
  bottom: var(--height);
  max-width: 30rem;
  padding: 0.25rem;
  margin: 0 0 0.25rem 0;
  z-index: 4;
  border-radius: 10px;
  background-color: var(--context-menu-background-color);
}
.c800e4b82ee92 .cf50449a9e414,
.c800e4b82ee92 .c3452b9f79337,
.c800e4b82ee92 .cf35ab731104a {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 0.5rem;
  border-radius: 8px;
  margin-bottom: 0.25rem;
}
.c800e4b82ee92 .cf50449a9e414:last-child,
.c800e4b82ee92 .c3452b9f79337:last-child,
.c800e4b82ee92 .cf35ab731104a:last-child {
  margin-bottom: 0;
}
.c800e4b82ee92 .cf50449a9e414 .cd98cdd873727,
.c800e4b82ee92 .c3452b9f79337 .cd98cdd873727,
.c800e4b82ee92 .cf35ab731104a .cd98cdd873727 {
  width: 100%;
}
.c800e4b82ee92 .cf50449a9e414 .cd98cdd873727 .cb234665a49a2,
.c800e4b82ee92 .c3452b9f79337 .cd98cdd873727 .cb234665a49a2,
.c800e4b82ee92 .cf35ab731104a .cd98cdd873727 .cb234665a49a2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--context-menu-foreground-color);
  display: grid;
  grid-template-columns: 1fr 1.5rem;
}
.c800e4b82ee92 .cf50449a9e414 .cd98cdd873727 .cb234665a49a2 .c19fbb3606af4,
.c800e4b82ee92 .c3452b9f79337 .cd98cdd873727 .cb234665a49a2 .c19fbb3606af4,
.c800e4b82ee92 .cf35ab731104a .cd98cdd873727 .cb234665a49a2 .c19fbb3606af4 {
  display: flex;
  max-width: 25rem;
}
.c800e4b82ee92 .cf50449a9e414 .cd98cdd873727 .cb234665a49a2 .c19fbb3606af4 .cae716fbf8b8f,
.c800e4b82ee92 .c3452b9f79337 .cd98cdd873727 .cb234665a49a2 .c19fbb3606af4 .cae716fbf8b8f,
.c800e4b82ee92 .cf35ab731104a .cd98cdd873727 .cb234665a49a2 .c19fbb3606af4 .cae716fbf8b8f {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 23.75rem;
}
.c800e4b82ee92 .cf50449a9e414 .cd98cdd873727 .cb234665a49a2 .c19fbb3606af4 .cf4cd1e26c83b,
.c800e4b82ee92 .c3452b9f79337 .cd98cdd873727 .cb234665a49a2 .c19fbb3606af4 .cf4cd1e26c83b,
.c800e4b82ee92 .cf35ab731104a .cd98cdd873727 .cb234665a49a2 .c19fbb3606af4 .cf4cd1e26c83b {
  margin-left: 0.25rem;
}
.c800e4b82ee92 .cf50449a9e414 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1,
.c800e4b82ee92 .c3452b9f79337 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1,
.c800e4b82ee92 .cf35ab731104a .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 {
  margin-left: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c800e4b82ee92 .cf50449a9e414 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .c3452b9f79337 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .cf35ab731104a .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  stroke: none;
}
.c800e4b82ee92 .cf50449a9e414 .cd98cdd873727 .c5b2f9d1b8544,
.c800e4b82ee92 .c3452b9f79337 .cd98cdd873727 .c5b2f9d1b8544,
.c800e4b82ee92 .cf35ab731104a .cd98cdd873727 .c5b2f9d1b8544 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-top: 0.25rem;
}
.c800e4b82ee92 .cf50449a9e414.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2, .c800e4b82ee92 .cf50449a9e414:hover .cd98cdd873727 .cb234665a49a2,
.c800e4b82ee92 .c3452b9f79337.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2,
.c800e4b82ee92 .c3452b9f79337:hover .cd98cdd873727 .cb234665a49a2,
.c800e4b82ee92 .cf35ab731104a.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2,
.c800e4b82ee92 .cf35ab731104a:hover .cd98cdd873727 .cb234665a49a2 {
  color: var(--context-menu-foreground-color-selected);
}
.c800e4b82ee92 .cf50449a9e414.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1, .c800e4b82ee92 .cf50449a9e414:hover .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1,
.c800e4b82ee92 .c3452b9f79337.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1,
.c800e4b82ee92 .c3452b9f79337:hover .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1,
.c800e4b82ee92 .cf35ab731104a.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1,
.c800e4b82ee92 .cf35ab731104a:hover .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c800e4b82ee92 .cf50449a9e414.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg, .c800e4b82ee92 .cf50449a9e414:hover .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .c3452b9f79337.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .c3452b9f79337:hover .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .cf35ab731104a.c7f3c8ce7e310 .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg,
.c800e4b82ee92 .cf35ab731104a:hover .cd98cdd873727 .cb234665a49a2 .cad486d96c1d1 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  stroke: var(--context-menu-foreground-color-selected);
}
.c800e4b82ee92 .cf50449a9e414:hover,
.c800e4b82ee92 .c3452b9f79337:hover,
.c800e4b82ee92 .cf35ab731104a:hover {
  background-color: var(--context-menu-background-color-selected);
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

@keyframes c26ee26b4600f {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ca645e09ee0bc {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ca645e09ee0bc:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ca645e09ee0bc ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ca645e09ee0bc ::-webkit-scrollbar-track,
.ca645e09ee0bc ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ca645e09ee0bc ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ca645e09ee0bc ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ca645e09ee0bc ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca645e09ee0bc ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca645e09ee0bc ::placeholder,
.ca645e09ee0bc ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.caf43d9be0660, .c6fed2f51d0af, .c488155662bc8, .cbfeaba3c74fb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.caf43d9be0660 svg, .c6fed2f51d0af svg, .c488155662bc8 svg, .cbfeaba3c74fb svg,
.caf43d9be0660 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.caf43d9be0660:focus-visible, .c6fed2f51d0af:focus-visible, .c488155662bc8:focus-visible, .cbfeaba3c74fb:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.caf43d9be0660:focus-visible svg, .c6fed2f51d0af:focus-visible svg, .c488155662bc8:focus-visible svg, .cbfeaba3c74fb:focus-visible svg,
.caf43d9be0660:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.caf43d9be0660:hover, .c6fed2f51d0af:hover, .c488155662bc8:hover, .cbfeaba3c74fb:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.caf43d9be0660:hover svg, .c6fed2f51d0af:hover svg, .c488155662bc8:hover svg, .cbfeaba3c74fb:hover svg,
.caf43d9be0660:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.caf43d9be0660:active, .c6fed2f51d0af:active, .c488155662bc8:active, .cbfeaba3c74fb:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.caf43d9be0660:active svg, .c6fed2f51d0af:active svg, .c488155662bc8:active svg, .cbfeaba3c74fb:active svg,
.caf43d9be0660:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.caf43d9be0660.disabled, .c6fed2f51d0af.disabled, .c488155662bc8.disabled, .cbfeaba3c74fb.disabled, .caf43d9be0660[disabled], [disabled].c6fed2f51d0af, [disabled].c488155662bc8, [disabled].cbfeaba3c74fb, .caf43d9be0660:disabled, .c6fed2f51d0af:disabled, .c488155662bc8:disabled, .cbfeaba3c74fb:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5f049c59d1b5, .c53013c7c65ed, .c82bdd76431b2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c5f049c59d1b5 svg, .c53013c7c65ed svg, .c82bdd76431b2 svg,
.c5f049c59d1b5 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c5f049c59d1b5:focus-visible, .c53013c7c65ed:focus-visible, .c82bdd76431b2:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c5f049c59d1b5:focus-visible svg, .c53013c7c65ed:focus-visible svg, .c82bdd76431b2:focus-visible svg,
.c5f049c59d1b5:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c5f049c59d1b5:hover, .c53013c7c65ed:hover, .c82bdd76431b2:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c5f049c59d1b5:hover svg, .c53013c7c65ed:hover svg, .c82bdd76431b2:hover svg,
.c5f049c59d1b5:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c5f049c59d1b5:active, .c53013c7c65ed:active, .c82bdd76431b2:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c5f049c59d1b5:active svg, .c53013c7c65ed:active svg, .c82bdd76431b2:active svg,
.c5f049c59d1b5:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c5f049c59d1b5.disabled, .c53013c7c65ed.disabled, .c82bdd76431b2.disabled, .c5f049c59d1b5[disabled], [disabled].c53013c7c65ed, [disabled].c82bdd76431b2, .c5f049c59d1b5:disabled, .c53013c7c65ed:disabled, .c82bdd76431b2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1c26d03e5e2b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c1c26d03e5e2b svg,
.c1c26d03e5e2b span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c1c26d03e5e2b:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c1c26d03e5e2b:focus-visible svg,
.c1c26d03e5e2b:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c1c26d03e5e2b:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c1c26d03e5e2b:hover svg,
.c1c26d03e5e2b:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c1c26d03e5e2b:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c1c26d03e5e2b:active svg,
.c1c26d03e5e2b:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c1c26d03e5e2b.disabled, .c1c26d03e5e2b[disabled], .c1c26d03e5e2b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3a4a855df9df, .c68c4af79ad32, .cd5a41000ae49 button, .c2eff82643d6f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c3a4a855df9df svg, .c68c4af79ad32 svg, .cd5a41000ae49 button svg, .c2eff82643d6f svg,
.c3a4a855df9df span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c3a4a855df9df:focus-visible, .c68c4af79ad32:focus-visible, .cd5a41000ae49 button:focus-visible, .c2eff82643d6f:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c3a4a855df9df:focus-visible svg, .c68c4af79ad32:focus-visible svg, .cd5a41000ae49 button:focus-visible svg, .c2eff82643d6f:focus-visible svg,
.c3a4a855df9df:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c3a4a855df9df:hover, .c68c4af79ad32:hover, .cd5a41000ae49 button:hover, .c2eff82643d6f:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c3a4a855df9df:hover svg, .c68c4af79ad32:hover svg, .cd5a41000ae49 button:hover svg, .c2eff82643d6f:hover svg,
.c3a4a855df9df:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c3a4a855df9df:active, .c68c4af79ad32:active, .cd5a41000ae49 button:active, .c2eff82643d6f:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c3a4a855df9df:active svg, .c68c4af79ad32:active svg, .cd5a41000ae49 button:active svg, .c2eff82643d6f:active svg,
.c3a4a855df9df:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c3a4a855df9df.disabled, .c68c4af79ad32.disabled, .cd5a41000ae49 button.disabled, .c2eff82643d6f.disabled, .c3a4a855df9df[disabled], [disabled].c68c4af79ad32, .cd5a41000ae49 button[disabled], [disabled].c2eff82643d6f, .c3a4a855df9df:disabled, .c68c4af79ad32:disabled, .cd5a41000ae49 button:disabled, .c2eff82643d6f:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c3a4a855df9df.disabled svg, .c68c4af79ad32.disabled svg, .cd5a41000ae49 button.disabled svg, .c2eff82643d6f.disabled svg,
.c3a4a855df9df.disabled span svg, .c3a4a855df9df[disabled] svg, [disabled].c68c4af79ad32 svg, .cd5a41000ae49 button[disabled] svg, [disabled].c2eff82643d6f svg,
.c3a4a855df9df[disabled] span svg, .c3a4a855df9df:disabled svg, .c68c4af79ad32:disabled svg, .cd5a41000ae49 button:disabled svg, .c2eff82643d6f:disabled svg,
.c3a4a855df9df:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c6463ddc577e2 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c6463ddc577e2 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ca9b1d53e393d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ca9b1d53e393d svg,
.ca9b1d53e393d span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ca9b1d53e393d:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ca9b1d53e393d:focus-visible svg,
.ca9b1d53e393d:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ca9b1d53e393d:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ca9b1d53e393d:hover svg,
.ca9b1d53e393d:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ca9b1d53e393d:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ca9b1d53e393d:active svg,
.ca9b1d53e393d:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ca946874cf6ba {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c265034bb6c88 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce1dfb8a05b27 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ce1dfb8a05b27:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ce1dfb8a05b27:focus-visible svg,
.ce1dfb8a05b27:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ce1dfb8a05b27:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ce1dfb8a05b27:active {
  border: none;
  background-color: transparent;
}

.c1aef853fd983, .ccba16208e2d2 svg, .c2eff82643d6f svg, .cbd880934e084, .cfc347d4ec8db span svg, .cd5a41000ae49 button svg, .c9b0abb66770e.intermediate svg, .c8883f6305f96 label span.intermediate svg, .ccc64c309670c label span.intermediate svg, .c9b0abb66770e.checked svg, .c8883f6305f96 label span.checked svg, .ccc64c309670c label span.checked svg, .c13bffa751df2 span svg, .cffe1d9a17f3e span svg,
.c13bffa751df2 label svg,
.cffe1d9a17f3e label svg, .cd6a06f368974 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c1750adeb10b6 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c1750adeb10b6:hover {
  fill: none;
  stroke: none;
}

.cbd880934e084, .cfc347d4ec8db span svg, .cd5a41000ae49 button svg, .c9b0abb66770e.intermediate svg, .c8883f6305f96 label span.intermediate svg, .ccc64c309670c label span.intermediate svg, .c9b0abb66770e.checked svg, .c8883f6305f96 label span.checked svg, .ccc64c309670c label span.checked svg, .c13bffa751df2 span svg, .cffe1d9a17f3e span svg,
.c13bffa751df2 label svg,
.cffe1d9a17f3e label svg, .cd6a06f368974 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c314629a88b90 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c314629a88b90:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ca5414180bf20, .c7aa23650adcc input, .c7be408d2453e input, .c13bffa751df2 input, .cffe1d9a17f3e input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ca5414180bf20, .c7aa23650adcc input, .c7be408d2453e input, .c13bffa751df2 input, .cffe1d9a17f3e input {
    height: 23px;
  }
}
.ca5414180bf20, .c7aa23650adcc input, .c7be408d2453e input, .c13bffa751df2 input, .cffe1d9a17f3e input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ca5414180bf20[disabled], .c7aa23650adcc input[disabled], .c7be408d2453e input[disabled], .c13bffa751df2 input[disabled], .cffe1d9a17f3e input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cd6a06f368974 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c7fac5279a0f2, .c13bffa751df2 span, .cffe1d9a17f3e span,
.c13bffa751df2 label,
.cffe1d9a17f3e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c7fac5279a0f2, .c13bffa751df2 span, .cffe1d9a17f3e span,
  .c13bffa751df2 label,
  .cffe1d9a17f3e label {
    height: 25px;
  }
}
.c7fac5279a0f2, .c13bffa751df2 span, .cffe1d9a17f3e span,
.c13bffa751df2 label,
.cffe1d9a17f3e label {
  color: var(--input-foreground-color);
}

.c13bffa751df2, .cffe1d9a17f3e {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c13bffa751df2, .cffe1d9a17f3e {
    height: 25px;
    font-size: 10px;
  }
}
.c13bffa751df2, .cffe1d9a17f3e {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c13bffa751df2 span svg, .cffe1d9a17f3e span svg,
.c13bffa751df2 label svg,
.cffe1d9a17f3e label svg {
  color: var(--input-foreground-color);
}
.c13bffa751df2 ::-moz-placeholder, .cffe1d9a17f3e ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c13bffa751df2 ::placeholder, .cffe1d9a17f3e ::placeholder {
  color: var(--input-placeholder-color);
}
.c13bffa751df2:focus-within, .cffe1d9a17f3e:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c13bffa751df2:hover, .cffe1d9a17f3e:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c13bffa751df2:hover span, .cffe1d9a17f3e:hover span {
  color: var(--input-foreground-color-hover);
}
.c13bffa751df2:hover input, .cffe1d9a17f3e:hover input {
  color: var(--input-foreground-color-hover);
}
.c13bffa751df2:active, .cffe1d9a17f3e:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c13bffa751df2:active span, .cffe1d9a17f3e:active span {
  color: var(--input-foreground-color-active);
}
.c13bffa751df2:active input, .cffe1d9a17f3e:active input {
  color: var(--input-foreground-color-active);
}
.c13bffa751df2:focus, .cffe1d9a17f3e:focus, .c13bffa751df2:focus-within, .cffe1d9a17f3e:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c13bffa751df2:focus span, .cffe1d9a17f3e:focus span, .c13bffa751df2:focus-within span, .cffe1d9a17f3e:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c13bffa751df2:focus input, .cffe1d9a17f3e:focus input, .c13bffa751df2:focus-within input, .cffe1d9a17f3e:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c13bffa751df2:focus:hover, .cffe1d9a17f3e:focus:hover, .c13bffa751df2:focus-within:hover, .cffe1d9a17f3e:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c13bffa751df2:focus:hover span, .cffe1d9a17f3e:focus:hover span, .c13bffa751df2:focus-within:hover span, .cffe1d9a17f3e:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c13bffa751df2:focus:hover input, .cffe1d9a17f3e:focus:hover input, .c13bffa751df2:focus-within:hover input, .cffe1d9a17f3e:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c7be408d2453e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c7be408d2453e input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c7be408d2453e ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c7be408d2453e ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c7be408d2453e:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c7be408d2453e:focus-within input, .c7be408d2453e:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c33ed819c7a0f, .c7aa23650adcc.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c33ed819c7a0f input, .c7aa23650adcc.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c33ed819c7a0f span svg, .c7aa23650adcc.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c9b0abb66770e, .c8883f6305f96 label span, .ccc64c309670c label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c9b0abb66770e svg, .c8883f6305f96 label span svg, .ccc64c309670c label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c9b0abb66770e:hover, .c8883f6305f96 label span:hover, .ccc64c309670c label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c9b0abb66770e:focus, .c8883f6305f96 label span:focus, .ccc64c309670c label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c9b0abb66770e.checked, .c8883f6305f96 label span.checked, .ccc64c309670c label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c9b0abb66770e.checked svg, .c8883f6305f96 label span.checked svg, .ccc64c309670c label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c9b0abb66770e.intermediate, .c8883f6305f96 label span.intermediate, .ccc64c309670c label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c9b0abb66770e.intermediate svg, .c8883f6305f96 label span.intermediate svg, .ccc64c309670c label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c9b0abb66770e.unchecked, .c8883f6305f96 label span.unchecked, .ccc64c309670c label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c9b0abb66770e.unchecked svg, .c8883f6305f96 label span.unchecked svg, .ccc64c309670c label span.unchecked svg {
  display: none;
}

.c8883f6305f96, .ccc64c309670c {
  display: flex;
  align-items: center;
}
.c8883f6305f96 label, .ccc64c309670c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c8883f6305f96 label input, .ccc64c309670c label input {
  margin: 0;
}
.c8883f6305f96 label:hover span, .ccc64c309670c label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8883f6305f96 label:focus span, .ccc64c309670c label:focus span, .c8883f6305f96 label:focus-within span, .ccc64c309670c label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c7aa23650adcc {
  display: flex;
  flex-direction: column;
}
.c7aa23650adcc label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c7aa23650adcc input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c7aa23650adcc input:focus-within input, .c7aa23650adcc input:active input {
  color: var(--input-foreground-color-active);
}
.c7aa23650adcc input:focus-within, .c7aa23650adcc input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c7aa23650adcc.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c05217604e31c, .cbef0d910694b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cbb2dab502b5c {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c20e98a85f346 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c2eff82643d6f {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c47c6512733e8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc1280a60edb0 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c82bdd76431b2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cbfeaba3c74fb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c488155662bc8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cd4c22884ee33 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cd4c22884ee33:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cf7845fc50bf2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c54834a2f263d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c755752b3bfb6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ca92432766451 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cddeadf98c0b4 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cddeadf98c0b4:hover, .cddeadf98c0b4:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cd5a41000ae49 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cd5a41000ae49 button {
  display: none;
}
.cd5a41000ae49 button svg {
  stroke: var(--icon-foreground);
}
.cd5a41000ae49:hover button {
  display: flex;
}

.c166071ea7ea1 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c166071ea7ea1 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c166071ea7ea1 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ca86f8d4bb597 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ca86f8d4bb597:hover div {
  color: var(--entry-foreground-color-hover);
}

.c0e8901403847 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ca91ed3e9fb3b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ca91ed3e9fb3b:hover {
  background-color: var(--menu-background-color-hover);
}

.cfc347d4ec8db {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cfc347d4ec8db span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cfc347d4ec8db span svg {
  stroke: var(--icon-foreground);
}
.cfc347d4ec8db:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cfc347d4ec8db:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cb9bc39b8ec5c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c9d5129bb75ee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cbef0d910694b {
  left: 87.5rem;
  width: auto;
  padding: var(--sp-m);
  width: 19.375rem;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.cb7f0ec0c4815 {
  border-radius: 0.5rem;
  overflow: hidden;
}

.cadf28d48fe38 {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: space-between;
  height: 2.5rem;
}

.cf83cfdc6e8da {
  display: flex;
  gap: var(--sp-s);
}

.cffe1d9a17f3e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  width: 4.25rem;
}

.ccba16208e2d2 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 0.5rem;
  background-color: transparent;
  border: 0.0625rem solid transparent;
  height: var(--sp-xl);
  width: var(--sp-xl);
  border-radius: 0.25rem;
  padding: 0;
  margin-top: var(--sp-xs);
}
.ccba16208e2d2 svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ccba16208e2d2:hover svg {
  color: var(--button-tertiary-foreground-color-focus);
}
.ccba16208e2d2:focus, .ccba16208e2d2:focus-visible {
  outline: none;
}
.ccba16208e2d2:focus svg, .ccba16208e2d2:focus-visible svg {
  color: var(--button-secondary-foreground-color-hover);
}
.ccba16208e2d2:active {
  outline: none;
  border: 0.0625rem solid transparent;
}
.ccba16208e2d2:active svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ccba16208e2d2.c91203e380f3b svg {
  color: var(--button-tertiary-foreground-color-active);
}

.c73850e0227bd {
  display: flex;
  align-items: center;
  gap: var(--sp-s);
}

.c68c4af79ad32 {
  height: var(--sp-xl);
  width: var(--sp-xl);
  border-radius: 0.25rem;
  border: 0.125rem solid transparent;
}
.c68c4af79ad32:hover {
  border: 0.125rem solid var(--colorpicker-details-color-selected);
}

.c421b5350422c {
  background: linear-gradient(180deg, var(--color-foreground-secondary), transparent);
}
.c421b5350422c.c91203e380f3b {
  background: linear-gradient(to bottom, rgb(126, 255, 245) 0%, rgba(126, 255, 245, 0.2) 100%);
  border: 0.125rem solid var(--colorpicker-details-color-selected);
}

.c5775ca0fe0bd {
  background: radial-gradient(transparent, var(--color-foreground-secondary));
}
.c5775ca0fe0bd.c91203e380f3b {
  background: radial-gradient(rgb(126, 255, 245) 0%, rgba(126, 255, 245, 0.2) 100%);
  border: 0.125rem solid var(--colorpicker-details-color-selected);
}

.c9b53d6ca017e {
  display: flex;
  gap: var(--sp-xs);
}

.c6fed2f51d0af {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  width: 100%;
  height: var(--sp-xxxl);
  margin-top: var(--sp-s);
}

.ca6bbe0f5d514 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: var(--sp-m) 0 var(--sp-s) 0;
}

.c494bc5f4300c {
  width: var(--sp-xxl);
  height: var(--sp-xxl);
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(calc(-1 * var(--sp-m)), calc(-1 * var(--sp-m)));
}

.cd17be246503d {
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

.ce130bca1e958 {
  width: 7.25rem;
}

.c29f2353c2541 {
  margin-top: var(--sp-xs);
}

.c2dedfec82607 {
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  background-image: url("/images/colorpicker-no-image.png");
  background-position: center;
  background-size: auto 8.75rem;
  height: 8.75rem;
  margin-bottom: 0.375rem;
  margin-right: 0.0625rem;
}
.c2dedfec82607 img {
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

.c53013c7c65ed {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  width: 100%;
  margin-top: var(--sp-m);
  height: var(--sp-xxxl);
}

.ccc64c309670c {
  margin: var(--sp-l) 0 0 0;
}

.c666e295f394f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1rem;
  color: var(--color-foreground-secondary);
  display: flex;
  align-items: center;
  height: var(--sp-xxxl);
}
@keyframes c0c67e14b5d28 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c880dbe38c3fd {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c880dbe38c3fd:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c880dbe38c3fd ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c880dbe38c3fd ::-webkit-scrollbar-track,
.c880dbe38c3fd ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c880dbe38c3fd ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c880dbe38c3fd ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c880dbe38c3fd ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c880dbe38c3fd ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c880dbe38c3fd ::placeholder,
.c880dbe38c3fd ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c2c90980abf35, .c3a7a604d9b48, .c84cdde0cd897 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c2c90980abf35 svg, .c3a7a604d9b48 svg, .c84cdde0cd897 svg,
.c2c90980abf35 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c2c90980abf35:focus-visible, .c3a7a604d9b48:focus-visible, .c84cdde0cd897:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c2c90980abf35:focus-visible svg, .c3a7a604d9b48:focus-visible svg, .c84cdde0cd897:focus-visible svg,
.c2c90980abf35:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c2c90980abf35:hover, .c3a7a604d9b48:hover, .c84cdde0cd897:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c2c90980abf35:hover svg, .c3a7a604d9b48:hover svg, .c84cdde0cd897:hover svg,
.c2c90980abf35:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c2c90980abf35:active, .c3a7a604d9b48:active, .c84cdde0cd897:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c2c90980abf35:active svg, .c3a7a604d9b48:active svg, .c84cdde0cd897:active svg,
.c2c90980abf35:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c2c90980abf35.disabled, .c3a7a604d9b48.disabled, .c84cdde0cd897.disabled, .c2c90980abf35[disabled], [disabled].c3a7a604d9b48, [disabled].c84cdde0cd897, .c2c90980abf35:disabled, .c3a7a604d9b48:disabled, .c84cdde0cd897:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c027d39a50158, .c2014f5c75fd0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c027d39a50158 svg, .c2014f5c75fd0 svg,
.c027d39a50158 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c027d39a50158:focus-visible, .c2014f5c75fd0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c027d39a50158:focus-visible svg, .c2014f5c75fd0:focus-visible svg,
.c027d39a50158:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c027d39a50158:hover, .c2014f5c75fd0:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c027d39a50158:hover svg, .c2014f5c75fd0:hover svg,
.c027d39a50158:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c027d39a50158:active, .c2014f5c75fd0:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c027d39a50158:active svg, .c2014f5c75fd0:active svg,
.c027d39a50158:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c027d39a50158.disabled, .c2014f5c75fd0.disabled, .c027d39a50158[disabled], [disabled].c2014f5c75fd0, .c027d39a50158:disabled, .c2014f5c75fd0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb228ad069e2e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cb228ad069e2e svg,
.cb228ad069e2e span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cb228ad069e2e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb228ad069e2e:focus-visible svg,
.cb228ad069e2e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb228ad069e2e:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cb228ad069e2e:hover svg,
.cb228ad069e2e:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cb228ad069e2e:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cb228ad069e2e:active svg,
.cb228ad069e2e:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cb228ad069e2e.disabled, .cb228ad069e2e[disabled], .cb228ad069e2e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c28b8fdeed57c, .ccb60614b9eb8 button, .c0a5c786cd5df {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c28b8fdeed57c svg, .ccb60614b9eb8 button svg, .c0a5c786cd5df svg,
.c28b8fdeed57c span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c28b8fdeed57c:focus-visible, .ccb60614b9eb8 button:focus-visible, .c0a5c786cd5df:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c28b8fdeed57c:focus-visible svg, .ccb60614b9eb8 button:focus-visible svg, .c0a5c786cd5df:focus-visible svg,
.c28b8fdeed57c:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c28b8fdeed57c:hover, .ccb60614b9eb8 button:hover, .c0a5c786cd5df:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c28b8fdeed57c:hover svg, .ccb60614b9eb8 button:hover svg, .c0a5c786cd5df:hover svg,
.c28b8fdeed57c:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c28b8fdeed57c:active, .ccb60614b9eb8 button:active, .c0a5c786cd5df:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c28b8fdeed57c:active svg, .ccb60614b9eb8 button:active svg, .c0a5c786cd5df:active svg,
.c28b8fdeed57c:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c28b8fdeed57c.disabled, .ccb60614b9eb8 button.disabled, .c0a5c786cd5df.disabled, .c28b8fdeed57c[disabled], .ccb60614b9eb8 button[disabled], [disabled].c0a5c786cd5df, .c28b8fdeed57c:disabled, .ccb60614b9eb8 button:disabled, .c0a5c786cd5df:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c28b8fdeed57c.disabled svg, .ccb60614b9eb8 button.disabled svg, .c0a5c786cd5df.disabled svg,
.c28b8fdeed57c.disabled span svg, .c28b8fdeed57c[disabled] svg, .ccb60614b9eb8 button[disabled] svg, [disabled].c0a5c786cd5df svg,
.c28b8fdeed57c[disabled] span svg, .c28b8fdeed57c:disabled svg, .ccb60614b9eb8 button:disabled svg, .c0a5c786cd5df:disabled svg,
.c28b8fdeed57c:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c30a35de57519 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c30a35de57519 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c1711ff6fd95a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c1711ff6fd95a svg,
.c1711ff6fd95a span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c1711ff6fd95a:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c1711ff6fd95a:focus-visible svg,
.c1711ff6fd95a:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c1711ff6fd95a:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c1711ff6fd95a:hover svg,
.c1711ff6fd95a:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c1711ff6fd95a:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c1711ff6fd95a:active svg,
.c1711ff6fd95a:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c99b3fdf7cfe0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cdfdf6bcf0825 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c995c2b1a7e1f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c995c2b1a7e1f:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c995c2b1a7e1f:focus-visible svg,
.c995c2b1a7e1f:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c995c2b1a7e1f:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c995c2b1a7e1f:active {
  border: none;
  background-color: transparent;
}

.cf7b50c88860c, .c0a5c786cd5df svg, .c091643e83a55, .c7856ed4f820a svg, .c422dde10beb9 .c261be2309568 svg, .c32708ad0c9f2 span svg, .c422dde10beb9 span svg, .ccb60614b9eb8 button svg, .c4d7672c80f3b.intermediate svg, .cf78688781976 label span.intermediate svg, .c4d7672c80f3b.checked svg, .cf78688781976 label span.checked svg, .cc7fd81d74e91 span svg,
.cc7fd81d74e91 label svg, .c3d5e9548e81d svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cfd7640a2f9a6 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cfd7640a2f9a6:hover {
  fill: none;
  stroke: none;
}

.c091643e83a55, .c7856ed4f820a svg, .c422dde10beb9 .c261be2309568 svg, .c32708ad0c9f2 span svg, .c422dde10beb9 span svg, .ccb60614b9eb8 button svg, .c4d7672c80f3b.intermediate svg, .cf78688781976 label span.intermediate svg, .c4d7672c80f3b.checked svg, .cf78688781976 label span.checked svg, .cc7fd81d74e91 span svg,
.cc7fd81d74e91 label svg, .c3d5e9548e81d svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cd0135fba4003 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cd0135fba4003:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c6891c3f91dd3, .c085f5ddaa339 input, .c8ef0285cbfc0 input, .cc7fd81d74e91 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c6891c3f91dd3, .c085f5ddaa339 input, .c8ef0285cbfc0 input, .cc7fd81d74e91 input {
    height: 23px;
  }
}
.c6891c3f91dd3, .c085f5ddaa339 input, .c8ef0285cbfc0 input, .cc7fd81d74e91 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c6891c3f91dd3[disabled], .c085f5ddaa339 input[disabled], .c8ef0285cbfc0 input[disabled], .cc7fd81d74e91 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c3d5e9548e81d {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cedaf89684345, .cc7fd81d74e91 span,
.cc7fd81d74e91 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cedaf89684345, .cc7fd81d74e91 span,
  .cc7fd81d74e91 label {
    height: 25px;
  }
}
.cedaf89684345, .cc7fd81d74e91 span,
.cc7fd81d74e91 label {
  color: var(--input-foreground-color);
}

.cc7fd81d74e91 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc7fd81d74e91 {
    height: 25px;
    font-size: 10px;
  }
}
.cc7fd81d74e91 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cc7fd81d74e91 span svg,
.cc7fd81d74e91 label svg {
  color: var(--input-foreground-color);
}
.cc7fd81d74e91 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cc7fd81d74e91 ::placeholder {
  color: var(--input-placeholder-color);
}
.cc7fd81d74e91:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc7fd81d74e91:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cc7fd81d74e91:hover span {
  color: var(--input-foreground-color-hover);
}
.cc7fd81d74e91:hover input {
  color: var(--input-foreground-color-hover);
}
.cc7fd81d74e91:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cc7fd81d74e91:active span {
  color: var(--input-foreground-color-active);
}
.cc7fd81d74e91:active input {
  color: var(--input-foreground-color-active);
}
.cc7fd81d74e91:focus, .cc7fd81d74e91:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc7fd81d74e91:focus span, .cc7fd81d74e91:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cc7fd81d74e91:focus input, .cc7fd81d74e91:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cc7fd81d74e91:focus:hover, .cc7fd81d74e91:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc7fd81d74e91:focus:hover span, .cc7fd81d74e91:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cc7fd81d74e91:focus:hover input, .cc7fd81d74e91:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c8ef0285cbfc0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c8ef0285cbfc0 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c8ef0285cbfc0 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c8ef0285cbfc0 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c8ef0285cbfc0:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c8ef0285cbfc0:focus-within input, .c8ef0285cbfc0:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c91672d036ff0, .c085f5ddaa339.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c91672d036ff0 input, .c085f5ddaa339.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c91672d036ff0 span svg, .c085f5ddaa339.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c4d7672c80f3b, .cf78688781976 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c4d7672c80f3b svg, .cf78688781976 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c4d7672c80f3b:hover, .cf78688781976 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4d7672c80f3b:focus, .cf78688781976 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c4d7672c80f3b.checked, .cf78688781976 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c4d7672c80f3b.checked svg, .cf78688781976 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c4d7672c80f3b.intermediate, .cf78688781976 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c4d7672c80f3b.intermediate svg, .cf78688781976 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c4d7672c80f3b.unchecked, .cf78688781976 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c4d7672c80f3b.unchecked svg, .cf78688781976 label span.unchecked svg {
  display: none;
}

.cf78688781976 {
  display: flex;
  align-items: center;
}
.cf78688781976 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cf78688781976 label input {
  margin: 0;
}
.cf78688781976 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf78688781976 label:focus span, .cf78688781976 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c085f5ddaa339 {
  display: flex;
  flex-direction: column;
}
.c085f5ddaa339 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c085f5ddaa339 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c085f5ddaa339 input:focus-within input, .c085f5ddaa339 input:active input {
  color: var(--input-foreground-color-active);
}
.c085f5ddaa339 input:focus-within, .c085f5ddaa339 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c085f5ddaa339.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ca486ae7ac22c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.caf500febee14 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c2a8aecb020c0 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c0a5c786cd5df {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c1cc7fdb2330a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c71b67435d06a {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c2014f5c75fd0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c84cdde0cd897 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3a7a604d9b48 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cfbcf7fe5c113, .cd114437bc347 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cfbcf7fe5c113:hover, .cd114437bc347:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c5916c23387e3 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c2daa7c0d7ee7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c463fd669fe2a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cf5f052870a59 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c813ac8f61340 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c813ac8f61340:hover, .c813ac8f61340:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ccb60614b9eb8 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ccb60614b9eb8 button {
  display: none;
}
.ccb60614b9eb8 button svg {
  stroke: var(--icon-foreground);
}
.ccb60614b9eb8:hover button {
  display: flex;
}

.cc9a9bb5b0693 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cc9a9bb5b0693 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cc9a9bb5b0693 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c280c8012ee8a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c280c8012ee8a:hover div {
  color: var(--entry-foreground-color-hover);
}

.c641c57651e2e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c0b01407c834e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c0b01407c834e:hover {
  background-color: var(--menu-background-color-hover);
}

.c32708ad0c9f2, .c422dde10beb9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c32708ad0c9f2 span, .c422dde10beb9 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c32708ad0c9f2 span svg, .c422dde10beb9 span svg {
  stroke: var(--icon-foreground);
}
.c32708ad0c9f2:hover, .c422dde10beb9:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c32708ad0c9f2:hover span svg, .c422dde10beb9:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cb57459c6dd14, .c505dceb8b223 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c0103d58afc85 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cef4eaf8c6163,
.cf0fac0bb3377 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c75e65cf9a61d .cef4eaf8c6163,
.c75e65cf9a61d .cf0fac0bb3377 {
  transform: scale(1);
}

.c5429739c07c5 .cef4eaf8c6163,
.c5429739c07c5 .cf0fac0bb3377 {
  transform: scale(0);
}

.c5c92f06df320 {
  position: relative;
  background-color: var(--panel-background-color);
  display: grid;
  grid-template-rows: 2.5rem 3rem 1fr;
}

.ce9c2842a0f97 {
  padding: 0 0.5rem;
}

.cb018966c1aae {
  margin: var(--sp-s) var(--sp-s) 0 var(--sp-s);
  padding: 4px;
}

.cd114437bc347 {
  border: none;
  background: none;
  cursor: pointer;
  background-color: var(--color-background-fifty);
  display: flex;
  width: 100%;
  max-width: 16rem;
  height: 2rem;
  padding: 0.5rem;
  border-radius: 8px;
  margin: 1rem auto 0 auto;
  cursor: pointer;
  position: relative;
}

.cb542159c487f {
  padding-right: 8px;
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
}

.c7856ed4f820a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
}
.c7856ed4f820a svg {
  transform: rotate(90deg);
  stroke: none;
}

.c505dceb8b223 {
  top: 5.75rem;
  left: 0.75rem;
  max-width: 16rem;
  width: 100%;
}

.c0a14beb02ba2 {
  left: 0.5rem;
}

.c422dde10beb9 {
  justify-content: space-between;
}
.c422dde10beb9 .c261be2309568 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
}
.c422dde10beb9 .c261be2309568 svg {
  stroke: transparent;
}
.c422dde10beb9 .c4c589d1450fb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}
.c422dde10beb9:hover .c261be2309568 svg {
  stroke: transparent;
}
.c422dde10beb9.ca9255f7ba6c0 .c4c589d1450fb {
  color: var(--menu-foreground-color);
}
.c422dde10beb9.ca9255f7ba6c0 .c261be2309568 svg {
  stroke: none;
}

.cb3aaf673317f {
  height: 0.75rem;
}

.c97c66e7b8981 {
  height: 100%;
  overflow-y: auto;
}

.c3c9a08075f2e {
  display: flex;
  flex-direction: column;
}

.c89f781c3ac40 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xxxl);
  margin: var(--sp-xxxl) auto;
  inline-size: 12.5rem;
}
@keyframes cc6c89fc65cf6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c94238ec7fa16 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c94238ec7fa16:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c94238ec7fa16 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c94238ec7fa16 ::-webkit-scrollbar-track,
.c94238ec7fa16 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c94238ec7fa16 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c94238ec7fa16 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c94238ec7fa16 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c94238ec7fa16 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c94238ec7fa16 ::placeholder,
.c94238ec7fa16 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c0f88a968ca73, .c696428d3946c, .cdfa115b3d288 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c0f88a968ca73 svg, .c696428d3946c svg, .cdfa115b3d288 svg,
.c0f88a968ca73 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c0f88a968ca73:focus-visible, .c696428d3946c:focus-visible, .cdfa115b3d288:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c0f88a968ca73:focus-visible svg, .c696428d3946c:focus-visible svg, .cdfa115b3d288:focus-visible svg,
.c0f88a968ca73:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c0f88a968ca73:hover, .c696428d3946c:hover, .cdfa115b3d288:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c0f88a968ca73:hover svg, .c696428d3946c:hover svg, .cdfa115b3d288:hover svg,
.c0f88a968ca73:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c0f88a968ca73:active, .c696428d3946c:active, .cdfa115b3d288:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c0f88a968ca73:active svg, .c696428d3946c:active svg, .cdfa115b3d288:active svg,
.c0f88a968ca73:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c0f88a968ca73.disabled, .c696428d3946c.disabled, .cdfa115b3d288.disabled, .c0f88a968ca73[disabled], [disabled].c696428d3946c, [disabled].cdfa115b3d288, .c0f88a968ca73:disabled, .c696428d3946c:disabled, .cdfa115b3d288:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c697bd42fdcd2, .c2faf56b39825 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c697bd42fdcd2 svg, .c2faf56b39825 svg,
.c697bd42fdcd2 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c697bd42fdcd2:focus-visible, .c2faf56b39825:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c697bd42fdcd2:focus-visible svg, .c2faf56b39825:focus-visible svg,
.c697bd42fdcd2:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c697bd42fdcd2:hover, .c2faf56b39825:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c697bd42fdcd2:hover svg, .c2faf56b39825:hover svg,
.c697bd42fdcd2:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c697bd42fdcd2:active, .c2faf56b39825:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c697bd42fdcd2:active svg, .c2faf56b39825:active svg,
.c697bd42fdcd2:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c697bd42fdcd2.disabled, .c2faf56b39825.disabled, .c697bd42fdcd2[disabled], [disabled].c2faf56b39825, .c697bd42fdcd2:disabled, .c2faf56b39825:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c78fcbe8beef5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c78fcbe8beef5 svg,
.c78fcbe8beef5 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c78fcbe8beef5:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c78fcbe8beef5:focus-visible svg,
.c78fcbe8beef5:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c78fcbe8beef5:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c78fcbe8beef5:hover svg,
.c78fcbe8beef5:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c78fcbe8beef5:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c78fcbe8beef5:active svg,
.c78fcbe8beef5:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c78fcbe8beef5.disabled, .c78fcbe8beef5[disabled], .c78fcbe8beef5:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c03aa55dfd80a, .cc6e1e261db79 button, .ce4efab77d145 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c03aa55dfd80a svg, .cc6e1e261db79 button svg, .ce4efab77d145 svg,
.c03aa55dfd80a span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c03aa55dfd80a:focus-visible, .cc6e1e261db79 button:focus-visible, .ce4efab77d145:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c03aa55dfd80a:focus-visible svg, .cc6e1e261db79 button:focus-visible svg, .ce4efab77d145:focus-visible svg,
.c03aa55dfd80a:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c03aa55dfd80a:hover, .cc6e1e261db79 button:hover, .ce4efab77d145:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c03aa55dfd80a:hover svg, .cc6e1e261db79 button:hover svg, .ce4efab77d145:hover svg,
.c03aa55dfd80a:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c03aa55dfd80a:active, .cc6e1e261db79 button:active, .ce4efab77d145:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c03aa55dfd80a:active svg, .cc6e1e261db79 button:active svg, .ce4efab77d145:active svg,
.c03aa55dfd80a:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c03aa55dfd80a.disabled, .cc6e1e261db79 button.disabled, .ce4efab77d145.disabled, .c03aa55dfd80a[disabled], .cc6e1e261db79 button[disabled], [disabled].ce4efab77d145, .c03aa55dfd80a:disabled, .cc6e1e261db79 button:disabled, .ce4efab77d145:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c03aa55dfd80a.disabled svg, .cc6e1e261db79 button.disabled svg, .ce4efab77d145.disabled svg,
.c03aa55dfd80a.disabled span svg, .c03aa55dfd80a[disabled] svg, .cc6e1e261db79 button[disabled] svg, [disabled].ce4efab77d145 svg,
.c03aa55dfd80a[disabled] span svg, .c03aa55dfd80a:disabled svg, .cc6e1e261db79 button:disabled svg, .ce4efab77d145:disabled svg,
.c03aa55dfd80a:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c800b845971a4 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c800b845971a4 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c3635f43e764c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c3635f43e764c svg,
.c3635f43e764c span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c3635f43e764c:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c3635f43e764c:focus-visible svg,
.c3635f43e764c:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c3635f43e764c:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c3635f43e764c:hover svg,
.c3635f43e764c:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c3635f43e764c:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c3635f43e764c:active svg,
.c3635f43e764c:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c83195ad990b6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cca3f5938f232 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4560e697d093 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c4560e697d093:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c4560e697d093:focus-visible svg,
.c4560e697d093:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c4560e697d093:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c4560e697d093:active {
  border: none;
  background-color: transparent;
}

.c060f81a9dc87, .ce4efab77d145 svg, .c4994bd597c23, .cbc08d34c2f26 .c694b5e61e14e svg, .c21411fa94dc8 .ce09ce720bdb5 svg, .c21411fa94dc8 .c46ad812689d9 svg, .c276723b90ab2 span svg, .cc6e1e261db79 button svg, .c75b1717f2a88.intermediate svg, .cc5d289897a28 label span.intermediate svg, .c75b1717f2a88.checked svg, .cc5d289897a28 label span.checked svg, .c6094257a9caf span svg,
.c6094257a9caf label svg, .c55ba817a0be1 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ca98aecdebecc {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ca98aecdebecc:hover {
  fill: none;
  stroke: none;
}

.c4994bd597c23, .cbc08d34c2f26 .c694b5e61e14e svg, .c21411fa94dc8 .ce09ce720bdb5 svg, .c21411fa94dc8 .c46ad812689d9 svg, .c276723b90ab2 span svg, .cc6e1e261db79 button svg, .c75b1717f2a88.intermediate svg, .cc5d289897a28 label span.intermediate svg, .c75b1717f2a88.checked svg, .cc5d289897a28 label span.checked svg, .c6094257a9caf span svg,
.c6094257a9caf label svg, .c55ba817a0be1 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c4576cb9431f6 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c4576cb9431f6:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c23c78566dbe8, .c7e658b399831 input, .cb667298c8c20 input, .c6094257a9caf input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c23c78566dbe8, .c7e658b399831 input, .cb667298c8c20 input, .c6094257a9caf input {
    height: 23px;
  }
}
.c23c78566dbe8, .c7e658b399831 input, .cb667298c8c20 input, .c6094257a9caf input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c23c78566dbe8[disabled], .c7e658b399831 input[disabled], .cb667298c8c20 input[disabled], .c6094257a9caf input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c55ba817a0be1 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c4d1eb83c45c3, .c6094257a9caf span,
.c6094257a9caf label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c4d1eb83c45c3, .c6094257a9caf span,
  .c6094257a9caf label {
    height: 25px;
  }
}
.c4d1eb83c45c3, .c6094257a9caf span,
.c6094257a9caf label {
  color: var(--input-foreground-color);
}

.c6094257a9caf {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6094257a9caf {
    height: 25px;
    font-size: 10px;
  }
}
.c6094257a9caf {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c6094257a9caf span svg,
.c6094257a9caf label svg {
  color: var(--input-foreground-color);
}
.c6094257a9caf ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c6094257a9caf ::placeholder {
  color: var(--input-placeholder-color);
}
.c6094257a9caf:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c6094257a9caf:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c6094257a9caf:hover span {
  color: var(--input-foreground-color-hover);
}
.c6094257a9caf:hover input {
  color: var(--input-foreground-color-hover);
}
.c6094257a9caf:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c6094257a9caf:active span {
  color: var(--input-foreground-color-active);
}
.c6094257a9caf:active input {
  color: var(--input-foreground-color-active);
}
.c6094257a9caf:focus, .c6094257a9caf:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6094257a9caf:focus span, .c6094257a9caf:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c6094257a9caf:focus input, .c6094257a9caf:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c6094257a9caf:focus:hover, .c6094257a9caf:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6094257a9caf:focus:hover span, .c6094257a9caf:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c6094257a9caf:focus:hover input, .c6094257a9caf:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cb667298c8c20 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cb667298c8c20 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cb667298c8c20 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb667298c8c20 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb667298c8c20:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cb667298c8c20:focus-within input, .cb667298c8c20:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c2870074985fb, .c7e658b399831.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c2870074985fb input, .c7e658b399831.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c2870074985fb span svg, .c7e658b399831.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c75b1717f2a88, .cc5d289897a28 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c75b1717f2a88 svg, .cc5d289897a28 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c75b1717f2a88:hover, .cc5d289897a28 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c75b1717f2a88:focus, .cc5d289897a28 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c75b1717f2a88.checked, .cc5d289897a28 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c75b1717f2a88.checked svg, .cc5d289897a28 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c75b1717f2a88.intermediate, .cc5d289897a28 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c75b1717f2a88.intermediate svg, .cc5d289897a28 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c75b1717f2a88.unchecked, .cc5d289897a28 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c75b1717f2a88.unchecked svg, .cc5d289897a28 label span.unchecked svg {
  display: none;
}

.cc5d289897a28 {
  display: flex;
  align-items: center;
}
.cc5d289897a28 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cc5d289897a28 label input {
  margin: 0;
}
.cc5d289897a28 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cc5d289897a28 label:focus span, .cc5d289897a28 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c7e658b399831 {
  display: flex;
  flex-direction: column;
}
.c7e658b399831 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c7e658b399831 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c7e658b399831 input:focus-within input, .c7e658b399831 input:active input {
  color: var(--input-foreground-color-active);
}
.c7e658b399831 input:focus-within, .c7e658b399831 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c7e658b399831.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c6cf54659a0c6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c96e3f72c183b {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c114c31169008 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ce4efab77d145 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cae79170ee7c5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c188472eca0b7 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c2faf56b39825 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cdfa115b3d288 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c696428d3946c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cab39bf3df2c8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cab39bf3df2c8:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cccde56d35d0b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c2b6d4e3c03b2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cedfd9214b61d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cb9bd8957473b {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cf5d579feb93b {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cf5d579feb93b:hover, .cf5d579feb93b:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cc6e1e261db79 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cc6e1e261db79 button {
  display: none;
}
.cc6e1e261db79 button svg {
  stroke: var(--icon-foreground);
}
.cc6e1e261db79:hover button {
  display: flex;
}

.cac3101cc4619 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cac3101cc4619 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cac3101cc4619 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c9753cdaf02a0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c9753cdaf02a0:hover div {
  color: var(--entry-foreground-color-hover);
}

.cea17bbd59b15 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cd472d6d3ab31 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cd472d6d3ab31:hover {
  background-color: var(--menu-background-color-hover);
}

.c276723b90ab2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c276723b90ab2 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c276723b90ab2 span svg {
  stroke: var(--icon-foreground);
}
.c276723b90ab2:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c276723b90ab2:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c819442853ace {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cb4f1626c78e8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c1007b760019a,
.c29b2957633d5 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c0512d8eb5bdc .c1007b760019a,
.c0512d8eb5bdc .c29b2957633d5 {
  transform: scale(1);
}

.c750fb26013ae .c1007b760019a,
.c750fb26013ae .c29b2957633d5 {
  transform: scale(0);
}

.cd84cc6045b86 {
  position: absolute;
  top: 2.5rem;
  left: 46rem;
  z-index: 4;
}

.c154e889c1914,
.c00079f651bd1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: grid;
  width: 15rem;
  padding: 0.25rem;
  border-radius: 8px;
  border: 0.125rem solid var(--panel-border-color);
  background-color: var(--menu-background-color);
  max-height: 99vh;
  overflow-y: auto;
}

.c00079f651bd1 {
  position: absolute;
}

.cb0da1df1c4cd {
  height: 0.75rem;
}

.cbc08d34c2f26 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cbc08d34c2f26 .c3dbe7311d721 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--menu-foreground-color);
}
.cbc08d34c2f26 .c69478f36559c {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}
.cbc08d34c2f26 .c69478f36559c .c64ff954d75a5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}
.cbc08d34c2f26 .c694b5e61e14e svg {
  color: var(--menu-foreground-color);
}
.cbc08d34c2f26:hover {
  background-color: var(--menu-background-color-hover);
}
.cbc08d34c2f26:hover .c3dbe7311d721 {
  color: var(--menu-foreground-color-hover);
}
.cbc08d34c2f26:hover .c69478f36559c {
  color: var(--menu-shortcut-foreground-color-hover);
}
.cbc08d34c2f26:focus {
  border: 1px solid var(--menu-border-color-focus);
  background-color: var(--menu-background-color-focus);
}

.c21411fa94dc8 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 1.75rem;
  padding: 0.375rem;
  border-radius: 8px;
}
.c21411fa94dc8:hover {
  background-color: var(--menu-background-color-hover);
}
.c21411fa94dc8 span.c3dbe7311d721 {
  margin-left: 0.375rem;
}
.c21411fa94dc8 .ce09ce720bdb5 svg {
  color: var(--menu-foreground-color);
}
.c21411fa94dc8 .c46ad812689d9 {
  margin-left: 0.125rem;
}
.c21411fa94dc8 .c46ad812689d9 svg {
  color: var(--menu-foreground-color);
}
.c21411fa94dc8 .c23f1f4095bc0 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0;
}

.c21411fa94dc8[disabled],
.cbc08d34c2f26[disabled] {
  pointer-events: none;
  opacity: 0.6;
}
@keyframes c3a3898a3e6bf {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c208f4afac21c {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c208f4afac21c:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c208f4afac21c ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c208f4afac21c ::-webkit-scrollbar-track,
.c208f4afac21c ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c208f4afac21c ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c208f4afac21c ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c208f4afac21c ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c208f4afac21c ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c208f4afac21c ::placeholder,
.c208f4afac21c ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c834cf65850ea, .c607544f45238, .ce82d759dd2bc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c834cf65850ea svg, .c607544f45238 svg, .ce82d759dd2bc svg,
.c834cf65850ea span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c834cf65850ea:focus-visible, .c607544f45238:focus-visible, .ce82d759dd2bc:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c834cf65850ea:focus-visible svg, .c607544f45238:focus-visible svg, .ce82d759dd2bc:focus-visible svg,
.c834cf65850ea:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c834cf65850ea:hover, .c607544f45238:hover, .ce82d759dd2bc:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c834cf65850ea:hover svg, .c607544f45238:hover svg, .ce82d759dd2bc:hover svg,
.c834cf65850ea:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c834cf65850ea:active, .c607544f45238:active, .ce82d759dd2bc:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c834cf65850ea:active svg, .c607544f45238:active svg, .ce82d759dd2bc:active svg,
.c834cf65850ea:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c834cf65850ea.disabled, .c607544f45238.disabled, .ce82d759dd2bc.disabled, .c834cf65850ea[disabled], [disabled].c607544f45238, [disabled].ce82d759dd2bc, .c834cf65850ea:disabled, .c607544f45238:disabled, .ce82d759dd2bc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7788223fb770, .cee8bea1f7fde {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c7788223fb770 svg, .cee8bea1f7fde svg,
.c7788223fb770 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c7788223fb770:focus-visible, .cee8bea1f7fde:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c7788223fb770:focus-visible svg, .cee8bea1f7fde:focus-visible svg,
.c7788223fb770:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c7788223fb770:hover, .cee8bea1f7fde:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c7788223fb770:hover svg, .cee8bea1f7fde:hover svg,
.c7788223fb770:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c7788223fb770:active, .cee8bea1f7fde:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c7788223fb770:active svg, .cee8bea1f7fde:active svg,
.c7788223fb770:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c7788223fb770.disabled, .cee8bea1f7fde.disabled, .c7788223fb770[disabled], [disabled].cee8bea1f7fde, .c7788223fb770:disabled, .cee8bea1f7fde:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0eaff5a6061e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c0eaff5a6061e svg,
.c0eaff5a6061e span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c0eaff5a6061e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c0eaff5a6061e:focus-visible svg,
.c0eaff5a6061e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c0eaff5a6061e:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c0eaff5a6061e:hover svg,
.c0eaff5a6061e:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c0eaff5a6061e:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c0eaff5a6061e:active svg,
.c0eaff5a6061e:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c0eaff5a6061e.disabled, .c0eaff5a6061e[disabled], .c0eaff5a6061e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6cf10fc4fd25, .c2eb5d13c8fbb button, .c4127df411f30 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c6cf10fc4fd25 svg, .c2eb5d13c8fbb button svg, .c4127df411f30 svg,
.c6cf10fc4fd25 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c6cf10fc4fd25:focus-visible, .c2eb5d13c8fbb button:focus-visible, .c4127df411f30:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c6cf10fc4fd25:focus-visible svg, .c2eb5d13c8fbb button:focus-visible svg, .c4127df411f30:focus-visible svg,
.c6cf10fc4fd25:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c6cf10fc4fd25:hover, .c2eb5d13c8fbb button:hover, .c4127df411f30:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c6cf10fc4fd25:hover svg, .c2eb5d13c8fbb button:hover svg, .c4127df411f30:hover svg,
.c6cf10fc4fd25:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c6cf10fc4fd25:active, .c2eb5d13c8fbb button:active, .c4127df411f30:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c6cf10fc4fd25:active svg, .c2eb5d13c8fbb button:active svg, .c4127df411f30:active svg,
.c6cf10fc4fd25:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c6cf10fc4fd25.disabled, .c2eb5d13c8fbb button.disabled, .c4127df411f30.disabled, .c6cf10fc4fd25[disabled], .c2eb5d13c8fbb button[disabled], [disabled].c4127df411f30, .c6cf10fc4fd25:disabled, .c2eb5d13c8fbb button:disabled, .c4127df411f30:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c6cf10fc4fd25.disabled svg, .c2eb5d13c8fbb button.disabled svg, .c4127df411f30.disabled svg,
.c6cf10fc4fd25.disabled span svg, .c6cf10fc4fd25[disabled] svg, .c2eb5d13c8fbb button[disabled] svg, [disabled].c4127df411f30 svg,
.c6cf10fc4fd25[disabled] span svg, .c6cf10fc4fd25:disabled svg, .c2eb5d13c8fbb button:disabled svg, .c4127df411f30:disabled svg,
.c6cf10fc4fd25:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c96daefcefbed {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c96daefcefbed svg {
  color: var(--button-icon-foreground-color-selected);
}

.c4d7ace8e4c57 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c4d7ace8e4c57 svg,
.c4d7ace8e4c57 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c4d7ace8e4c57:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c4d7ace8e4c57:focus-visible svg,
.c4d7ace8e4c57:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c4d7ace8e4c57:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c4d7ace8e4c57:hover svg,
.c4d7ace8e4c57:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c4d7ace8e4c57:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c4d7ace8e4c57:active svg,
.c4d7ace8e4c57:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c61063003d579 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cf2dcbc5fb600 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9ef041e429b6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c9ef041e429b6:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c9ef041e429b6:focus-visible svg,
.c9ef041e429b6:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c9ef041e429b6:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c9ef041e429b6:active {
  border: none;
  background-color: transparent;
}

.ca1e75f1cc202, .c4127df411f30 svg, .c6cbeed7acf66, .ca45cb303be3f span svg, .c2eb5d13c8fbb button svg, .cfee2dd0b6c5b.intermediate svg, .cabb3b32cb6c0 label span.intermediate svg, .cfee2dd0b6c5b.checked svg, .cabb3b32cb6c0 label span.checked svg, .c1ca7fbb1ee64 span svg,
.c1ca7fbb1ee64 label svg, .c8b5e03fa761e svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c84d16c804f09 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c84d16c804f09:hover {
  fill: none;
  stroke: none;
}

.c6cbeed7acf66, .ca45cb303be3f span svg, .c2eb5d13c8fbb button svg, .cfee2dd0b6c5b.intermediate svg, .cabb3b32cb6c0 label span.intermediate svg, .cfee2dd0b6c5b.checked svg, .cabb3b32cb6c0 label span.checked svg, .c1ca7fbb1ee64 span svg,
.c1ca7fbb1ee64 label svg, .c8b5e03fa761e svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c6e5f51284c63 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c6e5f51284c63:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cbc1a0b4129a2, .c2ee161aa98f9 input, .c652ed275101d input, .c1ca7fbb1ee64 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cbc1a0b4129a2, .c2ee161aa98f9 input, .c652ed275101d input, .c1ca7fbb1ee64 input {
    height: 23px;
  }
}
.cbc1a0b4129a2, .c2ee161aa98f9 input, .c652ed275101d input, .c1ca7fbb1ee64 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cbc1a0b4129a2[disabled], .c2ee161aa98f9 input[disabled], .c652ed275101d input[disabled], .c1ca7fbb1ee64 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c8b5e03fa761e {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cc3fa586b9b8e, .c1ca7fbb1ee64 span,
.c1ca7fbb1ee64 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc3fa586b9b8e, .c1ca7fbb1ee64 span,
  .c1ca7fbb1ee64 label {
    height: 25px;
  }
}
.cc3fa586b9b8e, .c1ca7fbb1ee64 span,
.c1ca7fbb1ee64 label {
  color: var(--input-foreground-color);
}

.c1ca7fbb1ee64 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1ca7fbb1ee64 {
    height: 25px;
    font-size: 10px;
  }
}
.c1ca7fbb1ee64 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c1ca7fbb1ee64 span svg,
.c1ca7fbb1ee64 label svg {
  color: var(--input-foreground-color);
}
.c1ca7fbb1ee64 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c1ca7fbb1ee64 ::placeholder {
  color: var(--input-placeholder-color);
}
.c1ca7fbb1ee64:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1ca7fbb1ee64:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c1ca7fbb1ee64:hover span {
  color: var(--input-foreground-color-hover);
}
.c1ca7fbb1ee64:hover input {
  color: var(--input-foreground-color-hover);
}
.c1ca7fbb1ee64:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c1ca7fbb1ee64:active span {
  color: var(--input-foreground-color-active);
}
.c1ca7fbb1ee64:active input {
  color: var(--input-foreground-color-active);
}
.c1ca7fbb1ee64:focus, .c1ca7fbb1ee64:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1ca7fbb1ee64:focus span, .c1ca7fbb1ee64:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c1ca7fbb1ee64:focus input, .c1ca7fbb1ee64:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c1ca7fbb1ee64:focus:hover, .c1ca7fbb1ee64:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1ca7fbb1ee64:focus:hover span, .c1ca7fbb1ee64:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c1ca7fbb1ee64:focus:hover input, .c1ca7fbb1ee64:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c652ed275101d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c652ed275101d input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c652ed275101d ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c652ed275101d ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c652ed275101d:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c652ed275101d:focus-within input, .c652ed275101d:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cebedd20e541b, .c2ee161aa98f9.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cebedd20e541b input, .c2ee161aa98f9.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cebedd20e541b span svg, .c2ee161aa98f9.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cfee2dd0b6c5b, .cabb3b32cb6c0 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cfee2dd0b6c5b svg, .cabb3b32cb6c0 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cfee2dd0b6c5b:hover, .cabb3b32cb6c0 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cfee2dd0b6c5b:focus, .cabb3b32cb6c0 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cfee2dd0b6c5b.checked, .cabb3b32cb6c0 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cfee2dd0b6c5b.checked svg, .cabb3b32cb6c0 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cfee2dd0b6c5b.intermediate, .cabb3b32cb6c0 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cfee2dd0b6c5b.intermediate svg, .cabb3b32cb6c0 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cfee2dd0b6c5b.unchecked, .cabb3b32cb6c0 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cfee2dd0b6c5b.unchecked svg, .cabb3b32cb6c0 label span.unchecked svg {
  display: none;
}

.cabb3b32cb6c0 {
  display: flex;
  align-items: center;
}
.cabb3b32cb6c0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cabb3b32cb6c0 label input {
  margin: 0;
}
.cabb3b32cb6c0 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cabb3b32cb6c0 label:focus span, .cabb3b32cb6c0 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c2ee161aa98f9 {
  display: flex;
  flex-direction: column;
}
.c2ee161aa98f9 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c2ee161aa98f9 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c2ee161aa98f9 input:focus-within input, .c2ee161aa98f9 input:active input {
  color: var(--input-foreground-color-active);
}
.c2ee161aa98f9 input:focus-within, .c2ee161aa98f9 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c2ee161aa98f9.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c13a7718be8d1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c2aa249f9b067 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c52d79dd5e787 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c4127df411f30 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cfdc5fbb9c01a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c9c7c36a54d63 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cee8bea1f7fde {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce82d759dd2bc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c607544f45238 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c14a229717e5a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c14a229717e5a:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cad96dffe84aa {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c88303ee445e5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ca27d89511448 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c24fb040b49f4 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ca2772855e57b {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ca2772855e57b:hover, .ca2772855e57b:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c2eb5d13c8fbb div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c2eb5d13c8fbb button {
  display: none;
}
.c2eb5d13c8fbb button svg {
  stroke: var(--icon-foreground);
}
.c2eb5d13c8fbb:hover button {
  display: flex;
}

.c92586d93821b {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c92586d93821b .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c92586d93821b .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cbbb48b9c3055 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cbbb48b9c3055:hover div {
  color: var(--entry-foreground-color-hover);
}

.cce13515b20d6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c9ce9cbd4d76b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c9ce9cbd4d76b:hover {
  background-color: var(--menu-background-color-hover);
}

.ca45cb303be3f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ca45cb303be3f span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ca45cb303be3f span svg {
  stroke: var(--icon-foreground);
}
.ca45cb303be3f:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ca45cb303be3f:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cbcc92d5db82a {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cb15d8b7f1e9e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cb7e1ce70213e,
.cc840d4aad3fa {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c78cada6aa114 .cb7e1ce70213e,
.c78cada6aa114 .cc840d4aad3fa {
  transform: scale(1);
}

.c9d6ffb668f02 .cb7e1ce70213e,
.c9d6ffb668f02 .cc840d4aad3fa {
  transform: scale(0);
}

.c6c04937bd881 {
  background-color: var(--color-background-primary);
  border-radius: 4px;
  bottom: 0px;
  padding: 0.125rem 0.5rem;
  position: fixed;
  right: calc(256px + 1.5rem);
  text-align: center;
  white-space: nowrap;
  transition: bottom 0.5s;
  z-index: 2;
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.c488a391e4635 {
  bottom: 4rem;
}

.c1fe291dd5845 {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
}
@keyframes c346a5dab1563 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c3de8d76d7d47 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c3de8d76d7d47:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c3de8d76d7d47 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c3de8d76d7d47 ::-webkit-scrollbar-track,
.c3de8d76d7d47 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c3de8d76d7d47 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c3de8d76d7d47 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c3de8d76d7d47 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c3de8d76d7d47 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c3de8d76d7d47 ::placeholder,
.c3de8d76d7d47 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c16dd26407614, .c111f82eb88c0, .cecae473ed158 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c16dd26407614 svg, .c111f82eb88c0 svg, .cecae473ed158 svg,
.c16dd26407614 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c16dd26407614:focus-visible, .c111f82eb88c0:focus-visible, .cecae473ed158:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c16dd26407614:focus-visible svg, .c111f82eb88c0:focus-visible svg, .cecae473ed158:focus-visible svg,
.c16dd26407614:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c16dd26407614:hover, .c111f82eb88c0:hover, .cecae473ed158:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c16dd26407614:hover svg, .c111f82eb88c0:hover svg, .cecae473ed158:hover svg,
.c16dd26407614:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c16dd26407614:active, .c111f82eb88c0:active, .cecae473ed158:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c16dd26407614:active svg, .c111f82eb88c0:active svg, .cecae473ed158:active svg,
.c16dd26407614:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c16dd26407614.disabled, .c111f82eb88c0.disabled, .cecae473ed158.disabled, .c16dd26407614[disabled], [disabled].c111f82eb88c0, [disabled].cecae473ed158, .c16dd26407614:disabled, .c111f82eb88c0:disabled, .cecae473ed158:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5ebed7499c0f, .c2d4ba85aa2dc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c5ebed7499c0f svg, .c2d4ba85aa2dc svg,
.c5ebed7499c0f span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c5ebed7499c0f:focus-visible, .c2d4ba85aa2dc:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c5ebed7499c0f:focus-visible svg, .c2d4ba85aa2dc:focus-visible svg,
.c5ebed7499c0f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c5ebed7499c0f:hover, .c2d4ba85aa2dc:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c5ebed7499c0f:hover svg, .c2d4ba85aa2dc:hover svg,
.c5ebed7499c0f:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c5ebed7499c0f:active, .c2d4ba85aa2dc:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c5ebed7499c0f:active svg, .c2d4ba85aa2dc:active svg,
.c5ebed7499c0f:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c5ebed7499c0f.disabled, .c2d4ba85aa2dc.disabled, .c5ebed7499c0f[disabled], [disabled].c2d4ba85aa2dc, .c5ebed7499c0f:disabled, .c2d4ba85aa2dc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb28eafc8effe {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cb28eafc8effe svg,
.cb28eafc8effe span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cb28eafc8effe:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb28eafc8effe:focus-visible svg,
.cb28eafc8effe:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb28eafc8effe:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cb28eafc8effe:hover svg,
.cb28eafc8effe:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cb28eafc8effe:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cb28eafc8effe:active svg,
.cb28eafc8effe:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cb28eafc8effe.disabled, .cb28eafc8effe[disabled], .cb28eafc8effe:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c95bcecbb0e33, .c81fdff42c892 button, .c63ac8e4a245c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c95bcecbb0e33 svg, .c81fdff42c892 button svg, .c63ac8e4a245c svg,
.c95bcecbb0e33 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c95bcecbb0e33:focus-visible, .c81fdff42c892 button:focus-visible, .c63ac8e4a245c:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c95bcecbb0e33:focus-visible svg, .c81fdff42c892 button:focus-visible svg, .c63ac8e4a245c:focus-visible svg,
.c95bcecbb0e33:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c95bcecbb0e33:hover, .c81fdff42c892 button:hover, .c63ac8e4a245c:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c95bcecbb0e33:hover svg, .c81fdff42c892 button:hover svg, .c63ac8e4a245c:hover svg,
.c95bcecbb0e33:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c95bcecbb0e33:active, .c81fdff42c892 button:active, .c63ac8e4a245c:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c95bcecbb0e33:active svg, .c81fdff42c892 button:active svg, .c63ac8e4a245c:active svg,
.c95bcecbb0e33:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c95bcecbb0e33.disabled, .c81fdff42c892 button.disabled, .c63ac8e4a245c.disabled, .c95bcecbb0e33[disabled], .c81fdff42c892 button[disabled], [disabled].c63ac8e4a245c, .c95bcecbb0e33:disabled, .c81fdff42c892 button:disabled, .c63ac8e4a245c:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c95bcecbb0e33.disabled svg, .c81fdff42c892 button.disabled svg, .c63ac8e4a245c.disabled svg,
.c95bcecbb0e33.disabled span svg, .c95bcecbb0e33[disabled] svg, .c81fdff42c892 button[disabled] svg, [disabled].c63ac8e4a245c svg,
.c95bcecbb0e33[disabled] span svg, .c95bcecbb0e33:disabled svg, .c81fdff42c892 button:disabled svg, .c63ac8e4a245c:disabled svg,
.c95bcecbb0e33:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ce26dd17dc05b {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ce26dd17dc05b svg {
  color: var(--button-icon-foreground-color-selected);
}

.cdce8a4dcc43a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cdce8a4dcc43a svg,
.cdce8a4dcc43a span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cdce8a4dcc43a:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cdce8a4dcc43a:focus-visible svg,
.cdce8a4dcc43a:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cdce8a4dcc43a:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cdce8a4dcc43a:hover svg,
.cdce8a4dcc43a:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cdce8a4dcc43a:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cdce8a4dcc43a:active svg,
.cdce8a4dcc43a:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cbce9a9a637f4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ca2e57a6bbb7d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca762adccf669 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ca762adccf669:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ca762adccf669:focus-visible svg,
.ca762adccf669:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ca762adccf669:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ca762adccf669:active {
  border: none;
  background-color: transparent;
}

.cb055e68b53aa, .c63ac8e4a245c svg, .c67491d87a3cf, .c122164889f2f span svg, .c81fdff42c892 button svg, .c74aa41fb61c8.intermediate svg, .cfcc5bba78a7b label span.intermediate svg, .c74aa41fb61c8.checked svg, .cfcc5bba78a7b label span.checked svg, .cf548e40f259c span svg,
.cf548e40f259c label svg, .c6b3734e802ce svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c8c6f175143fa {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c8c6f175143fa:hover {
  fill: none;
  stroke: none;
}

.c67491d87a3cf, .c122164889f2f span svg, .c81fdff42c892 button svg, .c74aa41fb61c8.intermediate svg, .cfcc5bba78a7b label span.intermediate svg, .c74aa41fb61c8.checked svg, .cfcc5bba78a7b label span.checked svg, .cf548e40f259c span svg,
.cf548e40f259c label svg, .c6b3734e802ce svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c23ba4fbb16c6 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c23ba4fbb16c6:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c8c6d03927d4b, .c817d07d40072 input, .cb10ff3b40425 input, .cf548e40f259c input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c8c6d03927d4b, .c817d07d40072 input, .cb10ff3b40425 input, .cf548e40f259c input {
    height: 23px;
  }
}
.c8c6d03927d4b, .c817d07d40072 input, .cb10ff3b40425 input, .cf548e40f259c input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c8c6d03927d4b[disabled], .c817d07d40072 input[disabled], .cb10ff3b40425 input[disabled], .cf548e40f259c input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c6b3734e802ce {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c1eeccfce3384, .cf548e40f259c span,
.cf548e40f259c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1eeccfce3384, .cf548e40f259c span,
  .cf548e40f259c label {
    height: 25px;
  }
}
.c1eeccfce3384, .cf548e40f259c span,
.cf548e40f259c label {
  color: var(--input-foreground-color);
}

.cf548e40f259c {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf548e40f259c {
    height: 25px;
    font-size: 10px;
  }
}
.cf548e40f259c {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cf548e40f259c span svg,
.cf548e40f259c label svg {
  color: var(--input-foreground-color);
}
.cf548e40f259c ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cf548e40f259c ::placeholder {
  color: var(--input-placeholder-color);
}
.cf548e40f259c:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf548e40f259c:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cf548e40f259c:hover span {
  color: var(--input-foreground-color-hover);
}
.cf548e40f259c:hover input {
  color: var(--input-foreground-color-hover);
}
.cf548e40f259c:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cf548e40f259c:active span {
  color: var(--input-foreground-color-active);
}
.cf548e40f259c:active input {
  color: var(--input-foreground-color-active);
}
.cf548e40f259c:focus, .cf548e40f259c:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf548e40f259c:focus span, .cf548e40f259c:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cf548e40f259c:focus input, .cf548e40f259c:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cf548e40f259c:focus:hover, .cf548e40f259c:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf548e40f259c:focus:hover span, .cf548e40f259c:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cf548e40f259c:focus:hover input, .cf548e40f259c:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cb10ff3b40425 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cb10ff3b40425 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cb10ff3b40425 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb10ff3b40425 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb10ff3b40425:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cb10ff3b40425:focus-within input, .cb10ff3b40425:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c1dfc9794f64a, .c817d07d40072.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c1dfc9794f64a input, .c817d07d40072.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c1dfc9794f64a span svg, .c817d07d40072.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c74aa41fb61c8, .cfcc5bba78a7b label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c74aa41fb61c8 svg, .cfcc5bba78a7b label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c74aa41fb61c8:hover, .cfcc5bba78a7b label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c74aa41fb61c8:focus, .cfcc5bba78a7b label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c74aa41fb61c8.checked, .cfcc5bba78a7b label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c74aa41fb61c8.checked svg, .cfcc5bba78a7b label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c74aa41fb61c8.intermediate, .cfcc5bba78a7b label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c74aa41fb61c8.intermediate svg, .cfcc5bba78a7b label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c74aa41fb61c8.unchecked, .cfcc5bba78a7b label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c74aa41fb61c8.unchecked svg, .cfcc5bba78a7b label span.unchecked svg {
  display: none;
}

.cfcc5bba78a7b {
  display: flex;
  align-items: center;
}
.cfcc5bba78a7b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cfcc5bba78a7b label input {
  margin: 0;
}
.cfcc5bba78a7b label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cfcc5bba78a7b label:focus span, .cfcc5bba78a7b label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c817d07d40072 {
  display: flex;
  flex-direction: column;
}
.c817d07d40072 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c817d07d40072 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c817d07d40072 input:focus-within input, .c817d07d40072 input:active input {
  color: var(--input-foreground-color-active);
}
.c817d07d40072 input:focus-within, .c817d07d40072 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c817d07d40072.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ce097f4cbf1c4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c3437b667bdc0 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c76b1431f61c7 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c63ac8e4a245c {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c992ef8afc0a6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c411fde766fb7 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c2d4ba85aa2dc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cecae473ed158 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c111f82eb88c0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c2dc1b827f0ac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c2dc1b827f0ac:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c96a6fee4cfbb {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c4f7d149ae4a0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c125c25033941 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cc7ed1b306ff8 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ccc3b3f0fcbab {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ccc3b3f0fcbab:hover, .ccc3b3f0fcbab:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c81fdff42c892 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c81fdff42c892 button {
  display: none;
}
.c81fdff42c892 button svg {
  stroke: var(--icon-foreground);
}
.c81fdff42c892:hover button {
  display: flex;
}

.cbf9639c47a3b {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cbf9639c47a3b .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cbf9639c47a3b .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ce17496afb1df {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ce17496afb1df:hover div {
  color: var(--entry-foreground-color-hover);
}

.c404c4bd6d5ef {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ce93b0b3b8bec {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ce93b0b3b8bec:hover {
  background-color: var(--menu-background-color-hover);
}

.c122164889f2f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c122164889f2f span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c122164889f2f span svg {
  stroke: var(--icon-foreground);
}
.c122164889f2f:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c122164889f2f:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c697eba0e3c4d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c5c8e8c11458f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c824feef0ee82,
.cc630d69928a2 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c1a0b6ae26fc0 .c824feef0ee82,
.c1a0b6ae26fc0 .cc630d69928a2 {
  transform: scale(1);
}

.c2b812c81370f .c824feef0ee82,
.c2b812c81370f .cc630d69928a2 {
  transform: scale(0);
}

.c0c016e2990a5 {
  display: flex;
  align-items: center;
  padding: 1.0625rem 1.625rem 1.1875rem 1.5625rem;
  min-height: 3.875rem;
}
.c0c016e2990a5 button {
  color: var(--color-button-secondary);
}
.c0c016e2990a5 button:hover {
  color: var(--color-accent-primary);
}

.c83e2f205729c {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 2.5rem;
  margin-right: 0.25rem;
}
.c83e2f205729c svg {
  height: 2.5rem;
  width: 3rem;
  fill: var(--icon-foreground-hover);
}

.cf8b163602c0c {
  display: flex;
  align-items: end;
  flex-grow: 1;
  padding-left: 1.1875rem;
  padding-bottom: 1px;
  height: 1.625rem;
  max-width: calc(100% - 4rem);
}

.ce2abcd0598c5,
.c5ae4c4edfad9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1rem;
  width: 100%;
  padding-bottom: 0.125rem;
  color: var(--title-foreground-color);
  cursor: pointer;
}

.c5ae4c4edfad9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: none;
  color: var(--color-accent-primary);
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 19px;
}

.c6ba63d344d0c {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cd6f071daa6b9 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  border: 0;
  padding: 2px;
  border-radius: 4px;
  background-color: var(--input-background-color);
  font-size: 0.875rem;
  color: var(--input-foreground-color);
  z-index: 20;
  white-space: break-spaces;
}
.cd6f071daa6b9:focus {
  outline: none;
}

.c26e9320151ef {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 2rem;
  margin-right: 0.25rem;
}
.c26e9320151ef svg {
  color: var(--button-secondary-foreground-color-rest);
  fill: none;
  height: 1rem;
  width: 1rem;
}

.cfaa01e08a46e {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  margin-right: 0.25rem;
  flex-shrink: 0;
  background-color: var(--status-widget-background-color-pending);
}
.cfaa01e08a46e.c75fcaf588860 {
  background-color: var(--status-widget-background-color-warning);
}
.cfaa01e08a46e.cc783f23e6699 {
  background-color: var(--status-widget-background-color-pending);
}
.cfaa01e08a46e.c89069d4abc34 {
  background-color: var(--status-widget-background-color-success);
  animation: c61f1db6d96ab 0.3s ease-out;
}
.cfaa01e08a46e.c2fe562685051 {
  background-color: var(--status-widget-background-color-error);
}

@keyframes c61f1db6d96ab {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(0);
  }
}
@media (max-width: 1680px) {
  .c0c016e2990a5 {
    padding-inline-start: 14px;
    padding-inline-end: 16px;
  }
  .c83e2f205729c {
    width: 37px;
    height: 31px;
  }
  .c83e2f205729c svg {
    width: 37px;
    height: 31px;
  }
  .cf8b163602c0c {
    padding-left: 10px;
  }
  .c5ae4c4edfad9 {
    font-size: 14px;
  }
}
@charset "UTF-8";
@keyframes c091885f113cf {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cd16bb9228565 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cd16bb9228565:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cd16bb9228565 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cd16bb9228565 ::-webkit-scrollbar-track,
.cd16bb9228565 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cd16bb9228565 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cd16bb9228565 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cd16bb9228565 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd16bb9228565 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd16bb9228565 ::placeholder,
.cd16bb9228565 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c2a1819781260, .c43fd54e78bf1,
.c745adf85ab9a, .c27528c423934, .c9517bfdfb69a, .c961eb9d3c5a5, .c47c93e060422 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c2a1819781260 svg, .c43fd54e78bf1 svg,
.c745adf85ab9a svg, .c27528c423934 svg, .c9517bfdfb69a svg, .c961eb9d3c5a5 svg, .c47c93e060422 svg,
.c2a1819781260 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c2a1819781260:focus-visible, .c43fd54e78bf1:focus-visible,
.c745adf85ab9a:focus-visible, .c27528c423934:focus-visible, .c9517bfdfb69a:focus-visible, .c961eb9d3c5a5:focus-visible, .c47c93e060422:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c2a1819781260:focus-visible svg, .c43fd54e78bf1:focus-visible svg,
.c745adf85ab9a:focus-visible svg, .c27528c423934:focus-visible svg, .c9517bfdfb69a:focus-visible svg, .c961eb9d3c5a5:focus-visible svg, .c47c93e060422:focus-visible svg,
.c2a1819781260:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c2a1819781260:hover, .c43fd54e78bf1:hover,
.c745adf85ab9a:hover, .c27528c423934:hover, .c9517bfdfb69a:hover, .c961eb9d3c5a5:hover, .c47c93e060422:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c2a1819781260:hover svg, .c43fd54e78bf1:hover svg,
.c745adf85ab9a:hover svg, .c27528c423934:hover svg, .c9517bfdfb69a:hover svg, .c961eb9d3c5a5:hover svg, .c47c93e060422:hover svg,
.c2a1819781260:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c2a1819781260:active, .c43fd54e78bf1:active,
.c745adf85ab9a:active, .c27528c423934:active, .c9517bfdfb69a:active, .c961eb9d3c5a5:active, .c47c93e060422:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c2a1819781260:active svg, .c43fd54e78bf1:active svg,
.c745adf85ab9a:active svg, .c27528c423934:active svg, .c9517bfdfb69a:active svg, .c961eb9d3c5a5:active svg, .c47c93e060422:active svg,
.c2a1819781260:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c2a1819781260.disabled, .c43fd54e78bf1.disabled,
.c745adf85ab9a.disabled, .c27528c423934.disabled, .c9517bfdfb69a.disabled, .c961eb9d3c5a5.disabled, .c47c93e060422.disabled, .c2a1819781260[disabled], [disabled].c43fd54e78bf1,
[disabled].c745adf85ab9a, [disabled].c27528c423934, [disabled].c9517bfdfb69a, [disabled].c961eb9d3c5a5, [disabled].c47c93e060422, .c2a1819781260:disabled, .c43fd54e78bf1:disabled,
.c745adf85ab9a:disabled, .c27528c423934:disabled, .c9517bfdfb69a:disabled, .c961eb9d3c5a5:disabled, .c47c93e060422:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8e5403ea1174, .c745adf85ab9a, .c1926318d1c10,
.cd278aa66c47f, .cb7394198eec1, .c8f3c819a37dc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c8e5403ea1174 svg, .c745adf85ab9a svg, .c1926318d1c10 svg,
.cd278aa66c47f svg, .cb7394198eec1 svg, .c8f3c819a37dc svg,
.c8e5403ea1174 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c8e5403ea1174:focus-visible, .c745adf85ab9a:focus-visible, .c1926318d1c10:focus-visible,
.cd278aa66c47f:focus-visible, .cb7394198eec1:focus-visible, .c8f3c819a37dc:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8e5403ea1174:focus-visible svg, .c745adf85ab9a:focus-visible svg, .c1926318d1c10:focus-visible svg,
.cd278aa66c47f:focus-visible svg, .cb7394198eec1:focus-visible svg, .c8f3c819a37dc:focus-visible svg,
.c8e5403ea1174:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8e5403ea1174:hover, .c745adf85ab9a:hover, .c1926318d1c10:hover,
.cd278aa66c47f:hover, .cb7394198eec1:hover, .c8f3c819a37dc:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c8e5403ea1174:hover svg, .c745adf85ab9a:hover svg, .c1926318d1c10:hover svg,
.cd278aa66c47f:hover svg, .cb7394198eec1:hover svg, .c8f3c819a37dc:hover svg,
.c8e5403ea1174:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c8e5403ea1174:active, .c745adf85ab9a:active, .c1926318d1c10:active,
.cd278aa66c47f:active, .cb7394198eec1:active, .c8f3c819a37dc:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c8e5403ea1174:active svg, .c745adf85ab9a:active svg, .c1926318d1c10:active svg,
.cd278aa66c47f:active svg, .cb7394198eec1:active svg, .c8f3c819a37dc:active svg,
.c8e5403ea1174:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c8e5403ea1174.disabled, .c745adf85ab9a.disabled, .c1926318d1c10.disabled,
.cd278aa66c47f.disabled, .cb7394198eec1.disabled, .c8f3c819a37dc.disabled, .c8e5403ea1174[disabled], [disabled].c745adf85ab9a, [disabled].c1926318d1c10,
[disabled].cd278aa66c47f, [disabled].cb7394198eec1, [disabled].c8f3c819a37dc, .c8e5403ea1174:disabled, .c745adf85ab9a:disabled, .c1926318d1c10:disabled,
.cd278aa66c47f:disabled, .cb7394198eec1:disabled, .c8f3c819a37dc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5801571a7993 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c5801571a7993 svg,
.c5801571a7993 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c5801571a7993:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c5801571a7993:focus-visible svg,
.c5801571a7993:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c5801571a7993:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c5801571a7993:hover svg,
.c5801571a7993:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c5801571a7993:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c5801571a7993:active svg,
.c5801571a7993:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c5801571a7993.disabled, .c5801571a7993[disabled], .c5801571a7993:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc17a341e9c66, .c64d0e4d51fed button, .cd5d16a123ad6, .cbbc29ac9686a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cc17a341e9c66 svg, .c64d0e4d51fed button svg, .cd5d16a123ad6 svg, .cbbc29ac9686a svg,
.cc17a341e9c66 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cc17a341e9c66:focus-visible, .c64d0e4d51fed button:focus-visible, .cd5d16a123ad6:focus-visible, .cbbc29ac9686a:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cc17a341e9c66:focus-visible svg, .c64d0e4d51fed button:focus-visible svg, .cd5d16a123ad6:focus-visible svg, .cbbc29ac9686a:focus-visible svg,
.cc17a341e9c66:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cc17a341e9c66:hover, .c64d0e4d51fed button:hover, .cd5d16a123ad6:hover, .cbbc29ac9686a:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cc17a341e9c66:hover svg, .c64d0e4d51fed button:hover svg, .cd5d16a123ad6:hover svg, .cbbc29ac9686a:hover svg,
.cc17a341e9c66:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cc17a341e9c66:active, .c64d0e4d51fed button:active, .cd5d16a123ad6:active, .cbbc29ac9686a:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cc17a341e9c66:active svg, .c64d0e4d51fed button:active svg, .cd5d16a123ad6:active svg, .cbbc29ac9686a:active svg,
.cc17a341e9c66:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cc17a341e9c66.disabled, .c64d0e4d51fed button.disabled, .cd5d16a123ad6.disabled, .cbbc29ac9686a.disabled, .cc17a341e9c66[disabled], .c64d0e4d51fed button[disabled], [disabled].cd5d16a123ad6, [disabled].cbbc29ac9686a, .cc17a341e9c66:disabled, .c64d0e4d51fed button:disabled, .cd5d16a123ad6:disabled, .cbbc29ac9686a:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cc17a341e9c66.disabled svg, .c64d0e4d51fed button.disabled svg, .cd5d16a123ad6.disabled svg, .cbbc29ac9686a.disabled svg,
.cc17a341e9c66.disabled span svg, .cc17a341e9c66[disabled] svg, .c64d0e4d51fed button[disabled] svg, [disabled].cd5d16a123ad6 svg, [disabled].cbbc29ac9686a svg,
.cc17a341e9c66[disabled] span svg, .cc17a341e9c66:disabled svg, .c64d0e4d51fed button:disabled svg, .cd5d16a123ad6:disabled svg, .cbbc29ac9686a:disabled svg,
.cc17a341e9c66:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c216c350fed8a {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c216c350fed8a svg {
  color: var(--button-icon-foreground-color-selected);
}

.c4c313c302f5e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c4c313c302f5e svg,
.c4c313c302f5e span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c4c313c302f5e:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c4c313c302f5e:focus-visible svg,
.c4c313c302f5e:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c4c313c302f5e:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c4c313c302f5e:hover svg,
.c4c313c302f5e:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c4c313c302f5e:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c4c313c302f5e:active svg,
.c4c313c302f5e:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c3cb4ff16a365 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c235774ca8a8a, .c27528c423934:disabled, .c8868dfd8bb70 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca4a292b6653e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ca4a292b6653e:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ca4a292b6653e:focus-visible svg,
.ca4a292b6653e:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ca4a292b6653e:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ca4a292b6653e:active {
  border: none;
  background-color: transparent;
}

.c523679de31a3, .cd5d16a123ad6 svg, .cbbc29ac9686a svg, .c28c22a76b74e, .cfdc2e9ed4abb span svg, .c64d0e4d51fed button svg, .c8b41baf02ca7.intermediate svg, .c78bcb06379d5 label span.intermediate svg, .c8b41baf02ca7.checked svg, .c78bcb06379d5 label span.checked svg, .c9d23b72e983c span svg,
.c9d23b72e983c label svg, .c7a5cdaf2ae49 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c8248eaae5952 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c8248eaae5952:hover {
  fill: none;
  stroke: none;
}

.c28c22a76b74e, .cfdc2e9ed4abb span svg, .c64d0e4d51fed button svg, .c8b41baf02ca7.intermediate svg, .c78bcb06379d5 label span.intermediate svg, .c8b41baf02ca7.checked svg, .c78bcb06379d5 label span.checked svg, .c9d23b72e983c span svg,
.c9d23b72e983c label svg, .c7a5cdaf2ae49 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c848ea31cad7d {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c848ea31cad7d:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cbc63e7443808, .ca412e53a3632 input, .c1e172cb8b490 input, .c9d23b72e983c input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cbc63e7443808, .ca412e53a3632 input, .c1e172cb8b490 input, .c9d23b72e983c input {
    height: 23px;
  }
}
.cbc63e7443808, .ca412e53a3632 input, .c1e172cb8b490 input, .c9d23b72e983c input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cbc63e7443808[disabled], .ca412e53a3632 input[disabled], .c1e172cb8b490 input[disabled], .c9d23b72e983c input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c7a5cdaf2ae49 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ca9c83c932bc8, .c9d23b72e983c span,
.c9d23b72e983c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca9c83c932bc8, .c9d23b72e983c span,
  .c9d23b72e983c label {
    height: 25px;
  }
}
.ca9c83c932bc8, .c9d23b72e983c span,
.c9d23b72e983c label {
  color: var(--input-foreground-color);
}

.c9d23b72e983c {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c9d23b72e983c {
    height: 25px;
    font-size: 10px;
  }
}
.c9d23b72e983c {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c9d23b72e983c span svg,
.c9d23b72e983c label svg {
  color: var(--input-foreground-color);
}
.c9d23b72e983c ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c9d23b72e983c ::placeholder {
  color: var(--input-placeholder-color);
}
.c9d23b72e983c:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c9d23b72e983c:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c9d23b72e983c:hover span {
  color: var(--input-foreground-color-hover);
}
.c9d23b72e983c:hover input {
  color: var(--input-foreground-color-hover);
}
.c9d23b72e983c:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c9d23b72e983c:active span {
  color: var(--input-foreground-color-active);
}
.c9d23b72e983c:active input {
  color: var(--input-foreground-color-active);
}
.c9d23b72e983c:focus, .c9d23b72e983c:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c9d23b72e983c:focus span, .c9d23b72e983c:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c9d23b72e983c:focus input, .c9d23b72e983c:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c9d23b72e983c:focus:hover, .c9d23b72e983c:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c9d23b72e983c:focus:hover span, .c9d23b72e983c:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c9d23b72e983c:focus:hover input, .c9d23b72e983c:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c1e172cb8b490 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c1e172cb8b490 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c1e172cb8b490 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1e172cb8b490 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1e172cb8b490:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c1e172cb8b490:focus-within input, .c1e172cb8b490:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c961938952c95, .ca412e53a3632.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c961938952c95 input, .ca412e53a3632.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c961938952c95 span svg, .ca412e53a3632.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c8b41baf02ca7, .c78bcb06379d5 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c8b41baf02ca7 svg, .c78bcb06379d5 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c8b41baf02ca7:hover, .c78bcb06379d5 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8b41baf02ca7:focus, .c78bcb06379d5 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c8b41baf02ca7.checked, .c78bcb06379d5 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c8b41baf02ca7.checked svg, .c78bcb06379d5 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c8b41baf02ca7.intermediate, .c78bcb06379d5 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c8b41baf02ca7.intermediate svg, .c78bcb06379d5 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c8b41baf02ca7.unchecked, .c78bcb06379d5 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c8b41baf02ca7.unchecked svg, .c78bcb06379d5 label span.unchecked svg {
  display: none;
}

.c78bcb06379d5 {
  display: flex;
  align-items: center;
}
.c78bcb06379d5 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c78bcb06379d5 label input {
  margin: 0;
}
.c78bcb06379d5 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c78bcb06379d5 label:focus span, .c78bcb06379d5 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ca412e53a3632 {
  display: flex;
  flex-direction: column;
}
.ca412e53a3632 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ca412e53a3632 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ca412e53a3632 input:focus-within input, .ca412e53a3632 input:active input {
  color: var(--input-foreground-color-active);
}
.ca412e53a3632 input:focus-within, .ca412e53a3632 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ca412e53a3632.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c5f3265f77acf {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c4a7d50c897fe {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c8438f2dd1434 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd5d16a123ad6, .cbbc29ac9686a {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c0c955cae17f4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c8e4d955ecba7 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c8f3c819a37dc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c47c93e060422 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c961eb9d3c5a5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c580b1339e91b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c580b1339e91b:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cf6eb368f6a96 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c37e19dd6036a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c0af0d09ccd46 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c2bb662c5d463, .c636af86628f9 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c7c1edad93931 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c7c1edad93931:hover, .c7c1edad93931:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c64d0e4d51fed div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c64d0e4d51fed button {
  display: none;
}
.c64d0e4d51fed button svg {
  stroke: var(--icon-foreground);
}
.c64d0e4d51fed:hover button {
  display: flex;
}

.c98d40ff0a44c {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c98d40ff0a44c .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c98d40ff0a44c .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cc89482b2f899 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cc89482b2f899:hover div {
  color: var(--entry-foreground-color-hover);
}

.cc4e3eb0bf1a5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c02ba9b416682 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c02ba9b416682:hover {
  background-color: var(--menu-background-color-hover);
}

.cfdc2e9ed4abb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cfdc2e9ed4abb span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cfdc2e9ed4abb span svg {
  stroke: var(--icon-foreground);
}
.cfdc2e9ed4abb:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cfdc2e9ed4abb:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c57f24ed5cce4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c43e0c0092760 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c7e5b080f64db,
.cea7737250783 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ced88df83af62 .c7e5b080f64db,
.ced88df83af62 .cea7737250783 {
  transform: scale(1);
}

.c88cab55601bf .c7e5b080f64db,
.c88cab55601bf .cea7737250783 {
  transform: scale(0);
}

:root {
  --z-index-auto: auto;
  --z-index-panels: 100;
  --z-index-guides: 200;
  --z-index-set: 300;
  --z-index-dropdown: 400;
  --z-index-notifications: 500;
  --z-index-loaders: 600;
}

.c5397fc6bcf3c {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: var(--z-index-set);
  background-color: var(--overlay-color);
}

.c9b9808a7cdb1 {
  position: relative;
  padding: var(--sp-xxxl);
  border-radius: 0.5rem;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 22.75rem;
  min-height: 12rem;
  height: 32.5rem;
  max-height: 32.5rem;
  width: 44.5rem;
  max-width: 44.5rem;
}

.c94a1dfd52907 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 0.0625rem;
  stroke: none;
}

.cf7a6330d4948 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  margin-block-end: var(--sp-l);
  color: var(--color-foreground-primary);
}

.c3464702bda94,
.cfb5d36a1470b {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-xxxl);
  max-height: 25rem;
  padding-block-start: var(--sp-l);
}

.c21f59c142b97,
.cff7a968e13a6,
.c8213bc3eec4b {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: var(--sp-s);
}
.c21f59c142b97 .c1497ca51f449 .cdb004912cf7b:first-child, .c21f59c142b97 .c1497ca51f449 .c51e3939f3b07:first-child,
.cff7a968e13a6 .c1497ca51f449 .cdb004912cf7b:first-child,
.cff7a968e13a6 .c1497ca51f449 .c51e3939f3b07:first-child,
.c8213bc3eec4b .c1497ca51f449 .cdb004912cf7b:first-child,
.c8213bc3eec4b .c1497ca51f449 .c51e3939f3b07:first-child {
  border: none;
}

.c8213bc3eec4b {
  grid-template-rows: auto auto 1fr;
  row-gap: var(--sp-l);
}

.cbc57087e5341 {
  margin: 0 0 0 calc(-1 * var(--sp-s));
}

.c1497ca51f449,
.c323c4d6c4118 {
  display: grid;
  grid-auto-rows: min-content;
  gap: var(--sp-s);
  max-height: 20rem;
  overflow-y: auto;
}

.cdb004912cf7b, .c51e3939f3b07 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--sp-s);
  border: 0.0625rem solid var(--color-background-quaternary);
  padding: var(--sp-s) var(--sp-s) var(--sp-m) var(--sp-m);
  border-radius: 0.5rem;
}

.c51e3939f3b07 {
  grid-template-columns: 1fr auto auto;
}

.c2ebd4ee7be2f {
  height: -moz-fit-content;
  height: fit-content;
}

.c43fd54e78bf1,
.c745adf85ab9a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  height: 2rem;
  min-width: 6.25rem;
  padding: var(--sp-s) var(--sp-s);
  margin: 0;
  border-radius: 0.5rem;
}

.c1926318d1c10,
.cd278aa66c47f {
  height: 2rem;
  width: 2rem;
  margin-inline-start: var(--sp-xxs);
  padding: var(--sp-s);
}

.c2ed2e862c5ff,
.cfc3fe57a40bb {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 0.0625rem;
  stroke: none;
}

.c323c4d6c4118 {
  max-height: 17rem;
}

.c8db4e22cc677 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  margin-block-end: var(--sp-m);
  color: var(--title-foreground-color);
}

.c6515547dcfbd {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding: 0 0 0 var(--sp-s);
}
.c6515547dcfbd svg {
  display: flex;
  justify-content: center;
  align-items: center;
  color: transparent;
  fill: none;
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
  stroke: none;
}

.cd05d8fdf7af1 {
  display: grid;
  grid-template-rows: auto 1fr;
  justify-items: center;
  gap: var(--sp-s);
  text-align: center;
  height: -moz-fit-content;
  height: fit-content;
  margin-block: var(--sp-l);
}

.cd40a203dbdf7 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: transparent;
  fill: none;
  stroke-width: 0.0625rem;
  stroke: none;
  height: 2rem;
  width: 2rem;
}

.c636af86628f9 {
  direction: rtl;
  grid-column: span 3;
  margin-block-start: var(--sp-s);
  margin-inline-start: var(--sp-s);
  margin: 0;
}

.cfb5d36a1470b {
  grid-template-columns: 1fr;
}

.c5da8fc10fca6 {
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  gap: 1.5rem;
  margin-block-start: var(--sp-l);
}

.c69e8761bbcd0 {
  display: grid;
  gap: var(--sp-xs);
}

.c27fd99b65018 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: var(--sp-s);
  color: var(--library-content-foreground-color);
}

.c2e0fd6ed9750 {
  background-color: var(--color-canvas);
  border-radius: 0.25rem;
  border: 0.125rem solid transparent;
  height: 1.5rem;
  width: 1.5rem;
  min-height: 1.5rem;
  min-width: 1.5rem;
}

.cce848e875a5d {
  color: var(--library-content-foreground-color);
  width: 10.5rem;
}

.ca08ff99d39cf {
  padding-inline-start: calc(var(--sp-xxl) + var(--sp-s));
}

.c749a3c544fa4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  max-width: 13.5rem;
  color: var(--library-name-foreground-color);
}

.c27528c423934 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  height: 2rem;
  min-width: 5.75rem;
  padding: var(--sp-s) var(--sp-xxl);
  margin-inline-end: var(--sp-xxs);
  border-radius: 0.5rem;
}
.c669caa80dafa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--library-content-foreground-color);
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.c25f6785b202c {
  white-space: nowrap;
}
.c25f6785b202c:not(:last-child)::after {
  content: "·";
  margin-inline: var(--sp-xs);
}

.ca3dab7345ef3 {
  display: block;
}

.c49e54406dae6 {
  color: var(--color-foreground-primary);
}

.c624003c71c41 {
  width: 41.5rem;
  height: -moz-fit-content;
  height: fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.cd5f46af0059b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--modal-title-foreground-color);
}

.cd253f17e7705 {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  margin-top: var(--sp-xxxl);
  gap: var(--sp-xxl);
}

.c5669bc6e3110 {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: var(--sp-xl);
       column-gap: var(--sp-xl);
  grid-template: "icon title" "icon content";
}

.c6b7a163ed62b {
  grid-area: icon;
  width: 3.25rem;
  height: 3.25rem;
  margin-top: var(--sp-s);
  border-radius: 50%;
  background: var(--color-background-quaternary);
  display: flex;
  justify-content: center;
  align-items: center;
}
.c6b7a163ed62b svg {
  width: 2rem;
  height: 2rem;
  fill: var(--icon-foreground-active);
}

.cd65c47cb4fbc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  grid-area: title;
  color: var(--modal-title-foreground-color);
}

.c0516d0b81d1e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  grid-area: content;
  color: var(--library-content-foreground-color);
}

.cf46bbb7b1997 {
  display: flex;
  justify-content: flex-end;
  margin-block-start: var(--sp-xxl);
  margin-inline-end: var(--sp-s);
}

.c9517bfdfb69a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  padding: 0 var(--sp-l);
}

.cab8524908151 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  margin: var(--sp-xxxl);
  color: var(--color-foreground-secondary);
}

.ccbb4aa579427 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-accent-primary);
}
.ccbb4aa579427:hover {
  text-decoration: underline;
}

.c95ceb0710eea {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: start;
  color: var(--color-foreground-secondary);
}

.c2ee7fb5f2fca {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: var(--sp-s);
}

.cce05d630a6b2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  color: var(--color-foreground-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 14.5rem;
}

.ccdf5322156a7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  height: 2rem;
  width: 5rem;
  margin: 0;
  border-radius: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:root {
  --z-index-auto: auto;
  --z-index-panels: 100;
  --z-index-guides: 200;
  --z-index-set: 300;
  --z-index-dropdown: 400;
  --z-index-notifications: 500;
  --z-index-loaders: 600;
}

.c1b1308914d4b {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  padding: var(--sp-xs);
  border-radius: 0.5rem;
  z-index: var(--z-index-dropdown);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  box-shadow: 0 0 0.75rem 0 var(--menu-shadow-color);
}

.c29686ba2c65b {
  top: 3rem;
  left: calc(var(--left-sidebar-width) - 2.5rem);
  inline-size: 14rem;
}

.c183e5425886c {
  left: calc(var(--left-sidebar-width) + 9.625rem);
  min-width: 17.75rem;
  width: 115%;
}
.c183e5425886c.c9f1a07be0162 {
  top: 3rem;
}
.c183e5425886c.c1726781bef8a {
  top: 5rem;
}
.c183e5425886c.cdf884c53cddf {
  top: 7rem;
}
.c183e5425886c.c6d02fe1d11c7 {
  top: 9rem;
}
.c183e5425886c.c250b1db9d60b {
  top: 11rem;
}
.c183e5425886c.cb61fcc1c21b3 {
  top: 13rem;
}
.c183e5425886c.c92719c181e09 {
  top: 12rem;
}
.c183e5425886c.c44345933927d {
  top: 14rem;
}
.c183e5425886c.cb2af2515f358 {
  top: 16rem;
}
.c183e5425886c.c53fe11787e36 {
  max-height: calc(100vh - 12.5rem);
  overflow-x: hidden;
  overflow-y: auto;
}

.c126a3b483396 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: grid;
  align-items: center;
  grid-template-columns: auto 1rem 1rem;
  grid-template-areas: "name indicator arrow";
  block-size: 1.75rem;
  inline-size: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  color: var(--menu-foreground-color);
  background-color: var(--menu-background-color);
}
.c126a3b483396:hover {
  --menu-foreground-color: var(--menu-foreground-color-hover);
  --menu-background-color: var(--menu-background-color-hover);
  --menu-shortcut-foreground-color: var(--menu-shortcut-foreground-color-hover);
  --menu-icon-foreground-color: var(--menu-foreground-color-hover);
}
.c126a3b483396.cbb12f02100eb {
  --menu-foreground-color: var(--color-foreground-secondary);
  pointer-events: none;
}

.c9b5c23945962 {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1rem 1rem;
  grid-template-areas: "name indicator arrow";
}

.cd12470c46775 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cb4ce5c1b2538 {
  grid-area: name;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c6cbfc6896666 {
  --menu-indicator-color: var(--color-foreground-secondary);
  grid-area: indicator;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 0.5rem;
  block-size: 0.5rem;
  border-radius: 50%;
  background-color: var(--menu-indicator-color);
}
.c6cbfc6896666.c1c10655e746e {
  --menu-indicator-color: var(--color-accent-primary);
}

.c4598952eca09 {
  grid-area: arrow;
  color: var(--menu-icon-foreground-color);
}

.cd96d1e20bad0 {
  color: var(--menu-icon-foreground-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ca9d9b6197baf {
  position: relative;
  block-size: var(--sp-xs);
  inline-size: calc(100% + var(--sp-s));
  border-top: 0.0625rem solid var(--color-background-quaternary);
  left: calc(-1 * var(--sp-xs));
  margin-top: var(--sp-s);
}

.ca3319c7bd958 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-xxs);
  color: var(--menu-shortcut-foreground-color);
}

.ca4a06cee6ff7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.25rem;
  padding: var(--sp-xxs) 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}
@keyframes c18f95dac23af {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c3f5036538ab4 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c3f5036538ab4:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c3f5036538ab4 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c3f5036538ab4 ::-webkit-scrollbar-track,
.c3f5036538ab4 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c3f5036538ab4 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c3f5036538ab4 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c3f5036538ab4 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c3f5036538ab4 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c3f5036538ab4 ::placeholder,
.c3f5036538ab4 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cf586e3e85982, .c86793fa5040e, .c97bb45679654 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cf586e3e85982 svg, .c86793fa5040e svg, .c97bb45679654 svg,
.cf586e3e85982 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cf586e3e85982:focus-visible, .c86793fa5040e:focus-visible, .c97bb45679654:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cf586e3e85982:focus-visible svg, .c86793fa5040e:focus-visible svg, .c97bb45679654:focus-visible svg,
.cf586e3e85982:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cf586e3e85982:hover, .c86793fa5040e:hover, .c97bb45679654:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cf586e3e85982:hover svg, .c86793fa5040e:hover svg, .c97bb45679654:hover svg,
.cf586e3e85982:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cf586e3e85982:active, .c86793fa5040e:active, .c97bb45679654:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cf586e3e85982:active svg, .c86793fa5040e:active svg, .c97bb45679654:active svg,
.cf586e3e85982:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cf586e3e85982.disabled, .c86793fa5040e.disabled, .c97bb45679654.disabled, .cf586e3e85982[disabled], [disabled].c86793fa5040e, [disabled].c97bb45679654, .cf586e3e85982:disabled, .c86793fa5040e:disabled, .c97bb45679654:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbc4e62d4cc66, .cd0e34acaba29 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cbc4e62d4cc66 svg, .cd0e34acaba29 svg,
.cbc4e62d4cc66 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cbc4e62d4cc66:focus-visible, .cd0e34acaba29:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cbc4e62d4cc66:focus-visible svg, .cd0e34acaba29:focus-visible svg,
.cbc4e62d4cc66:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cbc4e62d4cc66:hover, .cd0e34acaba29:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cbc4e62d4cc66:hover svg, .cd0e34acaba29:hover svg,
.cbc4e62d4cc66:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cbc4e62d4cc66:active, .cd0e34acaba29:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cbc4e62d4cc66:active svg, .cd0e34acaba29:active svg,
.cbc4e62d4cc66:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cbc4e62d4cc66.disabled, .cd0e34acaba29.disabled, .cbc4e62d4cc66[disabled], [disabled].cd0e34acaba29, .cbc4e62d4cc66:disabled, .cd0e34acaba29:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2fd1bac0df5c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c2fd1bac0df5c svg,
.c2fd1bac0df5c span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c2fd1bac0df5c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2fd1bac0df5c:focus-visible svg,
.c2fd1bac0df5c:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2fd1bac0df5c:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c2fd1bac0df5c:hover svg,
.c2fd1bac0df5c:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c2fd1bac0df5c:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c2fd1bac0df5c:active svg,
.c2fd1bac0df5c:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c2fd1bac0df5c.disabled, .c2fd1bac0df5c[disabled], .c2fd1bac0df5c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb70c113a9ad1, .ca919e93d4241 button, .cdad2d58cb018, .cfb1e7249c692 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cb70c113a9ad1 svg, .ca919e93d4241 button svg, .cdad2d58cb018 svg, .cfb1e7249c692 svg,
.cb70c113a9ad1 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cb70c113a9ad1:focus-visible, .ca919e93d4241 button:focus-visible, .cdad2d58cb018:focus-visible, .cfb1e7249c692:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cb70c113a9ad1:focus-visible svg, .ca919e93d4241 button:focus-visible svg, .cdad2d58cb018:focus-visible svg, .cfb1e7249c692:focus-visible svg,
.cb70c113a9ad1:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cb70c113a9ad1:hover, .ca919e93d4241 button:hover, .cdad2d58cb018:hover, .cfb1e7249c692:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cb70c113a9ad1:hover svg, .ca919e93d4241 button:hover svg, .cdad2d58cb018:hover svg, .cfb1e7249c692:hover svg,
.cb70c113a9ad1:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cb70c113a9ad1:active, .ca919e93d4241 button:active, .cdad2d58cb018:active, .cfb1e7249c692:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cb70c113a9ad1:active svg, .ca919e93d4241 button:active svg, .cdad2d58cb018:active svg, .cfb1e7249c692:active svg,
.cb70c113a9ad1:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cb70c113a9ad1.disabled, .ca919e93d4241 button.disabled, .cdad2d58cb018.disabled, .cfb1e7249c692.disabled, .cb70c113a9ad1[disabled], .ca919e93d4241 button[disabled], [disabled].cdad2d58cb018, [disabled].cfb1e7249c692, .cb70c113a9ad1:disabled, .ca919e93d4241 button:disabled, .cdad2d58cb018:disabled, .cfb1e7249c692:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cb70c113a9ad1.disabled svg, .ca919e93d4241 button.disabled svg, .cdad2d58cb018.disabled svg, .cfb1e7249c692.disabled svg,
.cb70c113a9ad1.disabled span svg, .cb70c113a9ad1[disabled] svg, .ca919e93d4241 button[disabled] svg, [disabled].cdad2d58cb018 svg, [disabled].cfb1e7249c692 svg,
.cb70c113a9ad1[disabled] span svg, .cb70c113a9ad1:disabled svg, .ca919e93d4241 button:disabled svg, .cdad2d58cb018:disabled svg, .cfb1e7249c692:disabled svg,
.cb70c113a9ad1:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cc13622834ea0 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cc13622834ea0 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c90317e0236a7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c90317e0236a7 svg,
.c90317e0236a7 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c90317e0236a7:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c90317e0236a7:focus-visible svg,
.c90317e0236a7:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c90317e0236a7:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c90317e0236a7:hover svg,
.c90317e0236a7:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c90317e0236a7:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c90317e0236a7:active svg,
.c90317e0236a7:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ca068504ee3ba {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ce9bfe652e5ca {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8a7670635758 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c8a7670635758:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c8a7670635758:focus-visible svg,
.c8a7670635758:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c8a7670635758:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c8a7670635758:active {
  border: none;
  background-color: transparent;
}

.cf1e61e897ab1, .cdad2d58cb018 svg, .cfb1e7249c692 svg, .cd3906c89fd83, .cce09cdfe3900 span svg, .ca919e93d4241 button svg, .cb95ca1579ee8.intermediate svg, .c592f8d2e50c2 label span.intermediate svg, .cb95ca1579ee8.checked svg, .c592f8d2e50c2 label span.checked svg, .c0db70842bd0c span svg,
.c0db70842bd0c label svg, .cf58ec86df23a svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c5c1c7bcf3bc8 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c5c1c7bcf3bc8:hover {
  fill: none;
  stroke: none;
}

.cd3906c89fd83, .cce09cdfe3900 span svg, .ca919e93d4241 button svg, .cb95ca1579ee8.intermediate svg, .c592f8d2e50c2 label span.intermediate svg, .cb95ca1579ee8.checked svg, .c592f8d2e50c2 label span.checked svg, .c0db70842bd0c span svg,
.c0db70842bd0c label svg, .cf58ec86df23a svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cf67b88a960a3 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cf67b88a960a3:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.caaf07cc89021, .cb7391ac50821 input, .c5c4c777504b4 input, .caa0fd6e70e98 input, .c0db70842bd0c input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .caaf07cc89021, .cb7391ac50821 input, .c5c4c777504b4 input, .caa0fd6e70e98 input, .c0db70842bd0c input {
    height: 23px;
  }
}
.caaf07cc89021, .cb7391ac50821 input, .c5c4c777504b4 input, .caa0fd6e70e98 input, .c0db70842bd0c input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.caaf07cc89021[disabled], .cb7391ac50821 input[disabled], .c5c4c777504b4 input[disabled], .caa0fd6e70e98 input[disabled], .c0db70842bd0c input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cf58ec86df23a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cbe6d6b4dc3b5, .c0db70842bd0c span,
.c0db70842bd0c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbe6d6b4dc3b5, .c0db70842bd0c span,
  .c0db70842bd0c label {
    height: 25px;
  }
}
.cbe6d6b4dc3b5, .c0db70842bd0c span,
.c0db70842bd0c label {
  color: var(--input-foreground-color);
}

.c0db70842bd0c {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c0db70842bd0c {
    height: 25px;
    font-size: 10px;
  }
}
.c0db70842bd0c {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c0db70842bd0c span svg,
.c0db70842bd0c label svg {
  color: var(--input-foreground-color);
}
.c0db70842bd0c ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c0db70842bd0c ::placeholder {
  color: var(--input-placeholder-color);
}
.c0db70842bd0c:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c0db70842bd0c:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c0db70842bd0c:hover span {
  color: var(--input-foreground-color-hover);
}
.c0db70842bd0c:hover input {
  color: var(--input-foreground-color-hover);
}
.c0db70842bd0c:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c0db70842bd0c:active span {
  color: var(--input-foreground-color-active);
}
.c0db70842bd0c:active input {
  color: var(--input-foreground-color-active);
}
.c0db70842bd0c:focus, .c0db70842bd0c:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c0db70842bd0c:focus span, .c0db70842bd0c:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c0db70842bd0c:focus input, .c0db70842bd0c:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c0db70842bd0c:focus:hover, .c0db70842bd0c:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c0db70842bd0c:focus:hover span, .c0db70842bd0c:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c0db70842bd0c:focus:hover input, .c0db70842bd0c:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.caa0fd6e70e98 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.caa0fd6e70e98 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.caa0fd6e70e98 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.caa0fd6e70e98 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.caa0fd6e70e98:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.caa0fd6e70e98:focus-within input, .caa0fd6e70e98:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c83e37c23c5ff, .cb7391ac50821.disabled, .c5c4c777504b4.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c83e37c23c5ff input, .cb7391ac50821.disabled input, .c5c4c777504b4.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c83e37c23c5ff span svg, .cb7391ac50821.disabled span svg, .c5c4c777504b4.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cb95ca1579ee8, .c592f8d2e50c2 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cb95ca1579ee8 svg, .c592f8d2e50c2 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cb95ca1579ee8:hover, .c592f8d2e50c2 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb95ca1579ee8:focus, .c592f8d2e50c2 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cb95ca1579ee8.checked, .c592f8d2e50c2 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cb95ca1579ee8.checked svg, .c592f8d2e50c2 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cb95ca1579ee8.intermediate, .c592f8d2e50c2 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cb95ca1579ee8.intermediate svg, .c592f8d2e50c2 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cb95ca1579ee8.unchecked, .c592f8d2e50c2 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cb95ca1579ee8.unchecked svg, .c592f8d2e50c2 label span.unchecked svg {
  display: none;
}

.c592f8d2e50c2 {
  display: flex;
  align-items: center;
}
.c592f8d2e50c2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c592f8d2e50c2 label input {
  margin: 0;
}
.c592f8d2e50c2 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c592f8d2e50c2 label:focus span, .c592f8d2e50c2 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cb7391ac50821, .c5c4c777504b4 {
  display: flex;
  flex-direction: column;
}
.cb7391ac50821 label, .c5c4c777504b4 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cb7391ac50821 input, .c5c4c777504b4 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cb7391ac50821 input:focus-within input, .c5c4c777504b4 input:focus-within input, .cb7391ac50821 input:active input, .c5c4c777504b4 input:active input {
  color: var(--input-foreground-color-active);
}
.cb7391ac50821 input:focus-within, .c5c4c777504b4 input:focus-within, .cb7391ac50821 input:active, .c5c4c777504b4 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb7391ac50821.invalid input, .c5c4c777504b4.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc1a036de6520 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c78cdb651369b, .c0fa2cd4b21d7 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c3f9275a37652, .c6257ff3113c1 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cdad2d58cb018, .cfb1e7249c692 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c23ff1f862b7e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c99a529f84cc5 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cd0e34acaba29 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c97bb45679654 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c86793fa5040e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c85be9133d484 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c85be9133d484:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c025a3cb8b0f3 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cb2f643d06afa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c290fd7597258 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c715189550b49 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c8f9a922230fe {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c8f9a922230fe:hover, .c8f9a922230fe:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ca919e93d4241 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ca919e93d4241 button {
  display: none;
}
.ca919e93d4241 button svg {
  stroke: var(--icon-foreground);
}
.ca919e93d4241:hover button {
  display: flex;
}

.cccc6d50c8950 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cccc6d50c8950 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cccc6d50c8950 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cfc75d583f99e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cfc75d583f99e:hover div {
  color: var(--entry-foreground-color-hover);
}

.c756057836425 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c4e652f69f6f5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c4e652f69f6f5:hover {
  background-color: var(--menu-background-color-hover);
}

.cce09cdfe3900 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cce09cdfe3900 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cce09cdfe3900 span svg {
  stroke: var(--icon-foreground);
}
.cce09cdfe3900:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cce09cdfe3900:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ca722ba8d3fd6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c8a9106925ef4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c35b73752d3bc,
.ce596556aa092 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ca044d62d5bc1 .c35b73752d3bc,
.ca044d62d5bc1 .ce596556aa092 {
  transform: scale(1);
}

.c958a9457f888 .c35b73752d3bc,
.c958a9457f888 .ce596556aa092 {
  transform: scale(0);
}

.c6257ff3113c1 {
  min-width: 25.5rem;
}

.c907d6437b5aa {
  margin-bottom: 1.5rem;
}

.cd046c64e0dfa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c3e5e7ee9a258 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 1.5rem;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.c5c4c777504b4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}
.c5c4c777504b4 label {
  text-transform: none;
}

.c5b50ccbc2b01 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  line-height: 1.5;
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --z-index-auto: auto;
  --z-index-panels: 100;
  --z-index-guides: 200;
  --z-index-set: 300;
  --z-index-dropdown: 400;
  --z-index-notifications: 500;
  --z-index-loaders: 600;
}

@keyframes cea12202480ce {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c9d8851d8b2c9 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c9d8851d8b2c9:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c9d8851d8b2c9 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c9d8851d8b2c9 ::-webkit-scrollbar-track,
.c9d8851d8b2c9 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c9d8851d8b2c9 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c9d8851d8b2c9 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c9d8851d8b2c9 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9d8851d8b2c9 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9d8851d8b2c9 ::placeholder,
.c9d8851d8b2c9 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ccdd060f45cc4, .c21e06c3020e0, .c33f444697829 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ccdd060f45cc4 svg, .c21e06c3020e0 svg, .c33f444697829 svg,
.ccdd060f45cc4 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ccdd060f45cc4:focus-visible, .c21e06c3020e0:focus-visible, .c33f444697829:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ccdd060f45cc4:focus-visible svg, .c21e06c3020e0:focus-visible svg, .c33f444697829:focus-visible svg,
.ccdd060f45cc4:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ccdd060f45cc4:hover, .c21e06c3020e0:hover, .c33f444697829:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ccdd060f45cc4:hover svg, .c21e06c3020e0:hover svg, .c33f444697829:hover svg,
.ccdd060f45cc4:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ccdd060f45cc4:active, .c21e06c3020e0:active, .c33f444697829:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ccdd060f45cc4:active svg, .c21e06c3020e0:active svg, .c33f444697829:active svg,
.ccdd060f45cc4:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ccdd060f45cc4.disabled, .c21e06c3020e0.disabled, .c33f444697829.disabled, .ccdd060f45cc4[disabled], [disabled].c21e06c3020e0, [disabled].c33f444697829, .ccdd060f45cc4:disabled, .c21e06c3020e0:disabled, .c33f444697829:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c06b3d9cd32ba, .c76ff05a94ea9, .c8fd450d612a4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c06b3d9cd32ba svg, .c76ff05a94ea9 svg, .c8fd450d612a4 svg,
.c06b3d9cd32ba span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c06b3d9cd32ba:focus-visible, .c76ff05a94ea9:focus-visible, .c8fd450d612a4:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c06b3d9cd32ba:focus-visible svg, .c76ff05a94ea9:focus-visible svg, .c8fd450d612a4:focus-visible svg,
.c06b3d9cd32ba:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c06b3d9cd32ba:hover, .c76ff05a94ea9:hover, .c8fd450d612a4:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c06b3d9cd32ba:hover svg, .c76ff05a94ea9:hover svg, .c8fd450d612a4:hover svg,
.c06b3d9cd32ba:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c06b3d9cd32ba:active, .c76ff05a94ea9:active, .c8fd450d612a4:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c06b3d9cd32ba:active svg, .c76ff05a94ea9:active svg, .c8fd450d612a4:active svg,
.c06b3d9cd32ba:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c06b3d9cd32ba.disabled, .c76ff05a94ea9.disabled, .c8fd450d612a4.disabled, .c06b3d9cd32ba[disabled], [disabled].c76ff05a94ea9, [disabled].c8fd450d612a4, .c06b3d9cd32ba:disabled, .c76ff05a94ea9:disabled, .c8fd450d612a4:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce3be121912e6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ce3be121912e6 svg,
.ce3be121912e6 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ce3be121912e6:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ce3be121912e6:focus-visible svg,
.ce3be121912e6:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ce3be121912e6:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ce3be121912e6:hover svg,
.ce3be121912e6:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ce3be121912e6:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ce3be121912e6:active svg,
.ce3be121912e6:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ce3be121912e6.disabled, .ce3be121912e6[disabled], .ce3be121912e6:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd95b7a8147aa, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766, .cd53d501438c1 .c1f6814a8b438, .cf74e45f66f7f button, .c509fe3df6b15 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cd95b7a8147aa svg, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766 svg, .cd53d501438c1 .c1f6814a8b438 svg, .cf74e45f66f7f button svg, .c509fe3df6b15 svg,
.cd95b7a8147aa span svg,
.cd53d501438c1 .c1f6814a8b438 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cd95b7a8147aa:focus-visible, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766:focus-visible, .cd53d501438c1 .c1f6814a8b438:focus-visible, .cf74e45f66f7f button:focus-visible, .c509fe3df6b15:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cd95b7a8147aa:focus-visible svg, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766:focus-visible svg, .cd53d501438c1 .c1f6814a8b438:focus-visible svg, .cf74e45f66f7f button:focus-visible svg, .c509fe3df6b15:focus-visible svg,
.cd95b7a8147aa:focus-visible span svg,
.cd53d501438c1 .c1f6814a8b438:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cd95b7a8147aa:hover, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766:hover, .cd53d501438c1 .c1f6814a8b438:hover, .cf74e45f66f7f button:hover, .c509fe3df6b15:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cd95b7a8147aa:hover svg, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766:hover svg, .cd53d501438c1 .c1f6814a8b438:hover svg, .cf74e45f66f7f button:hover svg, .c509fe3df6b15:hover svg,
.cd95b7a8147aa:hover span svg,
.cd53d501438c1 .c1f6814a8b438:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cd95b7a8147aa:active, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766:active, .cd53d501438c1 .c1f6814a8b438:active, .cf74e45f66f7f button:active, .c509fe3df6b15:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cd95b7a8147aa:active svg, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766:active svg, .cd53d501438c1 .c1f6814a8b438:active svg, .cf74e45f66f7f button:active svg, .c509fe3df6b15:active svg,
.cd95b7a8147aa:active span svg,
.cd53d501438c1 .c1f6814a8b438:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cd95b7a8147aa.disabled, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766.disabled, .cd53d501438c1 .c1f6814a8b438.disabled, .cf74e45f66f7f button.disabled, .c509fe3df6b15.disabled, .cd95b7a8147aa[disabled], .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada [disabled].c337194d12766, .cd53d501438c1 [disabled].c1f6814a8b438, .cf74e45f66f7f button[disabled], [disabled].c509fe3df6b15, .cd95b7a8147aa:disabled, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766:disabled, .cd53d501438c1 .c1f6814a8b438:disabled, .cf74e45f66f7f button:disabled, .c509fe3df6b15:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cd95b7a8147aa.disabled svg, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766.disabled svg, .cd53d501438c1 .c1f6814a8b438.disabled svg, .cf74e45f66f7f button.disabled svg, .c509fe3df6b15.disabled svg,
.cd95b7a8147aa.disabled span svg,
.cd53d501438c1 .c1f6814a8b438.disabled span svg, .cd95b7a8147aa[disabled] svg, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada [disabled].c337194d12766 svg, .cd53d501438c1 [disabled].c1f6814a8b438 svg, .cf74e45f66f7f button[disabled] svg, [disabled].c509fe3df6b15 svg,
.cd95b7a8147aa[disabled] span svg,
.cd53d501438c1 [disabled].c1f6814a8b438 span svg, .cd95b7a8147aa:disabled svg, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766:disabled svg, .cd53d501438c1 .c1f6814a8b438:disabled svg, .cf74e45f66f7f button:disabled svg, .c509fe3df6b15:disabled svg,
.cd95b7a8147aa:disabled span svg,
.cd53d501438c1 .c1f6814a8b438:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c42346cc4cfa6, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766.c476587528ade, .c76ff05a94ea9.c476587528ade {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c42346cc4cfa6 svg, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766.c476587528ade svg, .c76ff05a94ea9.c476587528ade svg {
  color: var(--button-icon-foreground-color-selected);
}

.c786b0060fc53 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c786b0060fc53 svg,
.c786b0060fc53 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c786b0060fc53:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c786b0060fc53:focus-visible svg,
.c786b0060fc53:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c786b0060fc53:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c786b0060fc53:hover svg,
.c786b0060fc53:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c786b0060fc53:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c786b0060fc53:active svg,
.c786b0060fc53:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cbc9bbe742939 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c2336b963d2a9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce0ff47df56ee {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ce0ff47df56ee:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ce0ff47df56ee:focus-visible svg,
.ce0ff47df56ee:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ce0ff47df56ee:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ce0ff47df56ee:active {
  border: none;
  background-color: transparent;
}

.c4aa4f2d603e1, .cd53d501438c1 .c1f6814a8b438 svg, .c069c740b9af2, .c509fe3df6b15 svg, .c65511909af88, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766 svg, .ce11eba3755f0 span svg, .cf74e45f66f7f button svg, .c8b4a8d77da1a.intermediate svg, .cd99fbac94740 label span.intermediate svg, .c8b4a8d77da1a.checked svg, .cd99fbac94740 label span.checked svg, .c055729f2af03 span svg,
.c055729f2af03 label svg, .c39e00e03826a svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c8feec53e59bf {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c8feec53e59bf:hover {
  fill: none;
  stroke: none;
}

.c65511909af88, .cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766 svg, .ce11eba3755f0 span svg, .cf74e45f66f7f button svg, .c8b4a8d77da1a.intermediate svg, .cd99fbac94740 label span.intermediate svg, .c8b4a8d77da1a.checked svg, .cd99fbac94740 label span.checked svg, .c055729f2af03 span svg,
.c055729f2af03 label svg, .c39e00e03826a svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ccfe267c02c1a {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ccfe267c02c1a:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c306c140e9c63, .cb33047d5a454 input, .c8b00137def1d input, .c055729f2af03 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c306c140e9c63, .cb33047d5a454 input, .c8b00137def1d input, .c055729f2af03 input {
    height: 23px;
  }
}
.c306c140e9c63, .cb33047d5a454 input, .c8b00137def1d input, .c055729f2af03 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c306c140e9c63[disabled], .cb33047d5a454 input[disabled], .c8b00137def1d input[disabled], .c055729f2af03 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c39e00e03826a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cd92f52511ac2, .c055729f2af03 span,
.c055729f2af03 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd92f52511ac2, .c055729f2af03 span,
  .c055729f2af03 label {
    height: 25px;
  }
}
.cd92f52511ac2, .c055729f2af03 span,
.c055729f2af03 label {
  color: var(--input-foreground-color);
}

.c055729f2af03 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c055729f2af03 {
    height: 25px;
    font-size: 10px;
  }
}
.c055729f2af03 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c055729f2af03 span svg,
.c055729f2af03 label svg {
  color: var(--input-foreground-color);
}
.c055729f2af03 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c055729f2af03 ::placeholder {
  color: var(--input-placeholder-color);
}
.c055729f2af03:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c055729f2af03:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c055729f2af03:hover span {
  color: var(--input-foreground-color-hover);
}
.c055729f2af03:hover input {
  color: var(--input-foreground-color-hover);
}
.c055729f2af03:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c055729f2af03:active span {
  color: var(--input-foreground-color-active);
}
.c055729f2af03:active input {
  color: var(--input-foreground-color-active);
}
.c055729f2af03:focus, .c055729f2af03:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c055729f2af03:focus span, .c055729f2af03:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c055729f2af03:focus input, .c055729f2af03:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c055729f2af03:focus:hover, .c055729f2af03:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c055729f2af03:focus:hover span, .c055729f2af03:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c055729f2af03:focus:hover input, .c055729f2af03:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c8b00137def1d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c8b00137def1d input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c8b00137def1d ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c8b00137def1d ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c8b00137def1d:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c8b00137def1d:focus-within input, .c8b00137def1d:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cad2d5b068673, .cb33047d5a454.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cad2d5b068673 input, .cb33047d5a454.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cad2d5b068673 span svg, .cb33047d5a454.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c8b4a8d77da1a, .cd99fbac94740 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c8b4a8d77da1a svg, .cd99fbac94740 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c8b4a8d77da1a:hover, .cd99fbac94740 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8b4a8d77da1a:focus, .cd99fbac94740 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c8b4a8d77da1a.checked, .cd99fbac94740 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c8b4a8d77da1a.checked svg, .cd99fbac94740 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c8b4a8d77da1a.intermediate, .cd99fbac94740 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c8b4a8d77da1a.intermediate svg, .cd99fbac94740 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c8b4a8d77da1a.unchecked, .cd99fbac94740 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c8b4a8d77da1a.unchecked svg, .cd99fbac94740 label span.unchecked svg {
  display: none;
}

.cd99fbac94740 {
  display: flex;
  align-items: center;
}
.cd99fbac94740 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cd99fbac94740 label input {
  margin: 0;
}
.cd99fbac94740 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd99fbac94740 label:focus span, .cd99fbac94740 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cb33047d5a454 {
  display: flex;
  flex-direction: column;
}
.cb33047d5a454 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cb33047d5a454 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cb33047d5a454 input:focus-within input, .cb33047d5a454 input:active input {
  color: var(--input-foreground-color-active);
}
.cb33047d5a454 input:focus-within, .cb33047d5a454 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb33047d5a454.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cbeadf577c962 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c68a3bf31474a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c0f3669981aeb {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c509fe3df6b15 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ca21f02b9b7fc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c9516a3556ff4 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c8fd450d612a4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c33f444697829 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c21e06c3020e0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c259c9e4d30cb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c259c9e4d30cb:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c6e7ace748fdb {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c6e9c0b5ad411 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ce11ce65c9168 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c42496b453b5e {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c5b5407a4e5b0 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c5b5407a4e5b0:hover, .c5b5407a4e5b0:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cf74e45f66f7f div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cf74e45f66f7f button {
  display: none;
}
.cf74e45f66f7f button svg {
  stroke: var(--icon-foreground);
}
.cf74e45f66f7f:hover button {
  display: flex;
}

.c2ca89ce4cee1 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c2ca89ce4cee1 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c2ca89ce4cee1 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ca7a8a315361e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ca7a8a315361e:hover div {
  color: var(--entry-foreground-color-hover);
}

.cb593275fd6a0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c24467c44ccb0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c24467c44ccb0:hover {
  background-color: var(--menu-background-color-hover);
}

.ce11eba3755f0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ce11eba3755f0 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ce11eba3755f0 span svg {
  stroke: var(--icon-foreground);
}
.ce11eba3755f0:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ce11eba3755f0:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cc2f4c3de363f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c2fcc1dc6cabc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c93bae98f7d67,
.c882bd93eb80f {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb039a09a6d03 .c93bae98f7d67,
.cb039a09a6d03 .c882bd93eb80f {
  transform: scale(1);
}

.c7d29627e3437 .c93bae98f7d67,
.c7d29627e3437 .c882bd93eb80f {
  transform: scale(0);
}

.ced7963a4edf3 {
  position: absolute;
  width: 100vw;
  left: 0;
  bottom: 0;
  padding-bottom: 0.25rem;
  /** Aligns AI Chat button **/
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-s);
}

.cd53d501438c1 {
  z-index: 2;
  position: relative;
  right: 0;
  grid-area: color-palette;
  display: grid;
  grid-template-areas: "resize resize resize" "buttons actions palette";
  grid-template-rows: 0.5rem 1fr;
  grid-template-columns: 2rem auto 1fr;
  max-height: 5rem;
  height: var(--height);
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 0px 0.5rem 0.5rem;
  border-radius: 8px;
  background-color: var(--palette-background-color);
  border: 0.125rem solid var(--panel-border-color);
  transition: right 0.3s, opacity 0.2s, width 0.3s;
}
.cd53d501438c1.cf3358e8f85c8 {
  width: 100%;
}
.cd53d501438c1 .c5a31d78bdd6b {
  grid-area: resize;
  height: 0.5rem;
  z-index: 4;
  width: calc(100% - 0.5rem);
  border-radius: 50%;
  cursor: ns-resize;
  background-color: var(--palette-background-color);
}
.cd53d501438c1 .cddfdc44ea1f9 {
  grid-area: buttons;
  background-color: var(--palette-background-color);
  height: calc(var(--height) - 1rem);
  width: 2rem;
  margin: 0px;
  list-style: none;
  z-index: 2;
  gap: 0.125rem;
}
.cd53d501438c1 .cddfdc44ea1f9.c20d00d266efe, .cd53d501438c1 .cddfdc44ea1f9.cb11ea4d7bd09 {
  display: flex;
}
.cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  opacity: 1;
  transition: opacity 1s ease;
}
.cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766 {
  height: 2rem;
  width: 2rem;
  border-radius: 8px;
  background-clip: padding-box;
  padding: 0;
}
.cd53d501438c1 .cddfdc44ea1f9 .cb0751564bada .c337194d12766 svg {
  stroke: none;
}
.cd53d501438c1 .c1f6814a8b438 {
  grid-area: actions;
  height: calc(var(--height) - 1rem);
  width: 2rem;
  padding: 0;
  margin-left: 0.25rem;
  border-radius: 8px;
  background-color: var(--palette-background-color);
  z-index: 2;
}
.cd53d501438c1 .c1f6814a8b438 svg {
  stroke: none;
}
.cd53d501438c1 .c4e82845e3727 {
  grid-area: palette;
  width: 100%;
  min-width: 0;
}

.c7af36a0ce641 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.75rem;
  height: 100%;
}
.c7af36a0ce641 .cd6f953a43652 {
  width: 0.25rem;
  height: 100%;
  max-height: 2.5rem;
  margin: 0.5rem 0.25rem;
  padding: 0;
  border-radius: 0.25rem;
  background-color: var(--palette-handler-background-color);
}

.c20d00d266efe,
.cb11ea4d7bd09 {
  grid-template-columns: 4rem auto 1fr;
}

.c4c1a83579e5a {
  right: 0.125rem;
  z-index: 1;
  width: 22px;
  grid-template-columns: 0.5rem auto 1fr;
  padding: 0;
  border-inline-start: 0;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.c4c1a83579e5a .cddfdc44ea1f9 {
  opacity: 0;
  visibility: hidden;
  width: 0;
}
.c4c1a83579e5a .cddfdc44ea1f9 .cb0751564bada {
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
.c4c1a83579e5a .c5a31d78bdd6b {
  visibility: hidden;
  z-index: 0;
  width: 0;
}
.c4c1a83579e5a .c1f6814a8b438 {
  visibility: hidden;
  z-index: 0;
}
.c4c1a83579e5a .c4e82845e3727 {
  visibility: hidden;
  z-index: 0;
}
.c4c1a83579e5a .c7af36a0ce641 {
  padding-bottom: 0.5rem;
}

/** AI Chat button styles **/
.c76ff05a94ea9 {
  z-index: var(--z-index-panels);
  flex-shrink: 0;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  border-radius: 50%;
  border: none;
}
.c76ff05a94ea9:hover {
  border: none;
}

.c069c740b9af2 {
  stroke: none;
  inline-size: var(--sp-xxl);
  block-size: var(--sp-xxl);
}
@keyframes c4c889b84ee70 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c878c84a2c043 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c878c84a2c043:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c878c84a2c043 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c878c84a2c043 ::-webkit-scrollbar-track,
.c878c84a2c043 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c878c84a2c043 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c878c84a2c043 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c878c84a2c043 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c878c84a2c043 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c878c84a2c043 ::placeholder,
.c878c84a2c043 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c668e0d2b8f1d, .ce321cdd15319, .c078e0e84f517, .c7ffbf9af4a10, .c48a0740d0d8b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c668e0d2b8f1d svg, .ce321cdd15319 svg, .c078e0e84f517 svg, .c7ffbf9af4a10 svg, .c48a0740d0d8b svg,
.c668e0d2b8f1d span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c668e0d2b8f1d:focus-visible, .ce321cdd15319:focus-visible, .c078e0e84f517:focus-visible, .c7ffbf9af4a10:focus-visible, .c48a0740d0d8b:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c668e0d2b8f1d:focus-visible svg, .ce321cdd15319:focus-visible svg, .c078e0e84f517:focus-visible svg, .c7ffbf9af4a10:focus-visible svg, .c48a0740d0d8b:focus-visible svg,
.c668e0d2b8f1d:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c668e0d2b8f1d:hover, .ce321cdd15319:hover, .c078e0e84f517:hover, .c7ffbf9af4a10:hover, .c48a0740d0d8b:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c668e0d2b8f1d:hover svg, .ce321cdd15319:hover svg, .c078e0e84f517:hover svg, .c7ffbf9af4a10:hover svg, .c48a0740d0d8b:hover svg,
.c668e0d2b8f1d:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c668e0d2b8f1d:active, .ce321cdd15319:active, .c078e0e84f517:active, .c7ffbf9af4a10:active, .c48a0740d0d8b:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c668e0d2b8f1d:active svg, .ce321cdd15319:active svg, .c078e0e84f517:active svg, .c7ffbf9af4a10:active svg, .c48a0740d0d8b:active svg,
.c668e0d2b8f1d:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c668e0d2b8f1d.disabled, .ce321cdd15319.disabled, .c078e0e84f517.disabled, .c7ffbf9af4a10.disabled, .c48a0740d0d8b.disabled, .c668e0d2b8f1d[disabled], [disabled].ce321cdd15319, [disabled].c078e0e84f517, [disabled].c7ffbf9af4a10, [disabled].c48a0740d0d8b, .c668e0d2b8f1d:disabled, .ce321cdd15319:disabled, .c078e0e84f517:disabled, .c7ffbf9af4a10:disabled, .c48a0740d0d8b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfc03145108f5, .cdd320bd0c9fc, .cfe964ce400c0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cfc03145108f5 svg, .cdd320bd0c9fc svg, .cfe964ce400c0 svg,
.cfc03145108f5 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cfc03145108f5:focus-visible, .cdd320bd0c9fc:focus-visible, .cfe964ce400c0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cfc03145108f5:focus-visible svg, .cdd320bd0c9fc:focus-visible svg, .cfe964ce400c0:focus-visible svg,
.cfc03145108f5:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cfc03145108f5:hover, .cdd320bd0c9fc:hover, .cfe964ce400c0:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cfc03145108f5:hover svg, .cdd320bd0c9fc:hover svg, .cfe964ce400c0:hover svg,
.cfc03145108f5:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cfc03145108f5:active, .cdd320bd0c9fc:active, .cfe964ce400c0:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cfc03145108f5:active svg, .cdd320bd0c9fc:active svg, .cfe964ce400c0:active svg,
.cfc03145108f5:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cfc03145108f5.disabled, .cdd320bd0c9fc.disabled, .cfe964ce400c0.disabled, .cfc03145108f5[disabled], [disabled].cdd320bd0c9fc, [disabled].cfe964ce400c0, .cfc03145108f5:disabled, .cdd320bd0c9fc:disabled, .cfe964ce400c0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf72fed95ca2c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cf72fed95ca2c svg,
.cf72fed95ca2c span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cf72fed95ca2c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cf72fed95ca2c:focus-visible svg,
.cf72fed95ca2c:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cf72fed95ca2c:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cf72fed95ca2c:hover svg,
.cf72fed95ca2c:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cf72fed95ca2c:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cf72fed95ca2c:active svg,
.cf72fed95ca2c:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cf72fed95ca2c.disabled, .cf72fed95ca2c[disabled], .cf72fed95ca2c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9ec65dbd2e1a, .cd5f2a8133ab3 button, .c766a6ecb59eb, .c198223dd4e6a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c9ec65dbd2e1a svg, .cd5f2a8133ab3 button svg, .c766a6ecb59eb svg, .c198223dd4e6a svg,
.c9ec65dbd2e1a span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c9ec65dbd2e1a:focus-visible, .cd5f2a8133ab3 button:focus-visible, .c766a6ecb59eb:focus-visible, .c198223dd4e6a:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c9ec65dbd2e1a:focus-visible svg, .cd5f2a8133ab3 button:focus-visible svg, .c766a6ecb59eb:focus-visible svg, .c198223dd4e6a:focus-visible svg,
.c9ec65dbd2e1a:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c9ec65dbd2e1a:hover, .cd5f2a8133ab3 button:hover, .c766a6ecb59eb:hover, .c198223dd4e6a:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c9ec65dbd2e1a:hover svg, .cd5f2a8133ab3 button:hover svg, .c766a6ecb59eb:hover svg, .c198223dd4e6a:hover svg,
.c9ec65dbd2e1a:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c9ec65dbd2e1a:active, .cd5f2a8133ab3 button:active, .c766a6ecb59eb:active, .c198223dd4e6a:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c9ec65dbd2e1a:active svg, .cd5f2a8133ab3 button:active svg, .c766a6ecb59eb:active svg, .c198223dd4e6a:active svg,
.c9ec65dbd2e1a:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c9ec65dbd2e1a.disabled, .cd5f2a8133ab3 button.disabled, .c766a6ecb59eb.disabled, .c198223dd4e6a.disabled, .c9ec65dbd2e1a[disabled], .cd5f2a8133ab3 button[disabled], [disabled].c766a6ecb59eb, [disabled].c198223dd4e6a, .c9ec65dbd2e1a:disabled, .cd5f2a8133ab3 button:disabled, .c766a6ecb59eb:disabled, .c198223dd4e6a:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c9ec65dbd2e1a.disabled svg, .cd5f2a8133ab3 button.disabled svg, .c766a6ecb59eb.disabled svg, .c198223dd4e6a.disabled svg,
.c9ec65dbd2e1a.disabled span svg, .c9ec65dbd2e1a[disabled] svg, .cd5f2a8133ab3 button[disabled] svg, [disabled].c766a6ecb59eb svg, [disabled].c198223dd4e6a svg,
.c9ec65dbd2e1a[disabled] span svg, .c9ec65dbd2e1a:disabled svg, .cd5f2a8133ab3 button:disabled svg, .c766a6ecb59eb:disabled svg, .c198223dd4e6a:disabled svg,
.c9ec65dbd2e1a:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c4d223eedd430 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c4d223eedd430 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cc66aab8071ee {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cc66aab8071ee svg,
.cc66aab8071ee span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cc66aab8071ee:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cc66aab8071ee:focus-visible svg,
.cc66aab8071ee:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cc66aab8071ee:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cc66aab8071ee:hover svg,
.cc66aab8071ee:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cc66aab8071ee:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cc66aab8071ee:active svg,
.cc66aab8071ee:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c912e2d7f028c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c32f79fccf8f5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4f2dddda358f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c4f2dddda358f:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c4f2dddda358f:focus-visible svg,
.c4f2dddda358f:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c4f2dddda358f:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c4f2dddda358f:active {
  border: none;
  background-color: transparent;
}

.c5479f40e01fa, .cc99c4753ac22, .c766a6ecb59eb svg, .c198223dd4e6a svg, .ce3aa4ae85c39, .ca7f58987e6ca svg, .c81fdbc2cea49 span svg, .cd5f2a8133ab3 button svg, .c7375727b449c.intermediate svg, .c31214062640d label span.intermediate svg, .c7375727b449c.checked svg, .c31214062640d label span.checked svg, .cb789077f026c span svg,
.cb789077f026c label svg, .ccfe7756291c4 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cb1a17e5d91f4 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cb1a17e5d91f4:hover {
  fill: none;
  stroke: none;
}

.ce3aa4ae85c39, .ca7f58987e6ca svg, .c81fdbc2cea49 span svg, .cd5f2a8133ab3 button svg, .c7375727b449c.intermediate svg, .c31214062640d label span.intermediate svg, .c7375727b449c.checked svg, .c31214062640d label span.checked svg, .cb789077f026c span svg,
.cb789077f026c label svg, .ccfe7756291c4 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cafa4150872b5 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cafa4150872b5:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cd660c7b2fd69, .cd52a4648f456 input, .cd974154c038d input, .cb789077f026c input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cd660c7b2fd69, .cd52a4648f456 input, .cd974154c038d input, .cb789077f026c input {
    height: 23px;
  }
}
.cd660c7b2fd69, .cd52a4648f456 input, .cd974154c038d input, .cb789077f026c input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cd660c7b2fd69[disabled], .cd52a4648f456 input[disabled], .cd974154c038d input[disabled], .cb789077f026c input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ccfe7756291c4 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cb869992c7c75, .cb789077f026c span,
.cb789077f026c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb869992c7c75, .cb789077f026c span,
  .cb789077f026c label {
    height: 25px;
  }
}
.cb869992c7c75, .cb789077f026c span,
.cb789077f026c label {
  color: var(--input-foreground-color);
}

.cb789077f026c {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb789077f026c {
    height: 25px;
    font-size: 10px;
  }
}
.cb789077f026c {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cb789077f026c span svg,
.cb789077f026c label svg {
  color: var(--input-foreground-color);
}
.cb789077f026c ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cb789077f026c ::placeholder {
  color: var(--input-placeholder-color);
}
.cb789077f026c:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb789077f026c:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cb789077f026c:hover span {
  color: var(--input-foreground-color-hover);
}
.cb789077f026c:hover input {
  color: var(--input-foreground-color-hover);
}
.cb789077f026c:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cb789077f026c:active span {
  color: var(--input-foreground-color-active);
}
.cb789077f026c:active input {
  color: var(--input-foreground-color-active);
}
.cb789077f026c:focus, .cb789077f026c:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb789077f026c:focus span, .cb789077f026c:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cb789077f026c:focus input, .cb789077f026c:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cb789077f026c:focus:hover, .cb789077f026c:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb789077f026c:focus:hover span, .cb789077f026c:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cb789077f026c:focus:hover input, .cb789077f026c:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cd974154c038d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cd974154c038d input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cd974154c038d ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd974154c038d ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd974154c038d:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cd974154c038d:focus-within input, .cd974154c038d:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cd74307b51032, .cd52a4648f456.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cd74307b51032 input, .cd52a4648f456.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cd74307b51032 span svg, .cd52a4648f456.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c7375727b449c, .c31214062640d label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c7375727b449c svg, .c31214062640d label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c7375727b449c:hover, .c31214062640d label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c7375727b449c:focus, .c31214062640d label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c7375727b449c.checked, .c31214062640d label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c7375727b449c.checked svg, .c31214062640d label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c7375727b449c.intermediate, .c31214062640d label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c7375727b449c.intermediate svg, .c31214062640d label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c7375727b449c.unchecked, .c31214062640d label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c7375727b449c.unchecked svg, .c31214062640d label span.unchecked svg {
  display: none;
}

.c31214062640d {
  display: flex;
  align-items: center;
}
.c31214062640d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c31214062640d label input {
  margin: 0;
}
.c31214062640d label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c31214062640d label:focus span, .c31214062640d label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cd52a4648f456 {
  display: flex;
  flex-direction: column;
}
.cd52a4648f456 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cd52a4648f456 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cd52a4648f456 input:focus-within input, .cd52a4648f456 input:active input {
  color: var(--input-foreground-color-active);
}
.cd52a4648f456 input:focus-within, .cd52a4648f456 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd52a4648f456.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc943b61b7412 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cf1087df36874, .cc3f16ea0dc65 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c67a5d07f2236, .cc595e0b580a0 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c766a6ecb59eb, .c198223dd4e6a {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c0d67247f95a1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c49e8dde5cb0f {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cfe964ce400c0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c48a0740d0d8b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c7ffbf9af4a10 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c6affd5801b6f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c6affd5801b6f:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c73aecd8d6d0a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cd305f38e2865 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c84ed92970c53 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cc7c1aead882c {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c098727be0826 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c098727be0826:hover, .c098727be0826:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cd5f2a8133ab3 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cd5f2a8133ab3 button {
  display: none;
}
.cd5f2a8133ab3 button svg {
  stroke: var(--icon-foreground);
}
.cd5f2a8133ab3:hover button {
  display: flex;
}

.ce6f199fa4714 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ce6f199fa4714 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ce6f199fa4714 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cb6f9424c854f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cb6f9424c854f:hover div {
  color: var(--entry-foreground-color-hover);
}

.cc619db20785b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c1af97e4b15f9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c1af97e4b15f9:hover {
  background-color: var(--menu-background-color-hover);
}

.c81fdbc2cea49 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c81fdbc2cea49 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c81fdbc2cea49 span svg {
  stroke: var(--icon-foreground);
}
.c81fdbc2cea49:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c81fdbc2cea49:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.caa476d7c725e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cdaf4b44b03f5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cb0ffee9b9cc0,
.ca7fe29cb9389 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cba05bacf3c9a .cb0ffee9b9cc0,
.cba05bacf3c9a .ca7fe29cb9389 {
  transform: scale(1);
}

.c57388db9d6bb .cb0ffee9b9cc0,
.c57388db9d6bb .ca7fe29cb9389 {
  transform: scale(0);
}

.cc595e0b580a0 {
  display: grid;
  grid-template-rows: auto 1fr auto;
  max-height: initial;
}
.cc595e0b580a0.c1f6f7af7887c {
  width: 25.75rem;
  max-width: 25.75rem;
}
.cc595e0b580a0.c9c82f9cf617a {
  width: 29.5rem;
  max-width: 29.5rem;
}
.cc595e0b580a0.c2f3cb2f4c089 {
  width: 28.25rem;
  max-width: 28.25rem;
}
.cc595e0b580a0 hr {
  border-color: var(--color-background-tertiary);
}

.cdbddb14c3722 {
  margin-top: 2rem;
}

.cc99c4753ac22 {
  stroke: none;
}

.cb3289c72ef63 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  margin-block-end: 2rem;
  color: var(--modal-title-foreground-color);
  display: flex;
  gap: 0.75rem;
}

.c5d4d99b89c48 {
  display: flex;
  flex-direction: column;
}
.c1f6f7af7887c .c5d4d99b89c48 {
  gap: 1.25rem;
}
.c9c82f9cf617a .c5d4d99b89c48 {
  height: 23.75rem;
  max-height: 23.75rem;
}

.c92d4d6193255 {
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
}

.c7169de97a7a4 {
  font-size: 0.875rem;
  color: var(--color-foreground-primary);
}

.ce321cdd15319 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  padding: 0px 1rem;
}

.c0d72ec86d4a0 {
  width: 100%;
  margin: 0;
}

.cdd320bd0c9fc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  padding: 0px 1rem;
}

.ca7f58987e6ca {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding: 0 0 0 0.5rem;
}
.ca7f58987e6ca svg {
  stroke: none;
}

.cecd2dbe563a5 {
  display: flex;
  gap: 0.5rem;
}

.c078e0e84f517 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.25rem;
  min-width: 5.25rem;
  height: 2rem;
  text-transform: uppercase;
}

.ca75f4296636a {
  padding-top: 1.25rem;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.c983a6c211b9f {
  display: flex;
  gap: 0.75rem;
}

.cee048e2f84e4 {
  min-width: 2rem;
  min-height: 2rem;
  width: 2rem;
  height: 2rem;
  background: var(--button-secondary-background-color-rest);
  padding: 0.125rem;
  border-radius: 0.25rem;
}

.c8fdb2b155646 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.c049fdd2abb72 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
}

.cb7cd1a82a4e1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-foreground-secondary);
}

.c0a9e4de5eac2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  height: 100%;
  justify-content: center;
  padding: 2.25rem 0;
}

.c3b1868240c48 {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-background-tertiary);
}
.c3b1868240c48 svg {
  width: 1rem;
  height: 1rem;
  color: var(--color-foreground-secondary);
  fill: none;
}

.c57d4fff764f7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-foreground-primary);
}

div.cf37dfc1e172c {
  border: 1px solid var(--input-border-color-error);
}

.c9e21162f464a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 0.25rem;
}
.c9e21162f464a.c8e5d446b3ed1 {
  color: var(--input-border-color-error);
}
.c9e21162f464a.c655d540cae80 {
  color: var(--input-border-color-success);
}

.c9fdab634cbab {
  color: var(--color-accent-primary);
  font-size: 0.75rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.c9fdab634cbab svg {
  margin-top: -0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  stroke: var(--color-accent-primary);
  fill: none;
}

.ccb7e0529728f {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.c5fbb6eb501f1 {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 1rem;
  align-items: center;
}
.c5fbb6eb501f1 svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke: var(--color-accent-primary);
  fill: none;
}

.c73a926deb3fe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
  color: var(--color-foreground-secondary);
}

.c824796340c16 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 1rem;
  background: var(--color-background-quaternary);
  color: var(--color-foreground-primary);
  border-radius: 4px;
}

.cc49baaf6ee73 {
  display: flex;
  gap: 0.75rem;
}

.c8501e995a524 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-foreground-secondary);
  margin-top: 1.5rem;
}
.c8501e995a524 a {
  color: var(--color-accent-primary);
}
.c190e940e4e6b,
.c6c2ca2edd2ee {
  background: none;
  cursor: pointer;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0 var(--sp-xs);
  border: none;
  border-radius: 0.5rem;
}

.cd50ee82a3445 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin: 0;
  gap: var(--user-list-gap, 0);
}

.c18a9ac54bdfc, .c6910ac674de8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: grid;
  place-content: center;
  height: 1.875rem;
  width: 1.875rem;
  border-radius: 50%;
  margin-inline-start: calc(-1 * var(--sp-xs));
}
.c18a9ac54bdfc img, .c6910ac674de8 img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.c6910ac674de8 {
  background-color: var(--user-count-background-color);
  color: var(--user-count-foreground-color);
  z-index: 3;
  border: 0.125rem solid var(--user-count-foreground-color);
  margin-inline-start: var(--user-list-inline-margin, calc(-1 * var(--sp-xs)));
}

.c18a9ac54bdfc {
  margin-inline-start: var(--user-list-inline-margin, calc(-1 * var(--sp-xs)));
}

.c6c2ca2edd2ee {
  position: absolute;
  right: calc(-1 * var(--sp-xxs));
  top: calc(-1 * var(--sp-xxs));
  padding: var(--sp-s);
  margin: calc(-1 * var(--sp-xxs)) calc(-1 * var(--sp-xs)) 0 0;
  background-color: var(--menu-background-color);
  z-index: 4;
  --user-list-gap: var(--sp-xs);
  --user-list-inline-margin: 0;
}
@keyframes c17f9dfbf0840 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c88479e7e3352 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c88479e7e3352:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c88479e7e3352 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c88479e7e3352 ::-webkit-scrollbar-track,
.c88479e7e3352 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c88479e7e3352 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c88479e7e3352 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c88479e7e3352 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c88479e7e3352 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c88479e7e3352 ::placeholder,
.c88479e7e3352 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cd0667c1b0f2c, .c50d46fd1dad3, .c58b488c826f5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cd0667c1b0f2c svg, .c50d46fd1dad3 svg, .c58b488c826f5 svg,
.cd0667c1b0f2c span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cd0667c1b0f2c:focus-visible, .c50d46fd1dad3:focus-visible, .c58b488c826f5:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cd0667c1b0f2c:focus-visible svg, .c50d46fd1dad3:focus-visible svg, .c58b488c826f5:focus-visible svg,
.cd0667c1b0f2c:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cd0667c1b0f2c:hover, .c50d46fd1dad3:hover, .c58b488c826f5:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cd0667c1b0f2c:hover svg, .c50d46fd1dad3:hover svg, .c58b488c826f5:hover svg,
.cd0667c1b0f2c:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cd0667c1b0f2c:active, .c50d46fd1dad3:active, .c58b488c826f5:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cd0667c1b0f2c:active svg, .c50d46fd1dad3:active svg, .c58b488c826f5:active svg,
.cd0667c1b0f2c:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cd0667c1b0f2c.disabled, .c50d46fd1dad3.disabled, .c58b488c826f5.disabled, .cd0667c1b0f2c[disabled], [disabled].c50d46fd1dad3, [disabled].c58b488c826f5, .cd0667c1b0f2c:disabled, .c50d46fd1dad3:disabled, .c58b488c826f5:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.caa153d75aa00, .c2cbb2c5f1420 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.caa153d75aa00 svg, .c2cbb2c5f1420 svg,
.caa153d75aa00 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.caa153d75aa00:focus-visible, .c2cbb2c5f1420:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.caa153d75aa00:focus-visible svg, .c2cbb2c5f1420:focus-visible svg,
.caa153d75aa00:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.caa153d75aa00:hover, .c2cbb2c5f1420:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.caa153d75aa00:hover svg, .c2cbb2c5f1420:hover svg,
.caa153d75aa00:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.caa153d75aa00:active, .c2cbb2c5f1420:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.caa153d75aa00:active svg, .c2cbb2c5f1420:active svg,
.caa153d75aa00:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.caa153d75aa00.disabled, .c2cbb2c5f1420.disabled, .caa153d75aa00[disabled], [disabled].c2cbb2c5f1420, .caa153d75aa00:disabled, .c2cbb2c5f1420:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2bbadb62b5d0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c2bbadb62b5d0 svg,
.c2bbadb62b5d0 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c2bbadb62b5d0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2bbadb62b5d0:focus-visible svg,
.c2bbadb62b5d0:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2bbadb62b5d0:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c2bbadb62b5d0:hover svg,
.c2bbadb62b5d0:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c2bbadb62b5d0:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c2bbadb62b5d0:active svg,
.c2bbadb62b5d0:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c2bbadb62b5d0.disabled, .c2bbadb62b5d0[disabled], .c2bbadb62b5d0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca663cfb0510b, .cfa1981cbd13a, .cc9995483904b, .c344b2d51fb2a, .cbaa3f430519d,
.c907c94729a06, .c823db08a7655 button, .cbb900a345b9f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca663cfb0510b svg, .cfa1981cbd13a svg, .cc9995483904b svg, .c344b2d51fb2a svg, .cbaa3f430519d svg,
.c907c94729a06 svg, .c823db08a7655 button svg, .cbb900a345b9f svg,
.ca663cfb0510b span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca663cfb0510b:focus-visible, .cfa1981cbd13a:focus-visible, .cc9995483904b:focus-visible, .c344b2d51fb2a:focus-visible, .cbaa3f430519d:focus-visible,
.c907c94729a06:focus-visible, .c823db08a7655 button:focus-visible, .cbb900a345b9f:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca663cfb0510b:focus-visible svg, .cfa1981cbd13a:focus-visible svg, .cc9995483904b:focus-visible svg, .c344b2d51fb2a:focus-visible svg, .cbaa3f430519d:focus-visible svg,
.c907c94729a06:focus-visible svg, .c823db08a7655 button:focus-visible svg, .cbb900a345b9f:focus-visible svg,
.ca663cfb0510b:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca663cfb0510b:hover, .cfa1981cbd13a:hover, .cc9995483904b:hover, .c344b2d51fb2a:hover, .cbaa3f430519d:hover,
.c907c94729a06:hover, .c823db08a7655 button:hover, .cbb900a345b9f:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca663cfb0510b:hover svg, .cfa1981cbd13a:hover svg, .cc9995483904b:hover svg, .c344b2d51fb2a:hover svg, .cbaa3f430519d:hover svg,
.c907c94729a06:hover svg, .c823db08a7655 button:hover svg, .cbb900a345b9f:hover svg,
.ca663cfb0510b:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca663cfb0510b:active, .cfa1981cbd13a:active, .cc9995483904b:active, .c344b2d51fb2a:active, .cbaa3f430519d:active,
.c907c94729a06:active, .c823db08a7655 button:active, .cbb900a345b9f:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca663cfb0510b:active svg, .cfa1981cbd13a:active svg, .cc9995483904b:active svg, .c344b2d51fb2a:active svg, .cbaa3f430519d:active svg,
.c907c94729a06:active svg, .c823db08a7655 button:active svg, .cbb900a345b9f:active svg,
.ca663cfb0510b:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca663cfb0510b.disabled, .cfa1981cbd13a.disabled, .cc9995483904b.disabled, .c344b2d51fb2a.disabled, .cbaa3f430519d.disabled,
.c907c94729a06.disabled, .c823db08a7655 button.disabled, .cbb900a345b9f.disabled, .ca663cfb0510b[disabled], [disabled].cfa1981cbd13a, [disabled].cc9995483904b, [disabled].c344b2d51fb2a, [disabled].cbaa3f430519d,
[disabled].c907c94729a06, .c823db08a7655 button[disabled], [disabled].cbb900a345b9f, .ca663cfb0510b:disabled, .cfa1981cbd13a:disabled, .cc9995483904b:disabled, .c344b2d51fb2a:disabled, .cbaa3f430519d:disabled,
.c907c94729a06:disabled, .c823db08a7655 button:disabled, .cbb900a345b9f:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca663cfb0510b.disabled svg, .cfa1981cbd13a.disabled svg, .cc9995483904b.disabled svg, .c344b2d51fb2a.disabled svg, .cbaa3f430519d.disabled svg,
.c907c94729a06.disabled svg, .c823db08a7655 button.disabled svg, .cbb900a345b9f.disabled svg,
.ca663cfb0510b.disabled span svg, .ca663cfb0510b[disabled] svg, [disabled].cfa1981cbd13a svg, [disabled].cc9995483904b svg, [disabled].c344b2d51fb2a svg, [disabled].cbaa3f430519d svg,
[disabled].c907c94729a06 svg, .c823db08a7655 button[disabled] svg, [disabled].cbb900a345b9f svg,
.ca663cfb0510b[disabled] span svg, .ca663cfb0510b:disabled svg, .cfa1981cbd13a:disabled svg, .cc9995483904b:disabled svg, .c344b2d51fb2a:disabled svg, .cbaa3f430519d:disabled svg,
.c907c94729a06:disabled svg, .c823db08a7655 button:disabled svg, .cbb900a345b9f:disabled svg,
.ca663cfb0510b:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c2887942a69f1 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c2887942a69f1 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c7f07c9d9da49 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c7f07c9d9da49 svg,
.c7f07c9d9da49 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c7f07c9d9da49:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c7f07c9d9da49:focus-visible svg,
.c7f07c9d9da49:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c7f07c9d9da49:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c7f07c9d9da49:hover svg,
.c7f07c9d9da49:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c7f07c9d9da49:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c7f07c9d9da49:active svg,
.c7f07c9d9da49:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c0e5a8523b7c0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cbc6ed199e89c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9fb2d538b827 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c9fb2d538b827:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c9fb2d538b827:focus-visible svg,
.c9fb2d538b827:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c9fb2d538b827:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c9fb2d538b827:active {
  border: none;
  background-color: transparent;
}

.cd435027ab389, .cc9995483904b svg, .c344b2d51fb2a svg, .ca0e61111eb7e svg, .cbaa3f430519d svg,
.c907c94729a06 svg, .cbb900a345b9f svg, .c6b5bd0e4b049, .c9a3de2a2bd34 span svg, .c823db08a7655 button svg, .c3ca3812a16bb.intermediate svg, .c867137529a15 label span.intermediate svg, .c3ca3812a16bb.checked svg, .c867137529a15 label span.checked svg, .c462f4b135321 span svg,
.c462f4b135321 label svg, .cb4952520d77f svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ce6ec1bdd1121 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ce6ec1bdd1121:hover {
  fill: none;
  stroke: none;
}

.c6b5bd0e4b049, .c9a3de2a2bd34 span svg, .c823db08a7655 button svg, .c3ca3812a16bb.intermediate svg, .c867137529a15 label span.intermediate svg, .c3ca3812a16bb.checked svg, .c867137529a15 label span.checked svg, .c462f4b135321 span svg,
.c462f4b135321 label svg, .cb4952520d77f svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c65fc7f51fd3f {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c65fc7f51fd3f:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cd1d242fc78a6, .c0c45b5d19276 input, .c748f43780d0d input, .c462f4b135321 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cd1d242fc78a6, .c0c45b5d19276 input, .c748f43780d0d input, .c462f4b135321 input {
    height: 23px;
  }
}
.cd1d242fc78a6, .c0c45b5d19276 input, .c748f43780d0d input, .c462f4b135321 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cd1d242fc78a6[disabled], .c0c45b5d19276 input[disabled], .c748f43780d0d input[disabled], .c462f4b135321 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cb4952520d77f {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ca3638c0fea82, .c462f4b135321 span,
.c462f4b135321 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca3638c0fea82, .c462f4b135321 span,
  .c462f4b135321 label {
    height: 25px;
  }
}
.ca3638c0fea82, .c462f4b135321 span,
.c462f4b135321 label {
  color: var(--input-foreground-color);
}

.c462f4b135321 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c462f4b135321 {
    height: 25px;
    font-size: 10px;
  }
}
.c462f4b135321 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c462f4b135321 span svg,
.c462f4b135321 label svg {
  color: var(--input-foreground-color);
}
.c462f4b135321 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c462f4b135321 ::placeholder {
  color: var(--input-placeholder-color);
}
.c462f4b135321:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c462f4b135321:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c462f4b135321:hover span {
  color: var(--input-foreground-color-hover);
}
.c462f4b135321:hover input {
  color: var(--input-foreground-color-hover);
}
.c462f4b135321:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c462f4b135321:active span {
  color: var(--input-foreground-color-active);
}
.c462f4b135321:active input {
  color: var(--input-foreground-color-active);
}
.c462f4b135321:focus, .c462f4b135321:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c462f4b135321:focus span, .c462f4b135321:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c462f4b135321:focus input, .c462f4b135321:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c462f4b135321:focus:hover, .c462f4b135321:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c462f4b135321:focus:hover span, .c462f4b135321:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c462f4b135321:focus:hover input, .c462f4b135321:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c748f43780d0d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c748f43780d0d input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c748f43780d0d ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c748f43780d0d ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c748f43780d0d:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c748f43780d0d:focus-within input, .c748f43780d0d:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c54618dfcc8c5, .c0c45b5d19276.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c54618dfcc8c5 input, .c0c45b5d19276.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c54618dfcc8c5 span svg, .c0c45b5d19276.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c3ca3812a16bb, .c867137529a15 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c3ca3812a16bb svg, .c867137529a15 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c3ca3812a16bb:hover, .c867137529a15 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c3ca3812a16bb:focus, .c867137529a15 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c3ca3812a16bb.checked, .c867137529a15 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c3ca3812a16bb.checked svg, .c867137529a15 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c3ca3812a16bb.intermediate, .c867137529a15 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c3ca3812a16bb.intermediate svg, .c867137529a15 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c3ca3812a16bb.unchecked, .c867137529a15 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c3ca3812a16bb.unchecked svg, .c867137529a15 label span.unchecked svg {
  display: none;
}

.c867137529a15 {
  display: flex;
  align-items: center;
}
.c867137529a15 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c867137529a15 label input {
  margin: 0;
}
.c867137529a15 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c867137529a15 label:focus span, .c867137529a15 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c0c45b5d19276 {
  display: flex;
  flex-direction: column;
}
.c0c45b5d19276 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c0c45b5d19276 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c0c45b5d19276 input:focus-within input, .c0c45b5d19276 input:active input {
  color: var(--input-foreground-color-active);
}
.c0c45b5d19276 input:focus-within, .c0c45b5d19276 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c0c45b5d19276.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c14d644a56dd0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c01952cec8033 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c35a13982a454 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cbb900a345b9f {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c39d8d39468c1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ca19235bb319a {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c2cbb2c5f1420 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c58b488c826f5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c50d46fd1dad3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c6502124ec624 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c6502124ec624:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c2c57943f08e4, .c16ed664f7337 .cc29d6a380d8c {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cda8de07756c4, .c16ed664f7337 .cc29d6a380d8c .c13585f7b9424 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c2d71f2b85ebf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c71cd540ce30b {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cbb0e6a98e646 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cbb0e6a98e646:hover, .cbb0e6a98e646:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c823db08a7655 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c823db08a7655 button {
  display: none;
}
.c823db08a7655 button svg {
  stroke: var(--icon-foreground);
}
.c823db08a7655:hover button {
  display: flex;
}

.c3f085ffae3de {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c3f085ffae3de .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c3f085ffae3de .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cf3fae9eb8bdb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cf3fae9eb8bdb:hover div {
  color: var(--entry-foreground-color-hover);
}

.c6e07d6afbdfc, .cf4128d41a54e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cf880a682db1a, .c16ed664f7337 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cf880a682db1a:hover, .c16ed664f7337:hover {
  background-color: var(--menu-background-color-hover);
}

.c9a3de2a2bd34 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c9a3de2a2bd34 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c9a3de2a2bd34 span svg {
  stroke: var(--icon-foreground);
}
.c9a3de2a2bd34:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c9a3de2a2bd34:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c5637f240a3b3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c3f9749aa5b33 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c1c28545ec0c6,
.ce92fbc617097 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c3e54ce182069 .c1c28545ec0c6,
.c3e54ce182069 .ce92fbc617097 {
  transform: scale(1);
}

.cded683d0559d .c1c28545ec0c6,
.cded683d0559d .ce92fbc617097 {
  transform: scale(0);
}

.c038c82c121ba {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 16rem;
  padding: 0.5rem;
  gap: 0.5rem;
  background-color: var(--panel-background-color);
}

.cb3b7b861db07 {
  position: relative;
  min-width: 2rem;
  max-width: 4.5rem;
  padding: 0.25rem 0.375rem;
}

.c23164654ad35 {
  flex: 1;
}

.c1afccad11a94 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  max-width: 3rem;
  width: 3rem;
  border-radius: 8px;
}
.c1afccad11a94 .c04c0e02fd84c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  align-items: center;
  color: var(--button-tertiary-foreground-color-rest);
}
.c1afccad11a94:hover .c04c0e02fd84c {
  color: var(--button-tertiary-foreground-color-focus);
}
.c1afccad11a94.ca2148cc8fe22 .c04c0e02fd84c {
  color: var(--button-tertiary-foreground-color-focus);
}

.cf4128d41a54e {
  right: 0.125rem;
  top: calc(0.125rem + 3rem);
  width: 17rem;
}

.c84bc5188fae1 {
  display: flex;
  justify-content: space-between;
  padding: 0.375rem;
  cursor: auto;
}

.c0ca3f9639c39 {
  display: flex;
}

.cd00cc04344f7 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-width: 3rem;
  padding: 0;
  margin: 0 0.125rem;
  color: var(--modal-title-foreground-color);
}

.cfa1981cbd13a {
  color: var(--color-foreground-primary);
  height: 1.5rem;
  border-radius: 8px;
}

.c16ed664f7337:hover {
  color: var(--menu-foreground-color-hover);
}
.c16ed664f7337:hover .cc29d6a380d8c .c13585f7b9424 {
  color: var(--menu-foreground-color-hover);
}

.cc9995483904b {
  border-radius: 8px;
  margin: 0;
  height: 1.75rem;
  width: 1.75rem;
  border: none;
}
.cc9995483904b svg {
  stroke: var(--icon-foreground);
  height: 1rem;
  width: 1rem;
}
.cc9995483904b:hover {
  background-color: transparent;
  border: none;
  --icon-foreground: var(--button-tertiary-foreground-color-active);
}
.cc9995483904b.ca2148cc8fe22 {
  background-color: var(--button-tertiary-background-color-selected);
}
.cc9995483904b.ca2148cc8fe22 svg {
  stroke: var(--button-tertiary-foreground-color-active);
}

.c344b2d51fb2a {
  border-radius: 8px;
  margin: 0;
  height: 1.75rem;
  width: 1.75rem;
  border: none;
}
.c344b2d51fb2a svg {
  stroke: var(--icon-foreground);
  height: 1rem;
  width: 1rem;
}
.c344b2d51fb2a:hover {
  background-color: transparent;
  border: none;
  --icon-foreground: var(--button-tertiary-foreground-color-active);
}
.c344b2d51fb2a.ca2148cc8fe22 {
  background-color: var(--button-tertiary-background-color-selected);
}
.c344b2d51fb2a.ca2148cc8fe22 svg {
  stroke: var(--button-tertiary-foreground-color-active);
}

.cab3553e91e5b {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
}

.ca0e61111eb7e {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  border-radius: 50%;
}
.ca0e61111eb7e svg {
  stroke: var(--status-widget-icon-foreground-color);
}

.c65f3d98e23e1 {
  background-color: var(--status-widget-background-color-warning);
}

.c53d0c17b8eab {
  background-color: var(--status-widget-background-color-pending);
}
.c53d0c17b8eab svg {
  animation: c17f9dfbf0840 1s infinite;
  animation-timing-function: linear;
}

.c2e9d70d4571c {
  background-color: var(--status-widget-background-color-success);
}

.c91428949c737 {
  background-color: var(--status-widget-background-color-error);
}

.cbaa3f430519d,
.c907c94729a06 {
  border-radius: 8px;
  margin: 0;
  width: 1.75rem;
  height: 1.75rem;
  border: none;
}
.cbaa3f430519d svg,
.c907c94729a06 svg {
  height: 1rem;
  width: 1rem;
  stroke: var(--icon-foreground);
}
.cbaa3f430519d:hover,
.c907c94729a06:hover {
  background-color: transparent;
  border: none;
  --icon-foreground: var(--button-tertiary-foreground-color-active);
}

.c8948746de695 {
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid var(--color-background-tertiary);
  border-radius: 50%;
  background: red;
  top: 6px;
  right: 6px;
}

.c038c82c121ba {
  min-height: 3.875rem;
}

.cc9995483904b svg,
.c344b2d51fb2a svg {
  color: var(--icon-foreground);
}
.cc9995483904b:hover svg,
.c344b2d51fb2a:hover svg {
  color: var(--color-accent-primary);
}
.cc9995483904b.ca2148cc8fe22 svg,
.c344b2d51fb2a.ca2148cc8fe22 svg {
  color: var(--color-accent-primary);
}

.cbaa3f430519d svg,
.c907c94729a06 svg {
  color: var(--icon-foreground);
}
@keyframes c2351332add71 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c148ecdb690c7 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c148ecdb690c7:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c148ecdb690c7 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c148ecdb690c7 ::-webkit-scrollbar-track,
.c148ecdb690c7 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c148ecdb690c7 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c148ecdb690c7 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c148ecdb690c7 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c148ecdb690c7 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c148ecdb690c7 ::placeholder,
.c148ecdb690c7 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c432099b72f0e, .ceaecfb535872, .cb0a740eda29f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c432099b72f0e svg, .ceaecfb535872 svg, .cb0a740eda29f svg,
.c432099b72f0e span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c432099b72f0e:focus-visible, .ceaecfb535872:focus-visible, .cb0a740eda29f:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c432099b72f0e:focus-visible svg, .ceaecfb535872:focus-visible svg, .cb0a740eda29f:focus-visible svg,
.c432099b72f0e:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c432099b72f0e:hover, .ceaecfb535872:hover, .cb0a740eda29f:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c432099b72f0e:hover svg, .ceaecfb535872:hover svg, .cb0a740eda29f:hover svg,
.c432099b72f0e:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c432099b72f0e:active, .ceaecfb535872:active, .cb0a740eda29f:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c432099b72f0e:active svg, .ceaecfb535872:active svg, .cb0a740eda29f:active svg,
.c432099b72f0e:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c432099b72f0e.disabled, .ceaecfb535872.disabled, .cb0a740eda29f.disabled, .c432099b72f0e[disabled], [disabled].ceaecfb535872, [disabled].cb0a740eda29f, .c432099b72f0e:disabled, .ceaecfb535872:disabled, .cb0a740eda29f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c840d63c09d8e, .c411633e2e748 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c840d63c09d8e svg, .c411633e2e748 svg,
.c840d63c09d8e span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c840d63c09d8e:focus-visible, .c411633e2e748:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c840d63c09d8e:focus-visible svg, .c411633e2e748:focus-visible svg,
.c840d63c09d8e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c840d63c09d8e:hover, .c411633e2e748:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c840d63c09d8e:hover svg, .c411633e2e748:hover svg,
.c840d63c09d8e:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c840d63c09d8e:active, .c411633e2e748:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c840d63c09d8e:active svg, .c411633e2e748:active svg,
.c840d63c09d8e:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c840d63c09d8e.disabled, .c411633e2e748.disabled, .c840d63c09d8e[disabled], [disabled].c411633e2e748, .c840d63c09d8e:disabled, .c411633e2e748:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cce5c67da8955 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cce5c67da8955 svg,
.cce5c67da8955 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cce5c67da8955:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cce5c67da8955:focus-visible svg,
.cce5c67da8955:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cce5c67da8955:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cce5c67da8955:hover svg,
.cce5c67da8955:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cce5c67da8955:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cce5c67da8955:active svg,
.cce5c67da8955:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cce5c67da8955.disabled, .cce5c67da8955[disabled], .cce5c67da8955:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c15cc828e483c, .cd29c34a53541 button, .ce5a85c42377e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c15cc828e483c svg, .cd29c34a53541 button svg, .ce5a85c42377e svg,
.c15cc828e483c span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c15cc828e483c:focus-visible, .cd29c34a53541 button:focus-visible, .ce5a85c42377e:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c15cc828e483c:focus-visible svg, .cd29c34a53541 button:focus-visible svg, .ce5a85c42377e:focus-visible svg,
.c15cc828e483c:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c15cc828e483c:hover, .cd29c34a53541 button:hover, .ce5a85c42377e:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c15cc828e483c:hover svg, .cd29c34a53541 button:hover svg, .ce5a85c42377e:hover svg,
.c15cc828e483c:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c15cc828e483c:active, .cd29c34a53541 button:active, .ce5a85c42377e:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c15cc828e483c:active svg, .cd29c34a53541 button:active svg, .ce5a85c42377e:active svg,
.c15cc828e483c:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c15cc828e483c.disabled, .cd29c34a53541 button.disabled, .ce5a85c42377e.disabled, .c15cc828e483c[disabled], .cd29c34a53541 button[disabled], [disabled].ce5a85c42377e, .c15cc828e483c:disabled, .cd29c34a53541 button:disabled, .ce5a85c42377e:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c15cc828e483c.disabled svg, .cd29c34a53541 button.disabled svg, .ce5a85c42377e.disabled svg,
.c15cc828e483c.disabled span svg, .c15cc828e483c[disabled] svg, .cd29c34a53541 button[disabled] svg, [disabled].ce5a85c42377e svg,
.c15cc828e483c[disabled] span svg, .c15cc828e483c:disabled svg, .cd29c34a53541 button:disabled svg, .ce5a85c42377e:disabled svg,
.c15cc828e483c:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ced51dd6e8c7d {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ced51dd6e8c7d svg {
  color: var(--button-icon-foreground-color-selected);
}

.ccca5d37d9a15 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ccca5d37d9a15 svg,
.ccca5d37d9a15 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ccca5d37d9a15:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ccca5d37d9a15:focus-visible svg,
.ccca5d37d9a15:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ccca5d37d9a15:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ccca5d37d9a15:hover svg,
.ccca5d37d9a15:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ccca5d37d9a15:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ccca5d37d9a15:active svg,
.ccca5d37d9a15:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c79fe53104677 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c16960a46bef6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf6fb77a82bb6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cf6fb77a82bb6:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cf6fb77a82bb6:focus-visible svg,
.cf6fb77a82bb6:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cf6fb77a82bb6:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cf6fb77a82bb6:active {
  border: none;
  background-color: transparent;
}

.c559b036b5b04, .ce5a85c42377e svg, .cb05d7e3e0451, .c309fa98429c8 span svg, .cd29c34a53541 button svg, .cac60d13a26f1.intermediate svg, .c5cd26a60dc86 label span.intermediate svg, .cac60d13a26f1.checked svg, .c5cd26a60dc86 label span.checked svg, .ca89e7b5c31b5 span svg,
.ca89e7b5c31b5 label svg, .c423b837c4bf8 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c4992b1a61204 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c4992b1a61204:hover {
  fill: none;
  stroke: none;
}

.cb05d7e3e0451, .c309fa98429c8 span svg, .cd29c34a53541 button svg, .cac60d13a26f1.intermediate svg, .c5cd26a60dc86 label span.intermediate svg, .cac60d13a26f1.checked svg, .c5cd26a60dc86 label span.checked svg, .ca89e7b5c31b5 span svg,
.ca89e7b5c31b5 label svg, .c423b837c4bf8 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c3db2ae9dfcfd {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c3db2ae9dfcfd:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ceb1e7e2e751b, .cd0c8ec0a85ee input, .cc217bbdb8e7a input, .ca89e7b5c31b5 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ceb1e7e2e751b, .cd0c8ec0a85ee input, .cc217bbdb8e7a input, .ca89e7b5c31b5 input {
    height: 23px;
  }
}
.ceb1e7e2e751b, .cd0c8ec0a85ee input, .cc217bbdb8e7a input, .ca89e7b5c31b5 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ceb1e7e2e751b[disabled], .cd0c8ec0a85ee input[disabled], .cc217bbdb8e7a input[disabled], .ca89e7b5c31b5 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c423b837c4bf8 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cdb387d6dc54a, .ca89e7b5c31b5 span,
.ca89e7b5c31b5 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cdb387d6dc54a, .ca89e7b5c31b5 span,
  .ca89e7b5c31b5 label {
    height: 25px;
  }
}
.cdb387d6dc54a, .ca89e7b5c31b5 span,
.ca89e7b5c31b5 label {
  color: var(--input-foreground-color);
}

.ca89e7b5c31b5 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca89e7b5c31b5 {
    height: 25px;
    font-size: 10px;
  }
}
.ca89e7b5c31b5 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ca89e7b5c31b5 span svg,
.ca89e7b5c31b5 label svg {
  color: var(--input-foreground-color);
}
.ca89e7b5c31b5 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ca89e7b5c31b5 ::placeholder {
  color: var(--input-placeholder-color);
}
.ca89e7b5c31b5:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ca89e7b5c31b5:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ca89e7b5c31b5:hover span {
  color: var(--input-foreground-color-hover);
}
.ca89e7b5c31b5:hover input {
  color: var(--input-foreground-color-hover);
}
.ca89e7b5c31b5:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ca89e7b5c31b5:active span {
  color: var(--input-foreground-color-active);
}
.ca89e7b5c31b5:active input {
  color: var(--input-foreground-color-active);
}
.ca89e7b5c31b5:focus, .ca89e7b5c31b5:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca89e7b5c31b5:focus span, .ca89e7b5c31b5:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ca89e7b5c31b5:focus input, .ca89e7b5c31b5:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ca89e7b5c31b5:focus:hover, .ca89e7b5c31b5:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca89e7b5c31b5:focus:hover span, .ca89e7b5c31b5:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ca89e7b5c31b5:focus:hover input, .ca89e7b5c31b5:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cc217bbdb8e7a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cc217bbdb8e7a input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cc217bbdb8e7a ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc217bbdb8e7a ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc217bbdb8e7a:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cc217bbdb8e7a:focus-within input, .cc217bbdb8e7a:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ce4f33c1138c7, .cd0c8ec0a85ee.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ce4f33c1138c7 input, .cd0c8ec0a85ee.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ce4f33c1138c7 span svg, .cd0c8ec0a85ee.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cac60d13a26f1, .c5cd26a60dc86 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cac60d13a26f1 svg, .c5cd26a60dc86 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cac60d13a26f1:hover, .c5cd26a60dc86 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cac60d13a26f1:focus, .c5cd26a60dc86 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cac60d13a26f1.checked, .c5cd26a60dc86 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cac60d13a26f1.checked svg, .c5cd26a60dc86 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cac60d13a26f1.intermediate, .c5cd26a60dc86 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cac60d13a26f1.intermediate svg, .c5cd26a60dc86 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cac60d13a26f1.unchecked, .c5cd26a60dc86 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cac60d13a26f1.unchecked svg, .c5cd26a60dc86 label span.unchecked svg {
  display: none;
}

.c5cd26a60dc86 {
  display: flex;
  align-items: center;
}
.c5cd26a60dc86 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c5cd26a60dc86 label input {
  margin: 0;
}
.c5cd26a60dc86 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5cd26a60dc86 label:focus span, .c5cd26a60dc86 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cd0c8ec0a85ee {
  display: flex;
  flex-direction: column;
}
.cd0c8ec0a85ee label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cd0c8ec0a85ee input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cd0c8ec0a85ee input:focus-within input, .cd0c8ec0a85ee input:active input {
  color: var(--input-foreground-color-active);
}
.cd0c8ec0a85ee input:focus-within, .cd0c8ec0a85ee input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd0c8ec0a85ee.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c5de7a5da6460 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c4bd9f9202915 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c3d0bb935a403 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ce5a85c42377e {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c22619f9d3d40 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c1dc77c0b6cfa {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c411633e2e748 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb0a740eda29f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ceaecfb535872 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c39c9d829d19f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c39c9d829d19f:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cb57d997ca744 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c9a06129de704 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cf738738ee1c3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cd19eac5f943d {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ccb9630015420 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ccb9630015420:hover, .ccb9630015420:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cd29c34a53541 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cd29c34a53541 button {
  display: none;
}
.cd29c34a53541 button svg {
  stroke: var(--icon-foreground);
}
.cd29c34a53541:hover button {
  display: flex;
}

.c43fbb2d3e859 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c43fbb2d3e859 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c43fbb2d3e859 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cc2909cfadd11 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cc2909cfadd11:hover div {
  color: var(--entry-foreground-color-hover);
}

.c5e2576611c5c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cf708cee8c465 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cf708cee8c465:hover {
  background-color: var(--menu-background-color-hover);
}

.c309fa98429c8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c309fa98429c8 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c309fa98429c8 span svg {
  stroke: var(--icon-foreground);
}
.c309fa98429c8:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c309fa98429c8:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c6101c447b981 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c72087f848888 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.caf3af3d44430,
.c8fedf04b3a08 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce9011cd68f0b .caf3af3d44430,
.ce9011cd68f0b .c8fedf04b3a08 {
  transform: scale(1);
}

.c5db7586ac526 .caf3af3d44430,
.c5db7586ac526 .c8fedf04b3a08 {
  transform: scale(0);
}

.c0363e93d13b8 {
  display: grid;
  grid-template-areas: "header header" "content resize";
  grid-template-rows: 3.875rem minmax(0, 1fr);
  grid-template-columns: 1fr 0;
  border-right: 1px solid var(--color-border-secondary);
  position: relative;
  grid-area: left-sidebar;
  min-width: var(--left-sidebar-width);
  max-width: var(--left-sidebar-width-max);
  width: var(--left-sidebar-width);
  background-color: var(--panel-background-color);
  height: 100vh;
  max-height: 100vh;
  z-index: 1;
}
.c0363e93d13b8 .c623c70179136 {
  grid-area: resize;
}

.c115c90b6cf3d {
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.cf129df721cf2 {
  grid-area: header;
}

.c6aaf5a2dbb44 {
  grid-area: content;
  right: calc(-1 * 0.5rem);
}

.c623c70179136 {
  position: absolute;
  top: 0;
  left: unset;
  z-index: 4;
  width: 0.5rem;
  cursor: ew-resize;
  height: 100%;
}

.c2b328bd0c438 {
  margin-inline: 0.75rem;
}

.c32011c0563d4 {
  grid-area: right-sidebar;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100vh;
  width: var(--right-sidebar-width);
  background-color: var(--panel-background-color);
  z-index: 1;
}
.c32011c0563d4.cc1eb7a26b080 {
  max-width: var(--right-sidebar-width);
}
.c32011c0563d4.c360f4cf1fb6f {
  width: var(--right-sidebar-width, var(--right-sidebar-width));
}
.c32011c0563d4 .c9307e7730ab1 {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  height: calc(100vh - 3.875rem);
  overflow: hidden;
}

.ce92b973a7894 {
  background-color: var(--panel-background-color);
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  padding: 1px 0 1px 0;
  height: calc(1px + 0.125rem);
  cursor: ns-resize;
}

.ce53c9244853d {
  border-bottom: 1px solid var(--resize-area-border-color);
  cursor: ns-resize;
}

.c458cddf96f3b {
  --tabs-nav-padding-inline-start: var(--sp-26);
  --tabs-nav-padding-inline-end: var(--sp-26);
  --tabs-nav-padding-block-end: var(--sp-6);
  --tabs-nav-padding-block-start: var(--sp-6);
  height: 100%;
  min-height: 0;
}

@media (max-width: 1680px) {
  .c458cddf96f3b {
    --tabs-nav-padding-inline-start: var(--sp-l);
    --tabs-nav-padding-inline-end: var(--sp-l);
  }
}
.cbeeeb426cb6b {
  border-top: 1px solid var(--color-border-secondary);
  border-bottom: 1px solid var(--color-border-secondary);
}

.cb06afc43a60b {
  --collapse-icon-color: var(--color-foreground-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
  height: 100%;
  width: 1.5rem;
  border-radius: 0.313rem;
  color: var(--collapse-icon-color);
  transform: rotate(180deg);
}
.cb06afc43a60b:hover {
  --collapse-icon-color: var(--color-foreground-primary);
}

.c733add42bbc3 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 3rem;
  left: 0;
  padding: 0.25rem;
  border-radius: 8px;
  background: var(--color-background-primary);
  margin-inline-start: var(--sp-m);
}

.cb8dbbef1e327 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.25rem;
  width: 1.5rem;
  border-radius: 8px;
  background: var(--color-background-secondary);
}

.cfff6c8839cc2 {
  border: none;
  background: none;
  cursor: pointer;
  height: 1.5rem;
  width: 1rem;
  padding: 0;
  border-radius: 0.313rem;
}
.cfff6c8839cc2 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: var(--icon-foreground);
  fill: none;
  stroke: none;
}
.cfff6c8839cc2:hover svg {
  stroke: none;
}

.cd5d5600f0921 {
  width: 100%;
  overflow: hidden;
  height: calc(100vh - 5.5rem);
}
@keyframes cfd1b14d34255 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cab267b9ee39e {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cab267b9ee39e:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cab267b9ee39e ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cab267b9ee39e ::-webkit-scrollbar-track,
.cab267b9ee39e ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cab267b9ee39e ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cab267b9ee39e ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cab267b9ee39e ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cab267b9ee39e ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cab267b9ee39e ::placeholder,
.cab267b9ee39e ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c8fe905231318, .ce278b19b0fa3, .c8088faedb705 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c8fe905231318 svg, .ce278b19b0fa3 svg, .c8088faedb705 svg,
.c8fe905231318 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c8fe905231318:focus-visible, .ce278b19b0fa3:focus-visible, .c8088faedb705:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c8fe905231318:focus-visible svg, .ce278b19b0fa3:focus-visible svg, .c8088faedb705:focus-visible svg,
.c8fe905231318:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c8fe905231318:hover, .ce278b19b0fa3:hover, .c8088faedb705:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c8fe905231318:hover svg, .ce278b19b0fa3:hover svg, .c8088faedb705:hover svg,
.c8fe905231318:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c8fe905231318:active, .ce278b19b0fa3:active, .c8088faedb705:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c8fe905231318:active svg, .ce278b19b0fa3:active svg, .c8088faedb705:active svg,
.c8fe905231318:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c8fe905231318.disabled, .ce278b19b0fa3.disabled, .c8088faedb705.disabled, .c8fe905231318[disabled], [disabled].ce278b19b0fa3, [disabled].c8088faedb705, .c8fe905231318:disabled, .ce278b19b0fa3:disabled, .c8088faedb705:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c71761da685be, .c4ad83c379384 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c71761da685be svg, .c4ad83c379384 svg,
.c71761da685be span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c71761da685be:focus-visible, .c4ad83c379384:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c71761da685be:focus-visible svg, .c4ad83c379384:focus-visible svg,
.c71761da685be:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c71761da685be:hover, .c4ad83c379384:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c71761da685be:hover svg, .c4ad83c379384:hover svg,
.c71761da685be:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c71761da685be:active, .c4ad83c379384:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c71761da685be:active svg, .c4ad83c379384:active svg,
.c71761da685be:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c71761da685be.disabled, .c4ad83c379384.disabled, .c71761da685be[disabled], [disabled].c4ad83c379384, .c71761da685be:disabled, .c4ad83c379384:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c22c69f67f8bc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c22c69f67f8bc svg,
.c22c69f67f8bc span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c22c69f67f8bc:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c22c69f67f8bc:focus-visible svg,
.c22c69f67f8bc:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c22c69f67f8bc:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c22c69f67f8bc:hover svg,
.c22c69f67f8bc:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c22c69f67f8bc:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c22c69f67f8bc:active svg,
.c22c69f67f8bc:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c22c69f67f8bc.disabled, .c22c69f67f8bc[disabled], .c22c69f67f8bc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9909506cfd77, .cf1a0032c154c button, .cae2480b42853 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c9909506cfd77 svg, .cf1a0032c154c button svg, .cae2480b42853 svg,
.c9909506cfd77 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c9909506cfd77:focus-visible, .cf1a0032c154c button:focus-visible, .cae2480b42853:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c9909506cfd77:focus-visible svg, .cf1a0032c154c button:focus-visible svg, .cae2480b42853:focus-visible svg,
.c9909506cfd77:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c9909506cfd77:hover, .cf1a0032c154c button:hover, .cae2480b42853:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c9909506cfd77:hover svg, .cf1a0032c154c button:hover svg, .cae2480b42853:hover svg,
.c9909506cfd77:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c9909506cfd77:active, .cf1a0032c154c button:active, .cae2480b42853:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c9909506cfd77:active svg, .cf1a0032c154c button:active svg, .cae2480b42853:active svg,
.c9909506cfd77:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c9909506cfd77.disabled, .cf1a0032c154c button.disabled, .cae2480b42853.disabled, .c9909506cfd77[disabled], .cf1a0032c154c button[disabled], [disabled].cae2480b42853, .c9909506cfd77:disabled, .cf1a0032c154c button:disabled, .cae2480b42853:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c9909506cfd77.disabled svg, .cf1a0032c154c button.disabled svg, .cae2480b42853.disabled svg,
.c9909506cfd77.disabled span svg, .c9909506cfd77[disabled] svg, .cf1a0032c154c button[disabled] svg, [disabled].cae2480b42853 svg,
.c9909506cfd77[disabled] span svg, .c9909506cfd77:disabled svg, .cf1a0032c154c button:disabled svg, .cae2480b42853:disabled svg,
.c9909506cfd77:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c3f02230d028c {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c3f02230d028c svg {
  color: var(--button-icon-foreground-color-selected);
}

.c766756906023 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c766756906023 svg,
.c766756906023 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c766756906023:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c766756906023:focus-visible svg,
.c766756906023:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c766756906023:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c766756906023:hover svg,
.c766756906023:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c766756906023:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c766756906023:active svg,
.c766756906023:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c31ead343f103 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cec0129af9758 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c36461848b808 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c36461848b808:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c36461848b808:focus-visible svg,
.c36461848b808:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c36461848b808:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c36461848b808:active {
  border: none;
  background-color: transparent;
}

.c073878ea4d35, .c95f98ea9b343 svg,
.c89f53487458f svg, .cae2480b42853 svg, .c0295a15ded9f, .c66a1c78d7c5d span svg, .cf1a0032c154c button svg, .c2582d40287de.intermediate svg, .cdaaaafb70371 label span.intermediate svg, .c2582d40287de.checked svg, .cdaaaafb70371 label span.checked svg, .ce2f1e8307064 span svg,
.ce2f1e8307064 label svg, .c7d59870b4d22 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c462994a6e2c9 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c462994a6e2c9:hover {
  fill: none;
  stroke: none;
}

.c0295a15ded9f, .c66a1c78d7c5d span svg, .cf1a0032c154c button svg, .c2582d40287de.intermediate svg, .cdaaaafb70371 label span.intermediate svg, .c2582d40287de.checked svg, .cdaaaafb70371 label span.checked svg, .ce2f1e8307064 span svg,
.ce2f1e8307064 label svg, .c7d59870b4d22 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c2c1977d05e43 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c2c1977d05e43:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c939c6ca430c8, .c1b7cff187ea9 input, .cb864478ddc9f input, .ce2f1e8307064 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c939c6ca430c8, .c1b7cff187ea9 input, .cb864478ddc9f input, .ce2f1e8307064 input {
    height: 23px;
  }
}
.c939c6ca430c8, .c1b7cff187ea9 input, .cb864478ddc9f input, .ce2f1e8307064 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c939c6ca430c8[disabled], .c1b7cff187ea9 input[disabled], .cb864478ddc9f input[disabled], .ce2f1e8307064 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c7d59870b4d22 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c1cf68a7064ea, .ce2f1e8307064 span,
.ce2f1e8307064 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1cf68a7064ea, .ce2f1e8307064 span,
  .ce2f1e8307064 label {
    height: 25px;
  }
}
.c1cf68a7064ea, .ce2f1e8307064 span,
.ce2f1e8307064 label {
  color: var(--input-foreground-color);
}

.ce2f1e8307064 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce2f1e8307064 {
    height: 25px;
    font-size: 10px;
  }
}
.ce2f1e8307064 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ce2f1e8307064 span svg,
.ce2f1e8307064 label svg {
  color: var(--input-foreground-color);
}
.ce2f1e8307064 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ce2f1e8307064 ::placeholder {
  color: var(--input-placeholder-color);
}
.ce2f1e8307064:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce2f1e8307064:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ce2f1e8307064:hover span {
  color: var(--input-foreground-color-hover);
}
.ce2f1e8307064:hover input {
  color: var(--input-foreground-color-hover);
}
.ce2f1e8307064:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ce2f1e8307064:active span {
  color: var(--input-foreground-color-active);
}
.ce2f1e8307064:active input {
  color: var(--input-foreground-color-active);
}
.ce2f1e8307064:focus, .ce2f1e8307064:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce2f1e8307064:focus span, .ce2f1e8307064:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ce2f1e8307064:focus input, .ce2f1e8307064:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ce2f1e8307064:focus:hover, .ce2f1e8307064:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce2f1e8307064:focus:hover span, .ce2f1e8307064:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ce2f1e8307064:focus:hover input, .ce2f1e8307064:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cb864478ddc9f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cb864478ddc9f input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cb864478ddc9f ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb864478ddc9f ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb864478ddc9f:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cb864478ddc9f:focus-within input, .cb864478ddc9f:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c51c67051847f, .c1b7cff187ea9.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c51c67051847f input, .c1b7cff187ea9.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c51c67051847f span svg, .c1b7cff187ea9.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c2582d40287de, .cdaaaafb70371 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c2582d40287de svg, .cdaaaafb70371 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c2582d40287de:hover, .cdaaaafb70371 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c2582d40287de:focus, .cdaaaafb70371 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c2582d40287de.checked, .cdaaaafb70371 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c2582d40287de.checked svg, .cdaaaafb70371 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c2582d40287de.intermediate, .cdaaaafb70371 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c2582d40287de.intermediate svg, .cdaaaafb70371 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c2582d40287de.unchecked, .cdaaaafb70371 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c2582d40287de.unchecked svg, .cdaaaafb70371 label span.unchecked svg {
  display: none;
}

.cdaaaafb70371 {
  display: flex;
  align-items: center;
}
.cdaaaafb70371 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cdaaaafb70371 label input {
  margin: 0;
}
.cdaaaafb70371 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cdaaaafb70371 label:focus span, .cdaaaafb70371 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c1b7cff187ea9 {
  display: flex;
  flex-direction: column;
}
.c1b7cff187ea9 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c1b7cff187ea9 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c1b7cff187ea9 input:focus-within input, .c1b7cff187ea9 input:active input {
  color: var(--input-foreground-color-active);
}
.c1b7cff187ea9 input:focus-within, .c1b7cff187ea9 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1b7cff187ea9.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c6e70a157b95e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c21b40f0e5d13 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c3d1d358d583c {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cae2480b42853 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c5c9b47fe5fc1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c4573600d9eef {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c4ad83c379384 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c8088faedb705 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce278b19b0fa3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cec1e861bf65f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cec1e861bf65f:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c875d036cc364 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cafbc0eba17b9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c1065039e91eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c0111a792f41e {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cb745a2cc9b84 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cb745a2cc9b84:hover, .cb745a2cc9b84:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cf1a0032c154c div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cf1a0032c154c button {
  display: none;
}
.cf1a0032c154c button svg {
  stroke: var(--icon-foreground);
}
.cf1a0032c154c:hover button {
  display: flex;
}

.cb41e1e0e3f0a {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cb41e1e0e3f0a .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cb41e1e0e3f0a .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cb6acdfa13cf9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cb6acdfa13cf9:hover div {
  color: var(--entry-foreground-color-hover);
}

.cbe3134622029 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c1c2c91743683 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c1c2c91743683:hover {
  background-color: var(--menu-background-color-hover);
}

.c66a1c78d7c5d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c66a1c78d7c5d span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c66a1c78d7c5d span svg {
  stroke: var(--icon-foreground);
}
.c66a1c78d7c5d:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c66a1c78d7c5d:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c34168c9d8ae8 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cab6e15c15b78 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c3a3915642764,
.c6cc338482f85 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c9f732dc27aa1 .c3a3915642764,
.c9f732dc27aa1 .c6cc338482f85 {
  transform: scale(1);
}

.cbd19f7ab3d11 .c3a3915642764,
.cbd19f7ab3d11 .c6cc338482f85 {
  transform: scale(0);
}

.c7f6bdfe233f2 {
  height: 100%;
  display: flex;
}

.c95f98ea9b343,
.c89f53487458f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
  width: 1.5rem;
  padding: 0;
  z-index: 2;
}
.c95f98ea9b343::after,
.c89f53487458f::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(-1 * 5rem);
  height: 100%;
  width: 5rem;
  z-index: 1;
  background-image: linear-gradient(to left, var(--palette-button-shadow-initial) 0%, var(--palette-button-shadow-final) 100%);
  pointer-events: none;
}
.c95f98ea9b343:hover svg,
.c89f53487458f:hover svg {
  stroke: var(--button-foreground-hover);
}
.c95f98ea9b343:disabled svg,
.c89f53487458f:disabled svg {
  stroke: var(--button-foreground-color-disabled);
}
.c95f98ea9b343:disabled::after,
.c89f53487458f:disabled::after {
  background-image: none;
}

.c95f98ea9b343::after {
  left: 1.5rem;
  background-image: linear-gradient(to right, var(--palette-button-shadow-initial) 0%, var(--palette-button-shadow-final) 100%);
}
.c95f98ea9b343.c4073537996b5 ::after {
  background-image: none;
}
.c95f98ea9b343 svg {
  transform: rotate(180deg);
}

.cd981bb558540 {
  display: flex;
  overflow: hidden;
}

.ca52ffa01ba91 {
  display: flex;
  gap: 0.5rem;
}

.ccd81083ad733 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  width: 8.5rem;
  padding: 0.5rem;
  border-radius: 8px;
  background-color: var(--palette-text-background-color);
}
.ccd81083ad733:first-child {
  margin-left: 0.5rem;
}
.ccd81083ad733 .c3d3a7ba12d44 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1rem;
  width: 7.5rem;
  color: var(--palette-text-color-selected);
}
.ccd81083ad733 .c52a1b5217132 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1rem;
  width: 7.5rem;
  color: var(--palette-text-color);
}
.ccd81083ad733 .cd2296cff16c0 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1rem;
  width: 7.5rem;
  color: var(--palette-text-color);
}
.ccd81083ad733.c08ae683a8bf9 .c3d3a7ba12d44 {
  height: 1rem;
}
.ccd81083ad733.c08ae683a8bf9 .cd2296cff16c0 {
  display: none;
}
.ccd81083ad733.c3f5c5f4ff808 .cd2296cff16c0,
.ccd81083ad733.c3f5c5f4ff808 .c52a1b5217132 {
  display: none;
}
.ccd81083ad733:hover {
  background-color: var(--palette-text-background-color-hover);
}

.cdddbdb195be6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--palette-text-color);
}
@keyframes cf24dfff317a4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c55ec95f7e35e {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c55ec95f7e35e:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c55ec95f7e35e ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c55ec95f7e35e ::-webkit-scrollbar-track,
.c55ec95f7e35e ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c55ec95f7e35e ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c55ec95f7e35e ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c55ec95f7e35e ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c55ec95f7e35e ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c55ec95f7e35e ::placeholder,
.c55ec95f7e35e ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c255f56ba960d, .c27d77cbd92d2, .ce8113ce7f9f0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c255f56ba960d svg, .c27d77cbd92d2 svg, .ce8113ce7f9f0 svg,
.c255f56ba960d span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c255f56ba960d:focus-visible, .c27d77cbd92d2:focus-visible, .ce8113ce7f9f0:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c255f56ba960d:focus-visible svg, .c27d77cbd92d2:focus-visible svg, .ce8113ce7f9f0:focus-visible svg,
.c255f56ba960d:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c255f56ba960d:hover, .c27d77cbd92d2:hover, .ce8113ce7f9f0:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c255f56ba960d:hover svg, .c27d77cbd92d2:hover svg, .ce8113ce7f9f0:hover svg,
.c255f56ba960d:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c255f56ba960d:active, .c27d77cbd92d2:active, .ce8113ce7f9f0:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c255f56ba960d:active svg, .c27d77cbd92d2:active svg, .ce8113ce7f9f0:active svg,
.c255f56ba960d:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c255f56ba960d.disabled, .c27d77cbd92d2.disabled, .ce8113ce7f9f0.disabled, .c255f56ba960d[disabled], [disabled].c27d77cbd92d2, [disabled].ce8113ce7f9f0, .c255f56ba960d:disabled, .c27d77cbd92d2:disabled, .ce8113ce7f9f0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2238ec11226b, .c36b567b86a50 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c2238ec11226b svg, .c36b567b86a50 svg,
.c2238ec11226b span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c2238ec11226b:focus-visible, .c36b567b86a50:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2238ec11226b:focus-visible svg, .c36b567b86a50:focus-visible svg,
.c2238ec11226b:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2238ec11226b:hover, .c36b567b86a50:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c2238ec11226b:hover svg, .c36b567b86a50:hover svg,
.c2238ec11226b:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c2238ec11226b:active, .c36b567b86a50:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c2238ec11226b:active svg, .c36b567b86a50:active svg,
.c2238ec11226b:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c2238ec11226b.disabled, .c36b567b86a50.disabled, .c2238ec11226b[disabled], [disabled].c36b567b86a50, .c2238ec11226b:disabled, .c36b567b86a50:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca3b28dac12b3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ca3b28dac12b3 svg,
.ca3b28dac12b3 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ca3b28dac12b3:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca3b28dac12b3:focus-visible svg,
.ca3b28dac12b3:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca3b28dac12b3:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ca3b28dac12b3:hover svg,
.ca3b28dac12b3:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ca3b28dac12b3:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ca3b28dac12b3:active svg,
.ca3b28dac12b3:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ca3b28dac12b3.disabled, .ca3b28dac12b3[disabled], .ca3b28dac12b3:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2ad4416cfd14, .c52cfebc1a530 button, .c9645e4da0908 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c2ad4416cfd14 svg, .c52cfebc1a530 button svg, .c9645e4da0908 svg,
.c2ad4416cfd14 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c2ad4416cfd14:focus-visible, .c52cfebc1a530 button:focus-visible, .c9645e4da0908:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c2ad4416cfd14:focus-visible svg, .c52cfebc1a530 button:focus-visible svg, .c9645e4da0908:focus-visible svg,
.c2ad4416cfd14:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c2ad4416cfd14:hover, .c52cfebc1a530 button:hover, .c9645e4da0908:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c2ad4416cfd14:hover svg, .c52cfebc1a530 button:hover svg, .c9645e4da0908:hover svg,
.c2ad4416cfd14:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c2ad4416cfd14:active, .c52cfebc1a530 button:active, .c9645e4da0908:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c2ad4416cfd14:active svg, .c52cfebc1a530 button:active svg, .c9645e4da0908:active svg,
.c2ad4416cfd14:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c2ad4416cfd14.disabled, .c52cfebc1a530 button.disabled, .c9645e4da0908.disabled, .c2ad4416cfd14[disabled], .c52cfebc1a530 button[disabled], [disabled].c9645e4da0908, .c2ad4416cfd14:disabled, .c52cfebc1a530 button:disabled, .c9645e4da0908:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c2ad4416cfd14.disabled svg, .c52cfebc1a530 button.disabled svg, .c9645e4da0908.disabled svg,
.c2ad4416cfd14.disabled span svg, .c2ad4416cfd14[disabled] svg, .c52cfebc1a530 button[disabled] svg, [disabled].c9645e4da0908 svg,
.c2ad4416cfd14[disabled] span svg, .c2ad4416cfd14:disabled svg, .c52cfebc1a530 button:disabled svg, .c9645e4da0908:disabled svg,
.c2ad4416cfd14:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cd8816755aa49 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cd8816755aa49 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cd58a522fe922 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cd58a522fe922 svg,
.cd58a522fe922 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cd58a522fe922:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cd58a522fe922:focus-visible svg,
.cd58a522fe922:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cd58a522fe922:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cd58a522fe922:hover svg,
.cd58a522fe922:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cd58a522fe922:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cd58a522fe922:active svg,
.cd58a522fe922:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cd608089cb9a7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c81ca6e4c5b3d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c18b88005fdf5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c18b88005fdf5:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c18b88005fdf5:focus-visible svg,
.c18b88005fdf5:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c18b88005fdf5:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c18b88005fdf5:active {
  border: none;
  background-color: transparent;
}

.cb4aa02faf719, .c9645e4da0908 svg, .c95a20fba383c, .c75c5b1718d5a .cdede48781a39 .cd27a779cdd6b svg,
.c75c5b1718d5a .ca222f76d9ece .cd27a779cdd6b svg, .c75c5b1718d5a .cdede48781a39.cdcda550c824d .cd27a779cdd6b svg, .c75c5b1718d5a .cdede48781a39:hover .cd27a779cdd6b svg,
.c75c5b1718d5a .ca222f76d9ece.cdcda550c824d .cd27a779cdd6b svg,
.c75c5b1718d5a .ca222f76d9ece:hover .cd27a779cdd6b svg, .c68e888e7b57a span svg, .c52cfebc1a530 button svg, .cd9697443c85f.intermediate svg, .c0d8792265e14 label span.intermediate svg, .cd9697443c85f.checked svg, .c0d8792265e14 label span.checked svg, .c0526f497306d span svg,
.c0526f497306d label svg, .c3128ee273a9f svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cf1071751cfd7 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cf1071751cfd7:hover {
  fill: none;
  stroke: none;
}

.c95a20fba383c, .c75c5b1718d5a .cdede48781a39 .cd27a779cdd6b svg,
.c75c5b1718d5a .ca222f76d9ece .cd27a779cdd6b svg, .c75c5b1718d5a .cdede48781a39.cdcda550c824d .cd27a779cdd6b svg, .c75c5b1718d5a .cdede48781a39:hover .cd27a779cdd6b svg,
.c75c5b1718d5a .ca222f76d9ece.cdcda550c824d .cd27a779cdd6b svg,
.c75c5b1718d5a .ca222f76d9ece:hover .cd27a779cdd6b svg, .c68e888e7b57a span svg, .c52cfebc1a530 button svg, .cd9697443c85f.intermediate svg, .c0d8792265e14 label span.intermediate svg, .cd9697443c85f.checked svg, .c0d8792265e14 label span.checked svg, .c0526f497306d span svg,
.c0526f497306d label svg, .c3128ee273a9f svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cb52a7a454f22 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cb52a7a454f22:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c458ad6c74262, .c845d2cd618d3 input, .c7cb5c9f269a1 input, .c0526f497306d input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c458ad6c74262, .c845d2cd618d3 input, .c7cb5c9f269a1 input, .c0526f497306d input {
    height: 23px;
  }
}
.c458ad6c74262, .c845d2cd618d3 input, .c7cb5c9f269a1 input, .c0526f497306d input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c458ad6c74262[disabled], .c845d2cd618d3 input[disabled], .c7cb5c9f269a1 input[disabled], .c0526f497306d input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c3128ee273a9f {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ce99924cf9d7d, .c0526f497306d span,
.c0526f497306d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce99924cf9d7d, .c0526f497306d span,
  .c0526f497306d label {
    height: 25px;
  }
}
.ce99924cf9d7d, .c0526f497306d span,
.c0526f497306d label {
  color: var(--input-foreground-color);
}

.c0526f497306d {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c0526f497306d {
    height: 25px;
    font-size: 10px;
  }
}
.c0526f497306d {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c0526f497306d span svg,
.c0526f497306d label svg {
  color: var(--input-foreground-color);
}
.c0526f497306d ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c0526f497306d ::placeholder {
  color: var(--input-placeholder-color);
}
.c0526f497306d:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c0526f497306d:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c0526f497306d:hover span {
  color: var(--input-foreground-color-hover);
}
.c0526f497306d:hover input {
  color: var(--input-foreground-color-hover);
}
.c0526f497306d:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c0526f497306d:active span {
  color: var(--input-foreground-color-active);
}
.c0526f497306d:active input {
  color: var(--input-foreground-color-active);
}
.c0526f497306d:focus, .c0526f497306d:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c0526f497306d:focus span, .c0526f497306d:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c0526f497306d:focus input, .c0526f497306d:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c0526f497306d:focus:hover, .c0526f497306d:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c0526f497306d:focus:hover span, .c0526f497306d:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c0526f497306d:focus:hover input, .c0526f497306d:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c7cb5c9f269a1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c7cb5c9f269a1 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c7cb5c9f269a1 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c7cb5c9f269a1 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c7cb5c9f269a1:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c7cb5c9f269a1:focus-within input, .c7cb5c9f269a1:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c9d282aa05f44, .c845d2cd618d3.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c9d282aa05f44 input, .c845d2cd618d3.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c9d282aa05f44 span svg, .c845d2cd618d3.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cd9697443c85f, .c0d8792265e14 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cd9697443c85f svg, .c0d8792265e14 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cd9697443c85f:hover, .c0d8792265e14 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd9697443c85f:focus, .c0d8792265e14 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cd9697443c85f.checked, .c0d8792265e14 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cd9697443c85f.checked svg, .c0d8792265e14 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cd9697443c85f.intermediate, .c0d8792265e14 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cd9697443c85f.intermediate svg, .c0d8792265e14 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cd9697443c85f.unchecked, .c0d8792265e14 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cd9697443c85f.unchecked svg, .c0d8792265e14 label span.unchecked svg {
  display: none;
}

.c0d8792265e14 {
  display: flex;
  align-items: center;
}
.c0d8792265e14 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c0d8792265e14 label input {
  margin: 0;
}
.c0d8792265e14 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0d8792265e14 label:focus span, .c0d8792265e14 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c845d2cd618d3 {
  display: flex;
  flex-direction: column;
}
.c845d2cd618d3 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c845d2cd618d3 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c845d2cd618d3 input:focus-within input, .c845d2cd618d3 input:active input {
  color: var(--input-foreground-color-active);
}
.c845d2cd618d3 input:focus-within, .c845d2cd618d3 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c845d2cd618d3.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c7735d28574ac {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cd14fe29b9777 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c1e615d4d596d {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c9645e4da0908 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c157c13bfa7e5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c5cb22dee6e32 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c36b567b86a50 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce8113ce7f9f0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c27d77cbd92d2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c83cfeb076f27 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c83cfeb076f27:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c32d6342b0b45 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c014491b1cbdc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c01f0fe5b08d5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ccfe27d64e1ba {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cb0d45d5ef529 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cb0d45d5ef529:hover, .cb0d45d5ef529:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c52cfebc1a530 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c52cfebc1a530 button {
  display: none;
}
.c52cfebc1a530 button svg {
  stroke: var(--icon-foreground);
}
.c52cfebc1a530:hover button {
  display: flex;
}

.c7f4800bef4f6 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c7f4800bef4f6 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c7f4800bef4f6 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c3b41a251eda2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c3b41a251eda2:hover div {
  color: var(--entry-foreground-color-hover);
}

.c54f09a4c9093 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c44635eb1f36b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c44635eb1f36b:hover {
  background-color: var(--menu-background-color-hover);
}

.c68e888e7b57a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c68e888e7b57a span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c68e888e7b57a span svg {
  stroke: var(--icon-foreground);
}
.c68e888e7b57a:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c68e888e7b57a:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c86c95de5847f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ce84c61b5f12e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cea8d1a28e2a9,
.cc60c40f05049 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce07e254ce991 .cea8d1a28e2a9,
.ce07e254ce991 .cc60c40f05049 {
  transform: scale(1);
}

.c93b8ee6ccc38 .cea8d1a28e2a9,
.c93b8ee6ccc38 .cc60c40f05049 {
  transform: scale(0);
}

.c75c5b1718d5a {
  position: absolute;
  left: auto;
  bottom: var(--height);
  max-width: 30rem;
  padding: 0.25rem;
  margin: 0 0 0.25rem 0;
  z-index: 4;
  border-radius: 10px;
  background-color: var(--context-menu-background-color);
}
.c75c5b1718d5a .cdede48781a39,
.c75c5b1718d5a .ca222f76d9ece {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.25rem;
  border-radius: 8px;
}
.c75c5b1718d5a .cdede48781a39:last-child,
.c75c5b1718d5a .ca222f76d9ece:last-child {
  margin-bottom: 0;
}
.c75c5b1718d5a .cdede48781a39 .cb13681be0211,
.c75c5b1718d5a .ca222f76d9ece .cb13681be0211 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--context-menu-foreground-color);
  display: grid;
  grid-template-columns: 1fr 1.5rem;
  max-width: 25rem;
}
.c75c5b1718d5a .cdede48781a39 .cb13681be0211 .c8a25462dd002,
.c75c5b1718d5a .ca222f76d9ece .cb13681be0211 .c8a25462dd002 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 23.75rem;
}
.c75c5b1718d5a .cdede48781a39 .cb13681be0211 .c56c3dc095c7b,
.c75c5b1718d5a .ca222f76d9ece .cb13681be0211 .c56c3dc095c7b {
  margin-left: 0.25rem;
}
.c75c5b1718d5a .cdede48781a39 .cd27a779cdd6b,
.c75c5b1718d5a .ca222f76d9ece .cd27a779cdd6b {
  margin-left: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c75c5b1718d5a .cdede48781a39 .cd27a779cdd6b svg,
.c75c5b1718d5a .ca222f76d9ece .cd27a779cdd6b svg {
  display: flex;
  justify-content: center;
  align-items: center;
  stroke: none;
}
.c75c5b1718d5a .cdede48781a39.cdcda550c824d .cd27a779cdd6b, .c75c5b1718d5a .cdede48781a39:hover .cd27a779cdd6b,
.c75c5b1718d5a .ca222f76d9ece.cdcda550c824d .cd27a779cdd6b,
.c75c5b1718d5a .ca222f76d9ece:hover .cd27a779cdd6b {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c75c5b1718d5a .cdede48781a39.cdcda550c824d .cd27a779cdd6b svg, .c75c5b1718d5a .cdede48781a39:hover .cd27a779cdd6b svg,
.c75c5b1718d5a .ca222f76d9ece.cdcda550c824d .cd27a779cdd6b svg,
.c75c5b1718d5a .ca222f76d9ece:hover .cd27a779cdd6b svg {
  display: flex;
  justify-content: center;
  align-items: center;
  stroke: var(--context-menu-foreground-color-selected);
}
.c75c5b1718d5a .cdede48781a39.cdcda550c824d .cb13681be0211, .c75c5b1718d5a .cdede48781a39:hover .cb13681be0211,
.c75c5b1718d5a .ca222f76d9ece.cdcda550c824d .cb13681be0211,
.c75c5b1718d5a .ca222f76d9ece:hover .cb13681be0211 {
  color: var(--context-menu-foreground-color-selected);
}
.c75c5b1718d5a .cdede48781a39:hover,
.c75c5b1718d5a .ca222f76d9ece:hover {
  background-color: var(--context-menu-background-color-selected);
}
@keyframes c259c8a724e20 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c480c389f1e0e {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c480c389f1e0e:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c480c389f1e0e ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c480c389f1e0e ::-webkit-scrollbar-track,
.c480c389f1e0e ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c480c389f1e0e ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c480c389f1e0e ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c480c389f1e0e ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c480c389f1e0e ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c480c389f1e0e ::placeholder,
.c480c389f1e0e ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cd110a80e79e4, .c73fac1a309f7, .ca2122229baf9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cd110a80e79e4 svg, .c73fac1a309f7 svg, .ca2122229baf9 svg,
.cd110a80e79e4 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cd110a80e79e4:focus-visible, .c73fac1a309f7:focus-visible, .ca2122229baf9:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cd110a80e79e4:focus-visible svg, .c73fac1a309f7:focus-visible svg, .ca2122229baf9:focus-visible svg,
.cd110a80e79e4:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cd110a80e79e4:hover, .c73fac1a309f7:hover, .ca2122229baf9:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cd110a80e79e4:hover svg, .c73fac1a309f7:hover svg, .ca2122229baf9:hover svg,
.cd110a80e79e4:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cd110a80e79e4:active, .c73fac1a309f7:active, .ca2122229baf9:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cd110a80e79e4:active svg, .c73fac1a309f7:active svg, .ca2122229baf9:active svg,
.cd110a80e79e4:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cd110a80e79e4.disabled, .c73fac1a309f7.disabled, .ca2122229baf9.disabled, .cd110a80e79e4[disabled], [disabled].c73fac1a309f7, [disabled].ca2122229baf9, .cd110a80e79e4:disabled, .c73fac1a309f7:disabled, .ca2122229baf9:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c55ae6ef2bdfe, .ce840ccec7dc8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c55ae6ef2bdfe svg, .ce840ccec7dc8 svg,
.c55ae6ef2bdfe span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c55ae6ef2bdfe:focus-visible, .ce840ccec7dc8:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c55ae6ef2bdfe:focus-visible svg, .ce840ccec7dc8:focus-visible svg,
.c55ae6ef2bdfe:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c55ae6ef2bdfe:hover, .ce840ccec7dc8:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c55ae6ef2bdfe:hover svg, .ce840ccec7dc8:hover svg,
.c55ae6ef2bdfe:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c55ae6ef2bdfe:active, .ce840ccec7dc8:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c55ae6ef2bdfe:active svg, .ce840ccec7dc8:active svg,
.c55ae6ef2bdfe:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c55ae6ef2bdfe.disabled, .ce840ccec7dc8.disabled, .c55ae6ef2bdfe[disabled], [disabled].ce840ccec7dc8, .c55ae6ef2bdfe:disabled, .ce840ccec7dc8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c95c4e27702eb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c95c4e27702eb svg,
.c95c4e27702eb span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c95c4e27702eb:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c95c4e27702eb:focus-visible svg,
.c95c4e27702eb:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c95c4e27702eb:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c95c4e27702eb:hover svg,
.c95c4e27702eb:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c95c4e27702eb:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c95c4e27702eb:active svg,
.c95c4e27702eb:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c95c4e27702eb.disabled, .c95c4e27702eb[disabled], .c95c4e27702eb:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7ffd655de1e6, .cdfb6a219bddf, .cd0ce36c2b577, .c179e6111f78e button, .cd22f51104681 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c7ffd655de1e6 svg, .cdfb6a219bddf svg, .cd0ce36c2b577 svg, .c179e6111f78e button svg, .cd22f51104681 svg,
.c7ffd655de1e6 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c7ffd655de1e6:focus-visible, .cdfb6a219bddf:focus-visible, .cd0ce36c2b577:focus-visible, .c179e6111f78e button:focus-visible, .cd22f51104681:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c7ffd655de1e6:focus-visible svg, .cdfb6a219bddf:focus-visible svg, .cd0ce36c2b577:focus-visible svg, .c179e6111f78e button:focus-visible svg, .cd22f51104681:focus-visible svg,
.c7ffd655de1e6:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c7ffd655de1e6:hover, .cdfb6a219bddf:hover, .cd0ce36c2b577:hover, .c179e6111f78e button:hover, .cd22f51104681:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c7ffd655de1e6:hover svg, .cdfb6a219bddf:hover svg, .cd0ce36c2b577:hover svg, .c179e6111f78e button:hover svg, .cd22f51104681:hover svg,
.c7ffd655de1e6:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c7ffd655de1e6:active, .cdfb6a219bddf:active, .cd0ce36c2b577:active, .c179e6111f78e button:active, .cd22f51104681:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c7ffd655de1e6:active svg, .cdfb6a219bddf:active svg, .cd0ce36c2b577:active svg, .c179e6111f78e button:active svg, .cd22f51104681:active svg,
.c7ffd655de1e6:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c7ffd655de1e6.disabled, .cdfb6a219bddf.disabled, .cd0ce36c2b577.disabled, .c179e6111f78e button.disabled, .cd22f51104681.disabled, .c7ffd655de1e6[disabled], [disabled].cdfb6a219bddf, [disabled].cd0ce36c2b577, .c179e6111f78e button[disabled], [disabled].cd22f51104681, .c7ffd655de1e6:disabled, .cdfb6a219bddf:disabled, .cd0ce36c2b577:disabled, .c179e6111f78e button:disabled, .cd22f51104681:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c7ffd655de1e6.disabled svg, .cdfb6a219bddf.disabled svg, .cd0ce36c2b577.disabled svg, .c179e6111f78e button.disabled svg, .cd22f51104681.disabled svg,
.c7ffd655de1e6.disabled span svg, .c7ffd655de1e6[disabled] svg, [disabled].cdfb6a219bddf svg, [disabled].cd0ce36c2b577 svg, .c179e6111f78e button[disabled] svg, [disabled].cd22f51104681 svg,
.c7ffd655de1e6[disabled] span svg, .c7ffd655de1e6:disabled svg, .cdfb6a219bddf:disabled svg, .cd0ce36c2b577:disabled svg, .c179e6111f78e button:disabled svg, .cd22f51104681:disabled svg,
.c7ffd655de1e6:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cdb538c348b71, .cdfb6a219bddf.c31a479c1bef7, .c31a479c1bef7.cd0ce36c2b577 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cdb538c348b71 svg, .cdfb6a219bddf.c31a479c1bef7 svg, .c31a479c1bef7.cd0ce36c2b577 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ce3455ea7713a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ce3455ea7713a svg,
.ce3455ea7713a span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ce3455ea7713a:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ce3455ea7713a:focus-visible svg,
.ce3455ea7713a:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ce3455ea7713a:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ce3455ea7713a:hover svg,
.ce3455ea7713a:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ce3455ea7713a:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ce3455ea7713a:active svg,
.ce3455ea7713a:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ce56a9d1cb525 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cae5a93b3a8ee {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca4f190124c1a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ca4f190124c1a:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ca4f190124c1a:focus-visible svg,
.ca4f190124c1a:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ca4f190124c1a:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ca4f190124c1a:active {
  border: none;
  background-color: transparent;
}

.c70ed2ba4991b, .cdfb6a219bddf svg, .cd0ce36c2b577 svg, .cd22f51104681 svg, .c91ca2913399f, .c920b1a96b519 span svg, .c179e6111f78e button svg, .ca8ab6c5e88e1.intermediate svg, .cd67de17c6601 label span.intermediate svg, .ca8ab6c5e88e1.checked svg, .cd67de17c6601 label span.checked svg, .cae4fb00344e1 span svg,
.cae4fb00344e1 label svg, .cb22a5e4d972a svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c35f146ae29d9 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c35f146ae29d9:hover {
  fill: none;
  stroke: none;
}

.c91ca2913399f, .c920b1a96b519 span svg, .c179e6111f78e button svg, .ca8ab6c5e88e1.intermediate svg, .cd67de17c6601 label span.intermediate svg, .ca8ab6c5e88e1.checked svg, .cd67de17c6601 label span.checked svg, .cae4fb00344e1 span svg,
.cae4fb00344e1 label svg, .cb22a5e4d972a svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c0bc2b14781e8 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c0bc2b14781e8:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c01b282d69c7f, .c3c08b0fcdd5a input, .cf2ca78847b02 input, .cae4fb00344e1 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c01b282d69c7f, .c3c08b0fcdd5a input, .cf2ca78847b02 input, .cae4fb00344e1 input {
    height: 23px;
  }
}
.c01b282d69c7f, .c3c08b0fcdd5a input, .cf2ca78847b02 input, .cae4fb00344e1 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c01b282d69c7f[disabled], .c3c08b0fcdd5a input[disabled], .cf2ca78847b02 input[disabled], .cae4fb00344e1 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cb22a5e4d972a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c923c8a9f8566, .cae4fb00344e1 span,
.cae4fb00344e1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c923c8a9f8566, .cae4fb00344e1 span,
  .cae4fb00344e1 label {
    height: 25px;
  }
}
.c923c8a9f8566, .cae4fb00344e1 span,
.cae4fb00344e1 label {
  color: var(--input-foreground-color);
}

.cae4fb00344e1 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cae4fb00344e1 {
    height: 25px;
    font-size: 10px;
  }
}
.cae4fb00344e1 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cae4fb00344e1 span svg,
.cae4fb00344e1 label svg {
  color: var(--input-foreground-color);
}
.cae4fb00344e1 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cae4fb00344e1 ::placeholder {
  color: var(--input-placeholder-color);
}
.cae4fb00344e1:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cae4fb00344e1:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cae4fb00344e1:hover span {
  color: var(--input-foreground-color-hover);
}
.cae4fb00344e1:hover input {
  color: var(--input-foreground-color-hover);
}
.cae4fb00344e1:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cae4fb00344e1:active span {
  color: var(--input-foreground-color-active);
}
.cae4fb00344e1:active input {
  color: var(--input-foreground-color-active);
}
.cae4fb00344e1:focus, .cae4fb00344e1:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cae4fb00344e1:focus span, .cae4fb00344e1:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cae4fb00344e1:focus input, .cae4fb00344e1:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cae4fb00344e1:focus:hover, .cae4fb00344e1:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cae4fb00344e1:focus:hover span, .cae4fb00344e1:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cae4fb00344e1:focus:hover input, .cae4fb00344e1:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cf2ca78847b02 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cf2ca78847b02 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cf2ca78847b02 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cf2ca78847b02 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cf2ca78847b02:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cf2ca78847b02:focus-within input, .cf2ca78847b02:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c34e7c607c82f, .c3c08b0fcdd5a.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c34e7c607c82f input, .c3c08b0fcdd5a.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c34e7c607c82f span svg, .c3c08b0fcdd5a.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ca8ab6c5e88e1, .cd67de17c6601 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ca8ab6c5e88e1 svg, .cd67de17c6601 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ca8ab6c5e88e1:hover, .cd67de17c6601 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca8ab6c5e88e1:focus, .cd67de17c6601 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ca8ab6c5e88e1.checked, .cd67de17c6601 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ca8ab6c5e88e1.checked svg, .cd67de17c6601 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ca8ab6c5e88e1.intermediate, .cd67de17c6601 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ca8ab6c5e88e1.intermediate svg, .cd67de17c6601 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ca8ab6c5e88e1.unchecked, .cd67de17c6601 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ca8ab6c5e88e1.unchecked svg, .cd67de17c6601 label span.unchecked svg {
  display: none;
}

.cd67de17c6601 {
  display: flex;
  align-items: center;
}
.cd67de17c6601 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cd67de17c6601 label input {
  margin: 0;
}
.cd67de17c6601 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd67de17c6601 label:focus span, .cd67de17c6601 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c3c08b0fcdd5a {
  display: flex;
  flex-direction: column;
}
.c3c08b0fcdd5a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c3c08b0fcdd5a input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c3c08b0fcdd5a input:focus-within input, .c3c08b0fcdd5a input:active input {
  color: var(--input-foreground-color-active);
}
.c3c08b0fcdd5a input:focus-within, .c3c08b0fcdd5a input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3c08b0fcdd5a.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c559edd27dfc4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c3f718020be11 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c73bba3f0b39a {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd22f51104681 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c7dc980586715 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c944ae69fa9af {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ce840ccec7dc8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ca2122229baf9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c73fac1a309f7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cfbe970636ae5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cfbe970636ae5:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c79fb9b1bb13a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c8f8930db71d9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cb0945515e77e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cab508281272c {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c962df66cdaac {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c962df66cdaac:hover, .c962df66cdaac:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c179e6111f78e div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c179e6111f78e button {
  display: none;
}
.c179e6111f78e button svg {
  stroke: var(--icon-foreground);
}
.c179e6111f78e:hover button {
  display: flex;
}

.c853b76f9e01a {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c853b76f9e01a .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c853b76f9e01a .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cf7317fa6dd57 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cf7317fa6dd57:hover div {
  color: var(--entry-foreground-color-hover);
}

.cc20e901875af {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c8967f169bbe4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c8967f169bbe4:hover {
  background-color: var(--menu-background-color-hover);
}

.c920b1a96b519 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c920b1a96b519 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c920b1a96b519 span svg {
  stroke: var(--icon-foreground);
}
.c920b1a96b519:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c920b1a96b519:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c2b227f5305b2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cda6d253055fb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c3a40cdebccdd,
.c863555ffad73 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ceed6b6854dd3 .c3a40cdebccdd,
.ceed6b6854dd3 .c863555ffad73 {
  transform: scale(1);
}

.c4f195f3185c7 .c3a40cdebccdd,
.c4f195f3185c7 .c863555ffad73 {
  transform: scale(0);
}

.cde62e997cae2 {
  cursor: initial;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 4.375rem;
  padding: 0.5rem 1rem;
  border-radius: 1.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 0;
  z-index: 1;
  background-color: var(--color-background-primary);
  transition: top 0.3s, height 0.3s, opacity 0.3s;
  --toolbar-position-y: calc(2rem + calc(1px + 0.125rem));
  --toolbar-offset-y: -0.5px;
  top: calc(var(--toolbar-position-y) + var(--toolbar-offset-y));
}

.cde62e997cae2.c60b36040236b {
  --toolbar-position-y: 0px;
}

.c9f37473e4aa9 {
  height: 2rem;
  z-index: 1;
  border-radius: 1.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.c9f37473e4aa9 .c62cd500f6d12 {
  opacity: 0;
  visibility: hidden;
}

.c62cd500f6d12 {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.c62cd500f6d12 li {
  position: relative;
}

.cdfb6a219bddf, .cd0ce36c2b577 {
  --pathbar-icon-color: var(--color-select-text);
  height: 3.375rem;
  width: 3.375rem;
  flex-shrink: 0;
  background-color: transparent;
  border-radius: 0.5rem;
  border: none;
  margin: 0 0.125rem;
}
.cdfb6a219bddf.c37a7c8d6f5d1, .c37a7c8d6f5d1.cd0ce36c2b577 {
  --pathbar-icon-color: var(--button-radio-foreground-color-active);
  background-color: var(--button-radio-background-color-active);
}
.cdfb6a219bddf.c31a479c1bef7, .c31a479c1bef7.cd0ce36c2b577 {
  --pathbar-icon-color: var(--button-radio-foreground-color-active);
}
.cdfb6a219bddf.c31a479c1bef7 .cc91577e3520e svg, .c31a479c1bef7.cd0ce36c2b577 .cc91577e3520e svg {
  color: #47fece;
  stroke: #47fece;
}
.cdfb6a219bddf svg, .cd0ce36c2b577 svg {
  stroke: none;
  color: var(--pathbar-icon-color);
}
.cdfb6a219bddf:hover svg, .cd0ce36c2b577:hover svg,
.cdfb6a219bddf:hover span svg {
  stroke: none;
  color: var(--button-tertiary-foreground-color-hover);
}
.cdfb6a219bddf:hover .cc91577e3520e svg, .cd0ce36c2b577:hover .cc91577e3520e svg {
  color: #47fece;
  stroke: #47fece;
}
.cdfb6a219bddf:active svg, .cd0ce36c2b577:active svg,
.cdfb6a219bddf:active span svg {
  stroke: none;
  color: var(--button-tertiary-foreground-color-hover);
}
.cdfb6a219bddf.disabled svg, .cd0ce36c2b577.disabled svg,
.cdfb6a219bddf.disabled span svg, .cdfb6a219bddf[disabled] svg, [disabled].cd0ce36c2b577 svg,
.cdfb6a219bddf[disabled] span svg, .cdfb6a219bddf:disabled svg, .cd0ce36c2b577:disabled svg,
.cdfb6a219bddf:disabled span svg {
  stroke: none;
  color: var(--color-button-text);
}

.cd0ce36c2b577 {
  height: 1.0625rem;
  width: 1.0625rem;
  min-width: 1.0625rem;
}

.cc631677207e0 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.75rem;
  width: 100%;
}
.cc631677207e0 .c4b198f5b94f3 {
  height: 0.25rem;
  width: 100%;
  max-width: 4rem;
  padding: 0;
  border-radius: 0.25rem;
  background-color: var(--palette-handler-background-color);
}

ul.c1e9452204178 {
  display: none;
}

.c0cfed34a8fb0 {
  position: relative;
}

.cc91577e3520e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cc91577e3520e svg {
  width: 9px;
  height: 9px;
  color: #d1d1d1;
  stroke: #d1d1d1;
}

.cffeceb879cd6 {
  position: absolute;
  top: calc(100% + 4px);
  height: 50px;
  left: 0;
  width: 146px;
  background: #181a19;
  border-radius: 6.67px;
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 4;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.cb3462abf6503 {
  display: flex;
  align-items: center;
  height: 24px;
  padding: 0 9px;
  cursor: pointer;
  background: var(--color-background-primary);
}
.cb3462abf6503:hover, .cb3462abf6503.c82ea4a0cb66f {
  background: var(--color-background-primary);
  color: var(--color-accent-primary);
}
.cb3462abf6503:hover span, .cb3462abf6503.c82ea4a0cb66f span {
  background: var(--color-background-primary);
  color: var(--color-accent-primary);
}

.c971f7c8f20b6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}
.c971f7c8f20b6 svg {
  width: 13px;
  height: 13px;
  color: #d1d1d1;
}

.cb04ee81e9b27 {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 13.3333px;
  line-height: 16px;
  color: #d1d1d1;
  margin-left: 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1920px) {
  .cde62e997cae2 {
    --toolbar-position-y: 25px;
    height: 60px;
  }
  .c9f37473e4aa9 {
    height: 32px;
  }
  .cdfb6a219bddf, .cd0ce36c2b577 {
    height: 44px;
    width: 44px;
  }
  .cdfb6a219bddf svg, .cd0ce36c2b577 svg {
    height: 23px;
    width: 23px;
  }
  .cd0ce36c2b577 {
    height: 17px;
    width: 17px;
  }
  .cc91577e3520e svg {
    width: 9px;
    height: 9px;
  }
}
@media (max-width: 1680px) {
  .cde62e997cae2 {
    --toolbar-position-y: 22px;
    height: 56px;
  }
  .c9f37473e4aa9 {
    height: 32px;
  }
  .cdfb6a219bddf, .cd0ce36c2b577 {
    height: 40px;
    width: 40px;
  }
  .cdfb6a219bddf svg, .cd0ce36c2b577 svg {
    height: 21px;
    width: 21px;
  }
  .cd0ce36c2b577 {
    height: 17px;
    width: 17px;
  }
  .cc91577e3520e svg {
    width: 9px;
    height: 9px;
  }
}
@keyframes c9ec022e43e7d {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c341725a5d194 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c341725a5d194:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c341725a5d194 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c341725a5d194 ::-webkit-scrollbar-track,
.c341725a5d194 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c341725a5d194 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c341725a5d194 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c341725a5d194 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c341725a5d194 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c341725a5d194 ::placeholder,
.c341725a5d194 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ce7bb77a9b049, .c63d32a4e7aa0, .c1050d0593b5f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ce7bb77a9b049 svg, .c63d32a4e7aa0 svg, .c1050d0593b5f svg,
.ce7bb77a9b049 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ce7bb77a9b049:focus-visible, .c63d32a4e7aa0:focus-visible, .c1050d0593b5f:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ce7bb77a9b049:focus-visible svg, .c63d32a4e7aa0:focus-visible svg, .c1050d0593b5f:focus-visible svg,
.ce7bb77a9b049:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ce7bb77a9b049:hover, .c63d32a4e7aa0:hover, .c1050d0593b5f:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ce7bb77a9b049:hover svg, .c63d32a4e7aa0:hover svg, .c1050d0593b5f:hover svg,
.ce7bb77a9b049:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ce7bb77a9b049:active, .c63d32a4e7aa0:active, .c1050d0593b5f:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ce7bb77a9b049:active svg, .c63d32a4e7aa0:active svg, .c1050d0593b5f:active svg,
.ce7bb77a9b049:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ce7bb77a9b049.disabled, .c63d32a4e7aa0.disabled, .c1050d0593b5f.disabled, .ce7bb77a9b049[disabled], [disabled].c63d32a4e7aa0, [disabled].c1050d0593b5f, .ce7bb77a9b049:disabled, .c63d32a4e7aa0:disabled, .c1050d0593b5f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd9dfbc7ab4de, .c1fdd02a1a9d9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cd9dfbc7ab4de svg, .c1fdd02a1a9d9 svg,
.cd9dfbc7ab4de span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cd9dfbc7ab4de:focus-visible, .c1fdd02a1a9d9:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd9dfbc7ab4de:focus-visible svg, .c1fdd02a1a9d9:focus-visible svg,
.cd9dfbc7ab4de:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd9dfbc7ab4de:hover, .c1fdd02a1a9d9:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cd9dfbc7ab4de:hover svg, .c1fdd02a1a9d9:hover svg,
.cd9dfbc7ab4de:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cd9dfbc7ab4de:active, .c1fdd02a1a9d9:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cd9dfbc7ab4de:active svg, .c1fdd02a1a9d9:active svg,
.cd9dfbc7ab4de:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cd9dfbc7ab4de.disabled, .c1fdd02a1a9d9.disabled, .cd9dfbc7ab4de[disabled], [disabled].c1fdd02a1a9d9, .cd9dfbc7ab4de:disabled, .c1fdd02a1a9d9:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6ab4f0a704e5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c6ab4f0a704e5 svg,
.c6ab4f0a704e5 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c6ab4f0a704e5:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c6ab4f0a704e5:focus-visible svg,
.c6ab4f0a704e5:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c6ab4f0a704e5:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c6ab4f0a704e5:hover svg,
.c6ab4f0a704e5:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c6ab4f0a704e5:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c6ab4f0a704e5:active svg,
.c6ab4f0a704e5:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c6ab4f0a704e5.disabled, .c6ab4f0a704e5[disabled], .c6ab4f0a704e5:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4f0df013dbe8, .c05ca1b6ca792 button, .cca4fe94593be {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c4f0df013dbe8 svg, .c05ca1b6ca792 button svg, .cca4fe94593be svg,
.c4f0df013dbe8 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c4f0df013dbe8:focus-visible, .c05ca1b6ca792 button:focus-visible, .cca4fe94593be:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c4f0df013dbe8:focus-visible svg, .c05ca1b6ca792 button:focus-visible svg, .cca4fe94593be:focus-visible svg,
.c4f0df013dbe8:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c4f0df013dbe8:hover, .c05ca1b6ca792 button:hover, .cca4fe94593be:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c4f0df013dbe8:hover svg, .c05ca1b6ca792 button:hover svg, .cca4fe94593be:hover svg,
.c4f0df013dbe8:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c4f0df013dbe8:active, .c05ca1b6ca792 button:active, .cca4fe94593be:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c4f0df013dbe8:active svg, .c05ca1b6ca792 button:active svg, .cca4fe94593be:active svg,
.c4f0df013dbe8:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c4f0df013dbe8.disabled, .c05ca1b6ca792 button.disabled, .cca4fe94593be.disabled, .c4f0df013dbe8[disabled], .c05ca1b6ca792 button[disabled], [disabled].cca4fe94593be, .c4f0df013dbe8:disabled, .c05ca1b6ca792 button:disabled, .cca4fe94593be:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c4f0df013dbe8.disabled svg, .c05ca1b6ca792 button.disabled svg, .cca4fe94593be.disabled svg,
.c4f0df013dbe8.disabled span svg, .c4f0df013dbe8[disabled] svg, .c05ca1b6ca792 button[disabled] svg, [disabled].cca4fe94593be svg,
.c4f0df013dbe8[disabled] span svg, .c4f0df013dbe8:disabled svg, .c05ca1b6ca792 button:disabled svg, .cca4fe94593be:disabled svg,
.c4f0df013dbe8:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c7836000eb716 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c7836000eb716 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c63b93f4f3525 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c63b93f4f3525 svg,
.c63b93f4f3525 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c63b93f4f3525:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c63b93f4f3525:focus-visible svg,
.c63b93f4f3525:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c63b93f4f3525:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c63b93f4f3525:hover svg,
.c63b93f4f3525:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c63b93f4f3525:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c63b93f4f3525:active svg,
.c63b93f4f3525:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ccf14eaa1d98b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cec43a277c8aa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c99e4f7a1ef0f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c99e4f7a1ef0f:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c99e4f7a1ef0f:focus-visible svg,
.c99e4f7a1ef0f:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c99e4f7a1ef0f:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c99e4f7a1ef0f:active {
  border: none;
  background-color: transparent;
}

.c1b85de6c28cf, .cca4fe94593be svg, .c793af1b20304, .c4351786d7a82 span svg, .c05ca1b6ca792 button svg, .c7550a134c35c.intermediate svg, .c9f59a45a27fd label span.intermediate svg, .c7550a134c35c.checked svg, .c9f59a45a27fd label span.checked svg, .cd16a9a9145ef span svg,
.cd16a9a9145ef label svg, .c468387ae9fb7 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ca0f8240e139a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ca0f8240e139a:hover {
  fill: none;
  stroke: none;
}

.c793af1b20304, .c4351786d7a82 span svg, .c05ca1b6ca792 button svg, .c7550a134c35c.intermediate svg, .c9f59a45a27fd label span.intermediate svg, .c7550a134c35c.checked svg, .c9f59a45a27fd label span.checked svg, .cd16a9a9145ef span svg,
.cd16a9a9145ef label svg, .c468387ae9fb7 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c5a256f007758 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c5a256f007758:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c5326ec1cf4d7, .cec369b8dae7d input, .cb1deff410700 input, .cd16a9a9145ef input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c5326ec1cf4d7, .cec369b8dae7d input, .cb1deff410700 input, .cd16a9a9145ef input {
    height: 23px;
  }
}
.c5326ec1cf4d7, .cec369b8dae7d input, .cb1deff410700 input, .cd16a9a9145ef input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c5326ec1cf4d7[disabled], .cec369b8dae7d input[disabled], .cb1deff410700 input[disabled], .cd16a9a9145ef input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c468387ae9fb7 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c306361ce67ad, .cd16a9a9145ef span,
.cd16a9a9145ef label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c306361ce67ad, .cd16a9a9145ef span,
  .cd16a9a9145ef label {
    height: 25px;
  }
}
.c306361ce67ad, .cd16a9a9145ef span,
.cd16a9a9145ef label {
  color: var(--input-foreground-color);
}

.cd16a9a9145ef {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd16a9a9145ef {
    height: 25px;
    font-size: 10px;
  }
}
.cd16a9a9145ef {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cd16a9a9145ef span svg,
.cd16a9a9145ef label svg {
  color: var(--input-foreground-color);
}
.cd16a9a9145ef ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cd16a9a9145ef ::placeholder {
  color: var(--input-placeholder-color);
}
.cd16a9a9145ef:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd16a9a9145ef:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cd16a9a9145ef:hover span {
  color: var(--input-foreground-color-hover);
}
.cd16a9a9145ef:hover input {
  color: var(--input-foreground-color-hover);
}
.cd16a9a9145ef:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cd16a9a9145ef:active span {
  color: var(--input-foreground-color-active);
}
.cd16a9a9145ef:active input {
  color: var(--input-foreground-color-active);
}
.cd16a9a9145ef:focus, .cd16a9a9145ef:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd16a9a9145ef:focus span, .cd16a9a9145ef:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cd16a9a9145ef:focus input, .cd16a9a9145ef:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cd16a9a9145ef:focus:hover, .cd16a9a9145ef:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd16a9a9145ef:focus:hover span, .cd16a9a9145ef:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cd16a9a9145ef:focus:hover input, .cd16a9a9145ef:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cb1deff410700 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cb1deff410700 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cb1deff410700 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb1deff410700 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb1deff410700:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cb1deff410700:focus-within input, .cb1deff410700:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c941aef03bdf7, .cec369b8dae7d.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c941aef03bdf7 input, .cec369b8dae7d.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c941aef03bdf7 span svg, .cec369b8dae7d.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c7550a134c35c, .c9f59a45a27fd label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c7550a134c35c svg, .c9f59a45a27fd label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c7550a134c35c:hover, .c9f59a45a27fd label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c7550a134c35c:focus, .c9f59a45a27fd label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c7550a134c35c.checked, .c9f59a45a27fd label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c7550a134c35c.checked svg, .c9f59a45a27fd label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c7550a134c35c.intermediate, .c9f59a45a27fd label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c7550a134c35c.intermediate svg, .c9f59a45a27fd label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c7550a134c35c.unchecked, .c9f59a45a27fd label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c7550a134c35c.unchecked svg, .c9f59a45a27fd label span.unchecked svg {
  display: none;
}

.c9f59a45a27fd {
  display: flex;
  align-items: center;
}
.c9f59a45a27fd label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c9f59a45a27fd label input {
  margin: 0;
}
.c9f59a45a27fd label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c9f59a45a27fd label:focus span, .c9f59a45a27fd label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cec369b8dae7d {
  display: flex;
  flex-direction: column;
}
.cec369b8dae7d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cec369b8dae7d input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cec369b8dae7d input:focus-within input, .cec369b8dae7d input:active input {
  color: var(--input-foreground-color-active);
}
.cec369b8dae7d input:focus-within, .cec369b8dae7d input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cec369b8dae7d.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.caff2d5324900 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c241ac1d1f90b {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c43c7c1d3d466 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cca4fe94593be {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ce52415d5e64c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c3ef19656cf19 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c1fdd02a1a9d9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c1050d0593b5f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c63d32a4e7aa0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cc1097043c8a5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cc1097043c8a5:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c1f74b72b2120 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ce9a61deafa3c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c8567ca04e159 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c897b5e14bdca {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cfdf6e7c88d7d {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cfdf6e7c88d7d:hover, .cfdf6e7c88d7d:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c05ca1b6ca792 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c05ca1b6ca792 button {
  display: none;
}
.c05ca1b6ca792 button svg {
  stroke: var(--icon-foreground);
}
.c05ca1b6ca792:hover button {
  display: flex;
}

.c1bbcf3c9a049 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c1bbcf3c9a049 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c1bbcf3c9a049 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cb67ad181c9d4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cb67ad181c9d4:hover div {
  color: var(--entry-foreground-color-hover);
}

.cfa085350969d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cac6f8aab2a08 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cac6f8aab2a08:hover {
  background-color: var(--menu-background-color-hover);
}

.c4351786d7a82 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c4351786d7a82 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c4351786d7a82 span svg {
  stroke: var(--icon-foreground);
}
.c4351786d7a82:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c4351786d7a82:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c445c84f36542 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cd0e97086bc7b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c98293504a180,
.c62f10a14b158 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c6e35ca74b52d .c98293504a180,
.c6e35ca74b52d .c62f10a14b158 {
  transform: scale(1);
}

.ca5474751c1c4 .c98293504a180,
.ca5474751c1c4 .c62f10a14b158 {
  transform: scale(0);
}

.c53ed58eca4c7 {
  cursor: none;
  grid-column: 1/span 2;
  grid-row: 1/span 2;
  overflow: hidden;
  position: relative;
}

.cc41aa8ffe7bb {
  position: absolute;
  width: 100%;
  height: 100%;
}

.c56887a0e0c36 {
  height: 100%;
  position: absolute;
  width: 100%;
}

.c44652dedd18e {
  cursor: initial;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.c2e722336579b {
  cursor: none;
  grid-column: 1/span 2;
  grid-row: 1/span 2;
  overflow: hidden;
  position: relative;
}

.c1ce9109a45f8 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.cf901b3cbf30f {
  height: 100%;
  position: absolute;
  width: 100%;
}

.ccd32dbb40164 {
  cursor: initial;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}

.cab75fa7e66d3 {
  position: fixed;
  inset: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  display: grid;
  place-items: center;
  cursor: default;
}
@keyframes cc6777bab87b1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c94a35a6bc73b {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c94a35a6bc73b:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c94a35a6bc73b ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c94a35a6bc73b ::-webkit-scrollbar-track,
.c94a35a6bc73b ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c94a35a6bc73b ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c94a35a6bc73b ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c94a35a6bc73b ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c94a35a6bc73b ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c94a35a6bc73b ::placeholder,
.c94a35a6bc73b ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c38b6e6546ebd, .ca7e488bf26ee, .c840547091398 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c38b6e6546ebd svg, .ca7e488bf26ee svg, .c840547091398 svg,
.c38b6e6546ebd span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c38b6e6546ebd:focus-visible, .ca7e488bf26ee:focus-visible, .c840547091398:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c38b6e6546ebd:focus-visible svg, .ca7e488bf26ee:focus-visible svg, .c840547091398:focus-visible svg,
.c38b6e6546ebd:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c38b6e6546ebd:hover, .ca7e488bf26ee:hover, .c840547091398:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c38b6e6546ebd:hover svg, .ca7e488bf26ee:hover svg, .c840547091398:hover svg,
.c38b6e6546ebd:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c38b6e6546ebd:active, .ca7e488bf26ee:active, .c840547091398:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c38b6e6546ebd:active svg, .ca7e488bf26ee:active svg, .c840547091398:active svg,
.c38b6e6546ebd:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c38b6e6546ebd.disabled, .ca7e488bf26ee.disabled, .c840547091398.disabled, .c38b6e6546ebd[disabled], [disabled].ca7e488bf26ee, [disabled].c840547091398, .c38b6e6546ebd:disabled, .ca7e488bf26ee:disabled, .c840547091398:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c633e23330b85, .c59e15dc2e6a9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c633e23330b85 svg, .c59e15dc2e6a9 svg,
.c633e23330b85 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c633e23330b85:focus-visible, .c59e15dc2e6a9:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c633e23330b85:focus-visible svg, .c59e15dc2e6a9:focus-visible svg,
.c633e23330b85:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c633e23330b85:hover, .c59e15dc2e6a9:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c633e23330b85:hover svg, .c59e15dc2e6a9:hover svg,
.c633e23330b85:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c633e23330b85:active, .c59e15dc2e6a9:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c633e23330b85:active svg, .c59e15dc2e6a9:active svg,
.c633e23330b85:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c633e23330b85.disabled, .c59e15dc2e6a9.disabled, .c633e23330b85[disabled], [disabled].c59e15dc2e6a9, .c633e23330b85:disabled, .c59e15dc2e6a9:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c549c15f9fbed {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c549c15f9fbed svg,
.c549c15f9fbed span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c549c15f9fbed:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c549c15f9fbed:focus-visible svg,
.c549c15f9fbed:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c549c15f9fbed:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c549c15f9fbed:hover svg,
.c549c15f9fbed:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c549c15f9fbed:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c549c15f9fbed:active svg,
.c549c15f9fbed:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c549c15f9fbed.disabled, .c549c15f9fbed[disabled], .c549c15f9fbed:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca221c46654a3, .c86f6b26528b3 button, .c27fecdcc285b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca221c46654a3 svg, .c86f6b26528b3 button svg, .c27fecdcc285b svg,
.ca221c46654a3 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca221c46654a3:focus-visible, .c86f6b26528b3 button:focus-visible, .c27fecdcc285b:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca221c46654a3:focus-visible svg, .c86f6b26528b3 button:focus-visible svg, .c27fecdcc285b:focus-visible svg,
.ca221c46654a3:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca221c46654a3:hover, .c86f6b26528b3 button:hover, .c27fecdcc285b:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca221c46654a3:hover svg, .c86f6b26528b3 button:hover svg, .c27fecdcc285b:hover svg,
.ca221c46654a3:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca221c46654a3:active, .c86f6b26528b3 button:active, .c27fecdcc285b:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca221c46654a3:active svg, .c86f6b26528b3 button:active svg, .c27fecdcc285b:active svg,
.ca221c46654a3:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca221c46654a3.disabled, .c86f6b26528b3 button.disabled, .c27fecdcc285b.disabled, .ca221c46654a3[disabled], .c86f6b26528b3 button[disabled], [disabled].c27fecdcc285b, .ca221c46654a3:disabled, .c86f6b26528b3 button:disabled, .c27fecdcc285b:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca221c46654a3.disabled svg, .c86f6b26528b3 button.disabled svg, .c27fecdcc285b.disabled svg,
.ca221c46654a3.disabled span svg, .ca221c46654a3[disabled] svg, .c86f6b26528b3 button[disabled] svg, [disabled].c27fecdcc285b svg,
.ca221c46654a3[disabled] span svg, .ca221c46654a3:disabled svg, .c86f6b26528b3 button:disabled svg, .c27fecdcc285b:disabled svg,
.ca221c46654a3:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ce29264867a66 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ce29264867a66 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c087c6ef4c2f5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c087c6ef4c2f5 svg,
.c087c6ef4c2f5 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c087c6ef4c2f5:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c087c6ef4c2f5:focus-visible svg,
.c087c6ef4c2f5:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c087c6ef4c2f5:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c087c6ef4c2f5:hover svg,
.c087c6ef4c2f5:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c087c6ef4c2f5:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c087c6ef4c2f5:active svg,
.c087c6ef4c2f5:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cce0571eea483 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.caf4a23dad1f7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce17688859a14 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ce17688859a14:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ce17688859a14:focus-visible svg,
.ce17688859a14:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ce17688859a14:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ce17688859a14:active {
  border: none;
  background-color: transparent;
}

.cddacc3c5a112, .c27fecdcc285b svg, .c1a43303c7a34, .c686bcbfc6ad2 span svg, .c86f6b26528b3 button svg, .c5eb5179324bb.intermediate svg, .ca3760920169d label span.intermediate svg, .c5eb5179324bb.checked svg, .ca3760920169d label span.checked svg, .cb316955a55cf span svg,
.cb316955a55cf label svg, .c215034ac87c8 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cec7498102f21 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cec7498102f21:hover {
  fill: none;
  stroke: none;
}

.c1a43303c7a34, .c686bcbfc6ad2 span svg, .c86f6b26528b3 button svg, .c5eb5179324bb.intermediate svg, .ca3760920169d label span.intermediate svg, .c5eb5179324bb.checked svg, .ca3760920169d label span.checked svg, .cb316955a55cf span svg,
.cb316955a55cf label svg, .c215034ac87c8 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cbfdbcc8c0303 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cbfdbcc8c0303:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cc9e7d19d6f38, .c18c08afc5aa0 input, .ce85d6994ca45 input, .cb316955a55cf input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cc9e7d19d6f38, .c18c08afc5aa0 input, .ce85d6994ca45 input, .cb316955a55cf input {
    height: 23px;
  }
}
.cc9e7d19d6f38, .c18c08afc5aa0 input, .ce85d6994ca45 input, .cb316955a55cf input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cc9e7d19d6f38[disabled], .c18c08afc5aa0 input[disabled], .ce85d6994ca45 input[disabled], .cb316955a55cf input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c215034ac87c8 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cfae4e80e0f5e, .cb316955a55cf span,
.cb316955a55cf label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cfae4e80e0f5e, .cb316955a55cf span,
  .cb316955a55cf label {
    height: 25px;
  }
}
.cfae4e80e0f5e, .cb316955a55cf span,
.cb316955a55cf label {
  color: var(--input-foreground-color);
}

.cb316955a55cf {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb316955a55cf {
    height: 25px;
    font-size: 10px;
  }
}
.cb316955a55cf {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cb316955a55cf span svg,
.cb316955a55cf label svg {
  color: var(--input-foreground-color);
}
.cb316955a55cf ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cb316955a55cf ::placeholder {
  color: var(--input-placeholder-color);
}
.cb316955a55cf:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb316955a55cf:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cb316955a55cf:hover span {
  color: var(--input-foreground-color-hover);
}
.cb316955a55cf:hover input {
  color: var(--input-foreground-color-hover);
}
.cb316955a55cf:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cb316955a55cf:active span {
  color: var(--input-foreground-color-active);
}
.cb316955a55cf:active input {
  color: var(--input-foreground-color-active);
}
.cb316955a55cf:focus, .cb316955a55cf:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb316955a55cf:focus span, .cb316955a55cf:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cb316955a55cf:focus input, .cb316955a55cf:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cb316955a55cf:focus:hover, .cb316955a55cf:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb316955a55cf:focus:hover span, .cb316955a55cf:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cb316955a55cf:focus:hover input, .cb316955a55cf:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ce85d6994ca45 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ce85d6994ca45 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ce85d6994ca45 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce85d6994ca45 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce85d6994ca45:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ce85d6994ca45:focus-within input, .ce85d6994ca45:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cbad3e4d532d4, .c18c08afc5aa0.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cbad3e4d532d4 input, .c18c08afc5aa0.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cbad3e4d532d4 span svg, .c18c08afc5aa0.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c5eb5179324bb, .ca3760920169d label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c5eb5179324bb svg, .ca3760920169d label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c5eb5179324bb:hover, .ca3760920169d label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5eb5179324bb:focus, .ca3760920169d label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c5eb5179324bb.checked, .ca3760920169d label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c5eb5179324bb.checked svg, .ca3760920169d label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c5eb5179324bb.intermediate, .ca3760920169d label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c5eb5179324bb.intermediate svg, .ca3760920169d label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c5eb5179324bb.unchecked, .ca3760920169d label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c5eb5179324bb.unchecked svg, .ca3760920169d label span.unchecked svg {
  display: none;
}

.ca3760920169d {
  display: flex;
  align-items: center;
}
.ca3760920169d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ca3760920169d label input {
  margin: 0;
}
.ca3760920169d label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca3760920169d label:focus span, .ca3760920169d label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c18c08afc5aa0 {
  display: flex;
  flex-direction: column;
}
.c18c08afc5aa0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c18c08afc5aa0 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c18c08afc5aa0 input:focus-within input, .c18c08afc5aa0 input:active input {
  color: var(--input-foreground-color-active);
}
.c18c08afc5aa0 input:focus-within, .c18c08afc5aa0 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c18c08afc5aa0.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c9733ee9f814f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cc429f01f9d48 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ca4a4c127e125 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c27fecdcc285b {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c491bd44277a6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c187bd641c130 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c59e15dc2e6a9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c840547091398 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ca7e488bf26ee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cdb6340e00446 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cdb6340e00446:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c00d43c04ff02 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c20ea5e34b9f7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cf2e6c2ce0631 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c0cd87130c768 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c1462b3642e2e {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c1462b3642e2e:hover, .c1462b3642e2e:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c86f6b26528b3 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c86f6b26528b3 button {
  display: none;
}
.c86f6b26528b3 button svg {
  stroke: var(--icon-foreground);
}
.c86f6b26528b3:hover button {
  display: flex;
}

.c19c320f4596f {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c19c320f4596f .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c19c320f4596f .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c68cd5520ef1b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c68cd5520ef1b:hover div {
  color: var(--entry-foreground-color-hover);
}

.c0cdd5fd1264b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c50321c7be6dd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c50321c7be6dd:hover {
  background-color: var(--menu-background-color-hover);
}

.c686bcbfc6ad2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c686bcbfc6ad2 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c686bcbfc6ad2 span svg {
  stroke: var(--icon-foreground);
}
.c686bcbfc6ad2:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c686bcbfc6ad2:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.caec50556d141 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cabb3ee1a2331 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c21cbb4695755,
.c1370c9d0e2e0 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c97a48b334c3e .c21cbb4695755,
.c97a48b334c3e .c1370c9d0e2e0 {
  transform: scale(1);
}

.c95229bfb9166 .c21cbb4695755,
.c95229bfb9166 .c1370c9d0e2e0 {
  transform: scale(0);
}

.c70308d4d6884 {
  width: 100%;
  height: 100%;
  grid-column: 1/span 2;
  grid-row: 1/span 2;
  z-index: 1000;
  pointer-events: none;
  overflow: hidden;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  position: absolute;
}

.c7d9ac39bbef0 {
  position: absolute;
}
@keyframes c92262e486ae3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c65bf56dc6809 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c65bf56dc6809:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c65bf56dc6809 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c65bf56dc6809 ::-webkit-scrollbar-track,
.c65bf56dc6809 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c65bf56dc6809 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c65bf56dc6809 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c65bf56dc6809 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c65bf56dc6809 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c65bf56dc6809 ::placeholder,
.c65bf56dc6809 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c9c2c2b433095, .cb1a742c44765, .c3719f13ff159, .cabc3f21cc771 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c9c2c2b433095 svg, .cb1a742c44765 svg, .c3719f13ff159 svg, .cabc3f21cc771 svg,
.c9c2c2b433095 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c9c2c2b433095:focus-visible, .cb1a742c44765:focus-visible, .c3719f13ff159:focus-visible, .cabc3f21cc771:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c9c2c2b433095:focus-visible svg, .cb1a742c44765:focus-visible svg, .c3719f13ff159:focus-visible svg, .cabc3f21cc771:focus-visible svg,
.c9c2c2b433095:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c9c2c2b433095:hover, .cb1a742c44765:hover, .c3719f13ff159:hover, .cabc3f21cc771:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c9c2c2b433095:hover svg, .cb1a742c44765:hover svg, .c3719f13ff159:hover svg, .cabc3f21cc771:hover svg,
.c9c2c2b433095:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c9c2c2b433095:active, .cb1a742c44765:active, .c3719f13ff159:active, .cabc3f21cc771:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c9c2c2b433095:active svg, .cb1a742c44765:active svg, .c3719f13ff159:active svg, .cabc3f21cc771:active svg,
.c9c2c2b433095:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c9c2c2b433095.disabled, .cb1a742c44765.disabled, .c3719f13ff159.disabled, .cabc3f21cc771.disabled, .c9c2c2b433095[disabled], [disabled].cb1a742c44765, [disabled].c3719f13ff159, [disabled].cabc3f21cc771, .c9c2c2b433095:disabled, .cb1a742c44765:disabled, .c3719f13ff159:disabled, .cabc3f21cc771:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c891eb9b18c64, .ce46ec4732bff, .c75489cc031c4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c891eb9b18c64 svg, .ce46ec4732bff svg, .c75489cc031c4 svg,
.c891eb9b18c64 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c891eb9b18c64:focus-visible, .ce46ec4732bff:focus-visible, .c75489cc031c4:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c891eb9b18c64:focus-visible svg, .ce46ec4732bff:focus-visible svg, .c75489cc031c4:focus-visible svg,
.c891eb9b18c64:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c891eb9b18c64:hover, .ce46ec4732bff:hover, .c75489cc031c4:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c891eb9b18c64:hover svg, .ce46ec4732bff:hover svg, .c75489cc031c4:hover svg,
.c891eb9b18c64:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c891eb9b18c64:active, .ce46ec4732bff:active, .c75489cc031c4:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c891eb9b18c64:active svg, .ce46ec4732bff:active svg, .c75489cc031c4:active svg,
.c891eb9b18c64:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c891eb9b18c64.disabled, .ce46ec4732bff.disabled, .c75489cc031c4.disabled, .c891eb9b18c64[disabled], [disabled].ce46ec4732bff, [disabled].c75489cc031c4, .c891eb9b18c64:disabled, .ce46ec4732bff:disabled, .c75489cc031c4:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c017b6827a940 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c017b6827a940 svg,
.c017b6827a940 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c017b6827a940:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c017b6827a940:focus-visible svg,
.c017b6827a940:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c017b6827a940:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c017b6827a940:hover svg,
.c017b6827a940:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c017b6827a940:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c017b6827a940:active svg,
.c017b6827a940:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c017b6827a940.disabled, .c017b6827a940[disabled], .c017b6827a940:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8c42486ff07d, .ce43457dee798, .c2bbf53c180c2 button, .c14b8bea56cf1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c8c42486ff07d svg, .ce43457dee798 svg, .c2bbf53c180c2 button svg, .c14b8bea56cf1 svg,
.c8c42486ff07d span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c8c42486ff07d:focus-visible, .ce43457dee798:focus-visible, .c2bbf53c180c2 button:focus-visible, .c14b8bea56cf1:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c8c42486ff07d:focus-visible svg, .ce43457dee798:focus-visible svg, .c2bbf53c180c2 button:focus-visible svg, .c14b8bea56cf1:focus-visible svg,
.c8c42486ff07d:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c8c42486ff07d:hover, .ce43457dee798:hover, .c2bbf53c180c2 button:hover, .c14b8bea56cf1:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c8c42486ff07d:hover svg, .ce43457dee798:hover svg, .c2bbf53c180c2 button:hover svg, .c14b8bea56cf1:hover svg,
.c8c42486ff07d:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c8c42486ff07d:active, .ce43457dee798:active, .c2bbf53c180c2 button:active, .c14b8bea56cf1:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c8c42486ff07d:active svg, .ce43457dee798:active svg, .c2bbf53c180c2 button:active svg, .c14b8bea56cf1:active svg,
.c8c42486ff07d:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c8c42486ff07d.disabled, .ce43457dee798.disabled, .c2bbf53c180c2 button.disabled, .c14b8bea56cf1.disabled, .c8c42486ff07d[disabled], [disabled].ce43457dee798, .c2bbf53c180c2 button[disabled], [disabled].c14b8bea56cf1, .c8c42486ff07d:disabled, .ce43457dee798:disabled, .c2bbf53c180c2 button:disabled, .c14b8bea56cf1:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c8c42486ff07d.disabled svg, .ce43457dee798.disabled svg, .c2bbf53c180c2 button.disabled svg, .c14b8bea56cf1.disabled svg,
.c8c42486ff07d.disabled span svg, .c8c42486ff07d[disabled] svg, [disabled].ce43457dee798 svg, .c2bbf53c180c2 button[disabled] svg, [disabled].c14b8bea56cf1 svg,
.c8c42486ff07d[disabled] span svg, .c8c42486ff07d:disabled svg, .ce43457dee798:disabled svg, .c2bbf53c180c2 button:disabled svg, .c14b8bea56cf1:disabled svg,
.c8c42486ff07d:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c45eed40bfcf8 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c45eed40bfcf8 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c18e1aa637966 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c18e1aa637966 svg,
.c18e1aa637966 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c18e1aa637966:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c18e1aa637966:focus-visible svg,
.c18e1aa637966:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c18e1aa637966:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c18e1aa637966:hover svg,
.c18e1aa637966:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c18e1aa637966:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c18e1aa637966:active svg,
.c18e1aa637966:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cbf906701cb1f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cf25307aa1f70 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c92e071351f40 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c92e071351f40:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c92e071351f40:focus-visible svg,
.c92e071351f40:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c92e071351f40:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c92e071351f40:active {
  border: none;
  background-color: transparent;
}

.c1d599c902d8b, .ce43457dee798 svg, .c14b8bea56cf1 svg, .c5d43f07a2f4d, .c6ccd5500fd7c span svg, .c2bbf53c180c2 button svg, .c5fa5268c8d4e.intermediate svg, .cf0e630149ad3 label span.intermediate svg, .c5fa5268c8d4e.checked svg, .cf0e630149ad3 label span.checked svg, .ce8d9a7c26f43 span svg,
.ce8d9a7c26f43 label svg, .cd11957bd6e72 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cd8524e45dac3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cd8524e45dac3:hover {
  fill: none;
  stroke: none;
}

.c5d43f07a2f4d, .c6ccd5500fd7c span svg, .c2bbf53c180c2 button svg, .c5fa5268c8d4e.intermediate svg, .cf0e630149ad3 label span.intermediate svg, .c5fa5268c8d4e.checked svg, .cf0e630149ad3 label span.checked svg, .ce8d9a7c26f43 span svg,
.ce8d9a7c26f43 label svg, .cd11957bd6e72 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c8c0771f2a528 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c8c0771f2a528:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c43fb9f455a07, .c7e0bb101b006 input, .ce6828f225332 input, .ce8d9a7c26f43 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c43fb9f455a07, .c7e0bb101b006 input, .ce6828f225332 input, .ce8d9a7c26f43 input {
    height: 23px;
  }
}
.c43fb9f455a07, .c7e0bb101b006 input, .ce6828f225332 input, .ce8d9a7c26f43 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c43fb9f455a07[disabled], .c7e0bb101b006 input[disabled], .ce6828f225332 input[disabled], .ce8d9a7c26f43 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cd11957bd6e72 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c68444fb56e28, .ce8d9a7c26f43 span,
.ce8d9a7c26f43 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c68444fb56e28, .ce8d9a7c26f43 span,
  .ce8d9a7c26f43 label {
    height: 25px;
  }
}
.c68444fb56e28, .ce8d9a7c26f43 span,
.ce8d9a7c26f43 label {
  color: var(--input-foreground-color);
}

.ce8d9a7c26f43 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce8d9a7c26f43 {
    height: 25px;
    font-size: 10px;
  }
}
.ce8d9a7c26f43 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ce8d9a7c26f43 span svg,
.ce8d9a7c26f43 label svg {
  color: var(--input-foreground-color);
}
.ce8d9a7c26f43 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ce8d9a7c26f43 ::placeholder {
  color: var(--input-placeholder-color);
}
.ce8d9a7c26f43:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce8d9a7c26f43:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ce8d9a7c26f43:hover span {
  color: var(--input-foreground-color-hover);
}
.ce8d9a7c26f43:hover input {
  color: var(--input-foreground-color-hover);
}
.ce8d9a7c26f43:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ce8d9a7c26f43:active span {
  color: var(--input-foreground-color-active);
}
.ce8d9a7c26f43:active input {
  color: var(--input-foreground-color-active);
}
.ce8d9a7c26f43:focus, .ce8d9a7c26f43:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce8d9a7c26f43:focus span, .ce8d9a7c26f43:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ce8d9a7c26f43:focus input, .ce8d9a7c26f43:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ce8d9a7c26f43:focus:hover, .ce8d9a7c26f43:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce8d9a7c26f43:focus:hover span, .ce8d9a7c26f43:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ce8d9a7c26f43:focus:hover input, .ce8d9a7c26f43:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ce6828f225332 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ce6828f225332 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ce6828f225332 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce6828f225332 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce6828f225332:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ce6828f225332:focus-within input, .ce6828f225332:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cc238afba19ee, .c7e0bb101b006.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cc238afba19ee input, .c7e0bb101b006.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cc238afba19ee span svg, .c7e0bb101b006.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c5fa5268c8d4e, .cf0e630149ad3 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c5fa5268c8d4e svg, .cf0e630149ad3 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c5fa5268c8d4e:hover, .cf0e630149ad3 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5fa5268c8d4e:focus, .cf0e630149ad3 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c5fa5268c8d4e.checked, .cf0e630149ad3 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c5fa5268c8d4e.checked svg, .cf0e630149ad3 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c5fa5268c8d4e.intermediate, .cf0e630149ad3 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c5fa5268c8d4e.intermediate svg, .cf0e630149ad3 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c5fa5268c8d4e.unchecked, .cf0e630149ad3 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c5fa5268c8d4e.unchecked svg, .cf0e630149ad3 label span.unchecked svg {
  display: none;
}

.cf0e630149ad3 {
  display: flex;
  align-items: center;
}
.cf0e630149ad3 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cf0e630149ad3 label input {
  margin: 0;
}
.cf0e630149ad3 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf0e630149ad3 label:focus span, .cf0e630149ad3 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c7e0bb101b006 {
  display: flex;
  flex-direction: column;
}
.c7e0bb101b006 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c7e0bb101b006 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c7e0bb101b006 input:focus-within input, .c7e0bb101b006 input:active input {
  color: var(--input-foreground-color-active);
}
.c7e0bb101b006 input:focus-within, .c7e0bb101b006 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c7e0bb101b006.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cfe1bfedfb244 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c23e356355f03 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cea3166441d92 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c14b8bea56cf1 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c75e99d1a33c6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ca72740a3c95f {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c75489cc031c4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cabc3f21cc771 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3719f13ff159 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c516c92356eb4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c516c92356eb4:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c13c17cc64d38 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c3983d23a0ca9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c1e3a0609d603 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cba027ae164ff {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c98f5bb2f5230 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c98f5bb2f5230:hover, .c98f5bb2f5230:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c2bbf53c180c2 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c2bbf53c180c2 button {
  display: none;
}
.c2bbf53c180c2 button svg {
  stroke: var(--icon-foreground);
}
.c2bbf53c180c2:hover button {
  display: flex;
}

.c081d72173a17 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c081d72173a17 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c081d72173a17 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c84c8e31e2dbd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c84c8e31e2dbd:hover div {
  color: var(--entry-foreground-color-hover);
}

.c1867a329a363 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c6adf5390f1c4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c6adf5390f1c4:hover {
  background-color: var(--menu-background-color-hover);
}

.c6ccd5500fd7c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c6ccd5500fd7c span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c6ccd5500fd7c span svg {
  stroke: var(--icon-foreground);
}
.c6ccd5500fd7c:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c6ccd5500fd7c:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c8ea071d0d7b4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c5b20004c5e6f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ce9ba94cb41b4,
.c6481619123b5 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c30f619ef0eb5 .ce9ba94cb41b4,
.c30f619ef0eb5 .c6481619123b5 {
  transform: scale(1);
}

.cdc1939df04ae .ce9ba94cb41b4,
.cdc1939df04ae .c6481619123b5 {
  transform: scale(0);
}

.c51534f9aa5db .cdedb8104cc1e {
  fill: var(--grid-editor-marker-color);
}
.c51534f9aa5db .c7b8a027d2313 {
  fill: var(--app-white);
  font-size: calc(0.75rem / var(--zoom));
  font-family: worksans;
}

.c521b78deeecf {
  cursor: grab;
  width: 100%;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.c4729fd5f9cd0 {
  fill: var(--grid-editor-marker-color);
}

.c4b5efc9e3288 {
  flex: 1;
  background: none;
  border: 0;
  color: var(--grid-editor-marker-text);
  font-family: worksans;
  font-size: calc(0.75rem / var(--zoom));
  font-weight: 400;
  margin: 0;
  max-width: calc(3.75rem / var(--zoom));
  padding: 0;
  padding: calc(0.25rem / var(--zoom));
  text-align: center;
}
.c4b5efc9e3288:focus {
  outline: none;
}

.c7af36d32f584 {
  background: none;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(0.375rem / var(--zoom));
  right: calc(1.25rem / var(--zoom));
  width: calc(1.25rem / var(--zoom));
  height: calc(1.25rem / var(--zoom));
}
.c7af36d32f584 svg {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem / var(--zoom));
  height: auto;
  stroke: var(--grid-editor-marker-color);
}

.c1fbf71222367 {
  fill: var(--grid-editor-marker-color);
  fill-opacity: 0.1;
}

.c313acde81d74 {
  cursor: pointer;
  opacity: 0.5;
}
.c313acde81d74 .c54821f4f66a3 {
  fill: var(--grid-editor-plus-btn-background);
  stroke: var(--grid-editor-plus-btn-background);
  stroke-width: calc(1px / var(--zoom));
}
.c313acde81d74 .cb70c34e8c08e {
  stroke: var(--grid-editor-plus-btn-foreground);
}
.c313acde81d74:hover {
  opacity: 1;
}

.ca65ba5d4045c {
  fill: transparent;
  stroke: var(--grid-editor-line-color);
  stroke-opacity: 0.5;
  stroke-width: calc(1 / var(--zoom));
}
.ca65ba5d4045c.c646958b7850d, .ca65ba5d4045c.c6de377897e35 {
  stroke-opacity: 1;
  stroke-width: calc(2 / var(--zoom));
}

.ca65802ad62c2 {
  pointer-events: none;
  position: absolute;
  top: 2.75rem;
  left: 50%;
  z-index: 20;
}

.c3358a53f7a08 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  background: var(--panel-background-color);
  border-radius: 12px;
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  gap: 0.5rem;
  height: 3rem;
  margin-left: -50%;
  padding: 0.5rem;
  cursor: initial;
  pointer-events: initial;
  width: 32rem;
}

.c8517dead1822 {
  flex: 1;
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
  padding-left: 0.5rem;
}

.ce46ec4732bff {
  text-transform: uppercase;
  padding: 0.5rem 1.25rem;
  font-size: 0.688rem;
}

.cb1a742c44765 {
  text-transform: uppercase;
  padding: 0.5rem 1.25rem;
  font-size: 0.688rem;
}
@keyframes cd87cbcb1b9f6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.caede96bdf7de {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.caede96bdf7de:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.caede96bdf7de ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.caede96bdf7de ::-webkit-scrollbar-track,
.caede96bdf7de ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.caede96bdf7de ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.caede96bdf7de ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.caede96bdf7de ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.caede96bdf7de ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.caede96bdf7de ::placeholder,
.caede96bdf7de ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cb0ad890fa868, .c035704749646, .c1a2f62d6ca06 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cb0ad890fa868 svg, .c035704749646 svg, .c1a2f62d6ca06 svg,
.cb0ad890fa868 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cb0ad890fa868:focus-visible, .c035704749646:focus-visible, .c1a2f62d6ca06:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cb0ad890fa868:focus-visible svg, .c035704749646:focus-visible svg, .c1a2f62d6ca06:focus-visible svg,
.cb0ad890fa868:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cb0ad890fa868:hover, .c035704749646:hover, .c1a2f62d6ca06:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cb0ad890fa868:hover svg, .c035704749646:hover svg, .c1a2f62d6ca06:hover svg,
.cb0ad890fa868:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cb0ad890fa868:active, .c035704749646:active, .c1a2f62d6ca06:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cb0ad890fa868:active svg, .c035704749646:active svg, .c1a2f62d6ca06:active svg,
.cb0ad890fa868:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cb0ad890fa868.disabled, .c035704749646.disabled, .c1a2f62d6ca06.disabled, .cb0ad890fa868[disabled], [disabled].c035704749646, [disabled].c1a2f62d6ca06, .cb0ad890fa868:disabled, .c035704749646:disabled, .c1a2f62d6ca06:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc7b0a2c7f1ab, .c86f0f91cdec8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cc7b0a2c7f1ab svg, .c86f0f91cdec8 svg,
.cc7b0a2c7f1ab span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cc7b0a2c7f1ab:focus-visible, .c86f0f91cdec8:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cc7b0a2c7f1ab:focus-visible svg, .c86f0f91cdec8:focus-visible svg,
.cc7b0a2c7f1ab:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cc7b0a2c7f1ab:hover, .c86f0f91cdec8:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cc7b0a2c7f1ab:hover svg, .c86f0f91cdec8:hover svg,
.cc7b0a2c7f1ab:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cc7b0a2c7f1ab:active, .c86f0f91cdec8:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cc7b0a2c7f1ab:active svg, .c86f0f91cdec8:active svg,
.cc7b0a2c7f1ab:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cc7b0a2c7f1ab.disabled, .c86f0f91cdec8.disabled, .cc7b0a2c7f1ab[disabled], [disabled].c86f0f91cdec8, .cc7b0a2c7f1ab:disabled, .c86f0f91cdec8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca4c723a8b142 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ca4c723a8b142 svg,
.ca4c723a8b142 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ca4c723a8b142:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca4c723a8b142:focus-visible svg,
.ca4c723a8b142:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca4c723a8b142:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ca4c723a8b142:hover svg,
.ca4c723a8b142:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ca4c723a8b142:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ca4c723a8b142:active svg,
.ca4c723a8b142:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ca4c723a8b142.disabled, .ca4c723a8b142[disabled], .ca4c723a8b142:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9f20fe83c3af, .c0d436fc21c2b, .c4670c4859f03, .c849e2df9c4b1 button, .cac9db0d50722 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c9f20fe83c3af svg, .c0d436fc21c2b svg, .c4670c4859f03 svg, .c849e2df9c4b1 button svg, .cac9db0d50722 svg,
.c9f20fe83c3af span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c9f20fe83c3af:focus-visible, .c0d436fc21c2b:focus-visible, .c4670c4859f03:focus-visible, .c849e2df9c4b1 button:focus-visible, .cac9db0d50722:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c9f20fe83c3af:focus-visible svg, .c0d436fc21c2b:focus-visible svg, .c4670c4859f03:focus-visible svg, .c849e2df9c4b1 button:focus-visible svg, .cac9db0d50722:focus-visible svg,
.c9f20fe83c3af:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c9f20fe83c3af:hover, .c0d436fc21c2b:hover, .c4670c4859f03:hover, .c849e2df9c4b1 button:hover, .cac9db0d50722:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c9f20fe83c3af:hover svg, .c0d436fc21c2b:hover svg, .c4670c4859f03:hover svg, .c849e2df9c4b1 button:hover svg, .cac9db0d50722:hover svg,
.c9f20fe83c3af:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c9f20fe83c3af:active, .c0d436fc21c2b:active, .c4670c4859f03:active, .c849e2df9c4b1 button:active, .cac9db0d50722:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c9f20fe83c3af:active svg, .c0d436fc21c2b:active svg, .c4670c4859f03:active svg, .c849e2df9c4b1 button:active svg, .cac9db0d50722:active svg,
.c9f20fe83c3af:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c9f20fe83c3af.disabled, .c0d436fc21c2b.disabled, .c4670c4859f03.disabled, .c849e2df9c4b1 button.disabled, .cac9db0d50722.disabled, .c9f20fe83c3af[disabled], [disabled].c0d436fc21c2b, [disabled].c4670c4859f03, .c849e2df9c4b1 button[disabled], [disabled].cac9db0d50722, .c9f20fe83c3af:disabled, .c0d436fc21c2b:disabled, .c4670c4859f03:disabled, .c849e2df9c4b1 button:disabled, .cac9db0d50722:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c9f20fe83c3af.disabled svg, .c0d436fc21c2b.disabled svg, .c4670c4859f03.disabled svg, .c849e2df9c4b1 button.disabled svg, .cac9db0d50722.disabled svg,
.c9f20fe83c3af.disabled span svg, .c9f20fe83c3af[disabled] svg, [disabled].c0d436fc21c2b svg, [disabled].c4670c4859f03 svg, .c849e2df9c4b1 button[disabled] svg, [disabled].cac9db0d50722 svg,
.c9f20fe83c3af[disabled] span svg, .c9f20fe83c3af:disabled svg, .c0d436fc21c2b:disabled svg, .c4670c4859f03:disabled svg, .c849e2df9c4b1 button:disabled svg, .cac9db0d50722:disabled svg,
.c9f20fe83c3af:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c43b21ed4fa27 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c43b21ed4fa27 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c57acb94b417d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c57acb94b417d svg,
.c57acb94b417d span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c57acb94b417d:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c57acb94b417d:focus-visible svg,
.c57acb94b417d:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c57acb94b417d:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c57acb94b417d:hover svg,
.c57acb94b417d:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c57acb94b417d:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c57acb94b417d:active svg,
.c57acb94b417d:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ce8bbb02a8871 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ce620ff177250 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c113e5eaa84a3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c113e5eaa84a3:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c113e5eaa84a3:focus-visible svg,
.c113e5eaa84a3:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c113e5eaa84a3:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c113e5eaa84a3:active {
  border: none;
  background-color: transparent;
}

.c9a67b09b576c, .c0d436fc21c2b .cd041f4661963, .c4670c4859f03 .cd041f4661963, .cac9db0d50722 svg, .cc6566bbdf5c0, .ce5e50ce062b4 span svg, .c849e2df9c4b1 button svg, .cce92073ef468.intermediate svg, .ce62f224d3994 label span.intermediate svg, .cce92073ef468.checked svg, .ce62f224d3994 label span.checked svg, .c32e893ce3121 span svg,
.c32e893ce3121 label svg, .cf6f72893b434 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cda0ab552cbf5 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cda0ab552cbf5:hover {
  fill: none;
  stroke: none;
}

.cc6566bbdf5c0, .ce5e50ce062b4 span svg, .c849e2df9c4b1 button svg, .cce92073ef468.intermediate svg, .ce62f224d3994 label span.intermediate svg, .cce92073ef468.checked svg, .ce62f224d3994 label span.checked svg, .c32e893ce3121 span svg,
.c32e893ce3121 label svg, .cf6f72893b434 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c59b89df0a8f4 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c59b89df0a8f4:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cce8c735b26cb, .c60f40ca3ddfb input, .c96f212493d68 input, .c32e893ce3121 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cce8c735b26cb, .c60f40ca3ddfb input, .c96f212493d68 input, .c32e893ce3121 input {
    height: 23px;
  }
}
.cce8c735b26cb, .c60f40ca3ddfb input, .c96f212493d68 input, .c32e893ce3121 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cce8c735b26cb[disabled], .c60f40ca3ddfb input[disabled], .c96f212493d68 input[disabled], .c32e893ce3121 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cf6f72893b434 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c29476649d219, .c32e893ce3121 span,
.c32e893ce3121 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c29476649d219, .c32e893ce3121 span,
  .c32e893ce3121 label {
    height: 25px;
  }
}
.c29476649d219, .c32e893ce3121 span,
.c32e893ce3121 label {
  color: var(--input-foreground-color);
}

.c32e893ce3121 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c32e893ce3121 {
    height: 25px;
    font-size: 10px;
  }
}
.c32e893ce3121 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c32e893ce3121 span svg,
.c32e893ce3121 label svg {
  color: var(--input-foreground-color);
}
.c32e893ce3121 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c32e893ce3121 ::placeholder {
  color: var(--input-placeholder-color);
}
.c32e893ce3121:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c32e893ce3121:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c32e893ce3121:hover span {
  color: var(--input-foreground-color-hover);
}
.c32e893ce3121:hover input {
  color: var(--input-foreground-color-hover);
}
.c32e893ce3121:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c32e893ce3121:active span {
  color: var(--input-foreground-color-active);
}
.c32e893ce3121:active input {
  color: var(--input-foreground-color-active);
}
.c32e893ce3121:focus, .c32e893ce3121:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c32e893ce3121:focus span, .c32e893ce3121:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c32e893ce3121:focus input, .c32e893ce3121:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c32e893ce3121:focus:hover, .c32e893ce3121:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c32e893ce3121:focus:hover span, .c32e893ce3121:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c32e893ce3121:focus:hover input, .c32e893ce3121:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c96f212493d68 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c96f212493d68 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c96f212493d68 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c96f212493d68 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c96f212493d68:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c96f212493d68:focus-within input, .c96f212493d68:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cbcb05ab42d0b, .c60f40ca3ddfb.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cbcb05ab42d0b input, .c60f40ca3ddfb.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cbcb05ab42d0b span svg, .c60f40ca3ddfb.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cce92073ef468, .ce62f224d3994 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cce92073ef468 svg, .ce62f224d3994 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cce92073ef468:hover, .ce62f224d3994 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cce92073ef468:focus, .ce62f224d3994 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cce92073ef468.checked, .ce62f224d3994 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cce92073ef468.checked svg, .ce62f224d3994 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cce92073ef468.intermediate, .ce62f224d3994 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cce92073ef468.intermediate svg, .ce62f224d3994 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cce92073ef468.unchecked, .ce62f224d3994 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cce92073ef468.unchecked svg, .ce62f224d3994 label span.unchecked svg {
  display: none;
}

.ce62f224d3994 {
  display: flex;
  align-items: center;
}
.ce62f224d3994 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ce62f224d3994 label input {
  margin: 0;
}
.ce62f224d3994 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ce62f224d3994 label:focus span, .ce62f224d3994 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c60f40ca3ddfb {
  display: flex;
  flex-direction: column;
}
.c60f40ca3ddfb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c60f40ca3ddfb input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c60f40ca3ddfb input:focus-within input, .c60f40ca3ddfb input:active input {
  color: var(--input-foreground-color-active);
}
.c60f40ca3ddfb input:focus-within, .c60f40ca3ddfb input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c60f40ca3ddfb.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c9b7938677803 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c8a5b2b4fa476 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c4eaec0d26dcc {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cac9db0d50722 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c16e80b2da794 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc901a66507c6 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c86f0f91cdec8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c1a2f62d6ca06 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c035704749646 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c27a63464ad77 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c27a63464ad77:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c48b394295580 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c7db279622d73 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cbd4a684524a0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cf4f951d7afef {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c3689da203ea6 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c3689da203ea6:hover, .c3689da203ea6:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c849e2df9c4b1 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c849e2df9c4b1 button {
  display: none;
}
.c849e2df9c4b1 button svg {
  stroke: var(--icon-foreground);
}
.c849e2df9c4b1:hover button {
  display: flex;
}

.cb58887ef5be7 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cb58887ef5be7 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cb58887ef5be7 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c8c1d6061ad77 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c8c1d6061ad77:hover div {
  color: var(--entry-foreground-color-hover);
}

.c92af72bf8521 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c1a0c1606801b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c1a0c1606801b:hover {
  background-color: var(--menu-background-color-hover);
}

.ce5e50ce062b4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ce5e50ce062b4 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ce5e50ce062b4 span svg {
  stroke: var(--icon-foreground);
}
.ce5e50ce062b4:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ce5e50ce062b4:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c31450df62b22 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c0e30b8bdd971 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c0415cae601d9,
.cfa5ed87fde52 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c282ab8d67cc2 .c0415cae601d9,
.c282ab8d67cc2 .cfa5ed87fde52 {
  transform: scale(1);
}

.c1865ee17f164 .c0415cae601d9,
.c1865ee17f164 .cfa5ed87fde52 {
  transform: scale(0);
}

.c8af287dffffe {
  cursor: initial;
  pointer-events: initial;
  position: absolute;
  top: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  height: 4.375rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  gap: 1rem;
  border: 0.125rem solid var(--panel-border-color);
  z-index: 3;
  background-color: var(--color-background-primary);
  transition: top 0.3s, height 0.3s, opacity 0.3s;
}

.cac1d189fbeaa {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.c0d436fc21c2b {
  --pathbar-icon-color: var(--color-select-text);
  height: 3.375rem;
  width: 3.375rem;
  flex-shrink: 0;
  background-color: transparent;
  border-radius: 0.5rem;
  border: none;
  margin: 0 0.125rem;
}
.c0d436fc21c2b.c7ecd2b46a201 {
  --pathbar-icon-color: var(--button-radio-foreground-color-active);
  background-color: var(--button-radio-background-color-active);
}
.c0d436fc21c2b .cd041f4661963 {
  height: 1.4375rem;
  width: 1.4375rem;
  stroke: var(--pathbar-icon-color);
}

.c4670c4859f03 {
  --pathbar-icon-color: var(--color-select-text);
  height: 3.375rem;
  width: 3.375rem;
  flex-shrink: 0;
  background-color: transparent;
  border-radius: 0.5rem;
  border: none;
  margin: 0 0.125rem;
}
.c4670c4859f03.c7ecd2b46a201 {
  --pathbar-icon-color: var(--button-radio-foreground-color-active);
  background-color: var(--button-radio-background-color-active);
}
.c4670c4859f03 .cd041f4661963 {
  stroke: none;
  height: 1.4375rem;
  width: 1.9375rem;
  color: var(--pathbar-icon-color);
}
.c4670c4859f03:hover svg,
.c4670c4859f03:hover span svg {
  stroke: none;
  color: var(--button-tertiary-foreground-color-hover);
}
.c4670c4859f03:active svg,
.c4670c4859f03:active span svg {
  stroke: none;
  color: var(--button-tertiary-foreground-color-hover);
}
.c4670c4859f03.disabled svg,
.c4670c4859f03.disabled span svg, .c4670c4859f03[disabled] svg,
.c4670c4859f03[disabled] span svg, .c4670c4859f03:disabled svg,
.c4670c4859f03:disabled span svg {
  stroke: none;
  color: var(--button-foreground-color-disabled);
}

@media (max-width: 1920px) {
  .c8af287dffffe {
    height: 60px;
  }
  .c0d436fc21c2b,
  .c4670c4859f03 {
    height: 44px;
    width: 44px;
  }
  .c0d436fc21c2b .cd041f4661963,
  .c4670c4859f03 .cd041f4661963 {
    height: 23px;
    width: 23px;
  }
}
@media (max-width: 1680px) {
  .c8af287dffffe {
    height: 56px;
  }
  .c0d436fc21c2b,
  .c4670c4859f03 {
    height: 40px;
    width: 40px;
  }
  .c0d436fc21c2b .cd041f4661963,
  .c4670c4859f03 .cd041f4661963 {
    height: 21px;
    width: 21px;
  }
}
.cde92f8bdc6bd {
  left: 0;
  pointer-events: initial;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@keyframes c351fd476173e {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cb9007dec9c72 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cb9007dec9c72:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cb9007dec9c72 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cb9007dec9c72 ::-webkit-scrollbar-track,
.cb9007dec9c72 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cb9007dec9c72 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cb9007dec9c72 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cb9007dec9c72 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb9007dec9c72 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb9007dec9c72 ::placeholder,
.cb9007dec9c72 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c4cd1126a49f0, .cfeaa23f7098d, .ca09459459e37 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c4cd1126a49f0 svg, .cfeaa23f7098d svg, .ca09459459e37 svg,
.c4cd1126a49f0 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c4cd1126a49f0:focus-visible, .cfeaa23f7098d:focus-visible, .ca09459459e37:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c4cd1126a49f0:focus-visible svg, .cfeaa23f7098d:focus-visible svg, .ca09459459e37:focus-visible svg,
.c4cd1126a49f0:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c4cd1126a49f0:hover, .cfeaa23f7098d:hover, .ca09459459e37:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c4cd1126a49f0:hover svg, .cfeaa23f7098d:hover svg, .ca09459459e37:hover svg,
.c4cd1126a49f0:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c4cd1126a49f0:active, .cfeaa23f7098d:active, .ca09459459e37:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c4cd1126a49f0:active svg, .cfeaa23f7098d:active svg, .ca09459459e37:active svg,
.c4cd1126a49f0:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c4cd1126a49f0.disabled, .cfeaa23f7098d.disabled, .ca09459459e37.disabled, .c4cd1126a49f0[disabled], [disabled].cfeaa23f7098d, [disabled].ca09459459e37, .c4cd1126a49f0:disabled, .cfeaa23f7098d:disabled, .ca09459459e37:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4c4195dc568b, .cbae70cc06b17 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c4c4195dc568b svg, .cbae70cc06b17 svg,
.c4c4195dc568b span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c4c4195dc568b:focus-visible, .cbae70cc06b17:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4c4195dc568b:focus-visible svg, .cbae70cc06b17:focus-visible svg,
.c4c4195dc568b:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4c4195dc568b:hover, .cbae70cc06b17:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c4c4195dc568b:hover svg, .cbae70cc06b17:hover svg,
.c4c4195dc568b:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c4c4195dc568b:active, .cbae70cc06b17:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c4c4195dc568b:active svg, .cbae70cc06b17:active svg,
.c4c4195dc568b:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c4c4195dc568b.disabled, .cbae70cc06b17.disabled, .c4c4195dc568b[disabled], [disabled].cbae70cc06b17, .c4c4195dc568b:disabled, .cbae70cc06b17:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce0e3f7515f80 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ce0e3f7515f80 svg,
.ce0e3f7515f80 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ce0e3f7515f80:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ce0e3f7515f80:focus-visible svg,
.ce0e3f7515f80:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ce0e3f7515f80:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ce0e3f7515f80:hover svg,
.ce0e3f7515f80:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ce0e3f7515f80:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ce0e3f7515f80:active svg,
.ce0e3f7515f80:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ce0e3f7515f80.disabled, .ce0e3f7515f80[disabled], .ce0e3f7515f80:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4537e12dc8b7, .c4bb31b7d9f13 button, .ce78f8fa240d7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c4537e12dc8b7 svg, .c4bb31b7d9f13 button svg, .ce78f8fa240d7 svg,
.c4537e12dc8b7 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c4537e12dc8b7:focus-visible, .c4bb31b7d9f13 button:focus-visible, .ce78f8fa240d7:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c4537e12dc8b7:focus-visible svg, .c4bb31b7d9f13 button:focus-visible svg, .ce78f8fa240d7:focus-visible svg,
.c4537e12dc8b7:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c4537e12dc8b7:hover, .c4bb31b7d9f13 button:hover, .ce78f8fa240d7:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c4537e12dc8b7:hover svg, .c4bb31b7d9f13 button:hover svg, .ce78f8fa240d7:hover svg,
.c4537e12dc8b7:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c4537e12dc8b7:active, .c4bb31b7d9f13 button:active, .ce78f8fa240d7:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c4537e12dc8b7:active svg, .c4bb31b7d9f13 button:active svg, .ce78f8fa240d7:active svg,
.c4537e12dc8b7:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c4537e12dc8b7.disabled, .c4bb31b7d9f13 button.disabled, .ce78f8fa240d7.disabled, .c4537e12dc8b7[disabled], .c4bb31b7d9f13 button[disabled], [disabled].ce78f8fa240d7, .c4537e12dc8b7:disabled, .c4bb31b7d9f13 button:disabled, .ce78f8fa240d7:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c4537e12dc8b7.disabled svg, .c4bb31b7d9f13 button.disabled svg, .ce78f8fa240d7.disabled svg,
.c4537e12dc8b7.disabled span svg, .c4537e12dc8b7[disabled] svg, .c4bb31b7d9f13 button[disabled] svg, [disabled].ce78f8fa240d7 svg,
.c4537e12dc8b7[disabled] span svg, .c4537e12dc8b7:disabled svg, .c4bb31b7d9f13 button:disabled svg, .ce78f8fa240d7:disabled svg,
.c4537e12dc8b7:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c51514edd265e {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c51514edd265e svg {
  color: var(--button-icon-foreground-color-selected);
}

.c26d7484ccb3b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c26d7484ccb3b svg,
.c26d7484ccb3b span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c26d7484ccb3b:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c26d7484ccb3b:focus-visible svg,
.c26d7484ccb3b:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c26d7484ccb3b:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c26d7484ccb3b:hover svg,
.c26d7484ccb3b:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c26d7484ccb3b:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c26d7484ccb3b:active svg,
.c26d7484ccb3b:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cd9e4c3673cff {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cc622c25abbb1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c28553a3fd2a0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c28553a3fd2a0:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c28553a3fd2a0:focus-visible svg,
.c28553a3fd2a0:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c28553a3fd2a0:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c28553a3fd2a0:active {
  border: none;
  background-color: transparent;
}

.c5d53222a5374, .ce78f8fa240d7 svg, .c01a79afdb2bc, .c4b94708f4e0b span svg, .c4bb31b7d9f13 button svg, .c68bb5b159867.intermediate svg, .c5bb3fce06cbd label span.intermediate svg, .c68bb5b159867.checked svg, .c5bb3fce06cbd label span.checked svg, .c41e992555b52 span svg,
.c41e992555b52 label svg, .ca034df420d24 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c495c9113cf5e {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c495c9113cf5e:hover {
  fill: none;
  stroke: none;
}

.c01a79afdb2bc, .c4b94708f4e0b span svg, .c4bb31b7d9f13 button svg, .c68bb5b159867.intermediate svg, .c5bb3fce06cbd label span.intermediate svg, .c68bb5b159867.checked svg, .c5bb3fce06cbd label span.checked svg, .c41e992555b52 span svg,
.c41e992555b52 label svg, .ca034df420d24 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cfd3b192aac25 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cfd3b192aac25:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c3aadb788d14d, .c709def077d58 input, .c67c4e7216161 input, .c41e992555b52 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c3aadb788d14d, .c709def077d58 input, .c67c4e7216161 input, .c41e992555b52 input {
    height: 23px;
  }
}
.c3aadb788d14d, .c709def077d58 input, .c67c4e7216161 input, .c41e992555b52 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c3aadb788d14d[disabled], .c709def077d58 input[disabled], .c67c4e7216161 input[disabled], .c41e992555b52 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ca034df420d24 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cd80d4bffb13a, .c41e992555b52 span,
.c41e992555b52 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd80d4bffb13a, .c41e992555b52 span,
  .c41e992555b52 label {
    height: 25px;
  }
}
.cd80d4bffb13a, .c41e992555b52 span,
.c41e992555b52 label {
  color: var(--input-foreground-color);
}

.c41e992555b52 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c41e992555b52 {
    height: 25px;
    font-size: 10px;
  }
}
.c41e992555b52 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c41e992555b52 span svg,
.c41e992555b52 label svg {
  color: var(--input-foreground-color);
}
.c41e992555b52 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c41e992555b52 ::placeholder {
  color: var(--input-placeholder-color);
}
.c41e992555b52:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c41e992555b52:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c41e992555b52:hover span {
  color: var(--input-foreground-color-hover);
}
.c41e992555b52:hover input {
  color: var(--input-foreground-color-hover);
}
.c41e992555b52:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c41e992555b52:active span {
  color: var(--input-foreground-color-active);
}
.c41e992555b52:active input {
  color: var(--input-foreground-color-active);
}
.c41e992555b52:focus, .c41e992555b52:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c41e992555b52:focus span, .c41e992555b52:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c41e992555b52:focus input, .c41e992555b52:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c41e992555b52:focus:hover, .c41e992555b52:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c41e992555b52:focus:hover span, .c41e992555b52:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c41e992555b52:focus:hover input, .c41e992555b52:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c67c4e7216161 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c67c4e7216161 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c67c4e7216161 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c67c4e7216161 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c67c4e7216161:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c67c4e7216161:focus-within input, .c67c4e7216161:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cebc9820eac89, .c709def077d58.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cebc9820eac89 input, .c709def077d58.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cebc9820eac89 span svg, .c709def077d58.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c68bb5b159867, .c5bb3fce06cbd label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c68bb5b159867 svg, .c5bb3fce06cbd label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c68bb5b159867:hover, .c5bb3fce06cbd label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c68bb5b159867:focus, .c5bb3fce06cbd label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c68bb5b159867.checked, .c5bb3fce06cbd label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c68bb5b159867.checked svg, .c5bb3fce06cbd label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c68bb5b159867.intermediate, .c5bb3fce06cbd label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c68bb5b159867.intermediate svg, .c5bb3fce06cbd label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c68bb5b159867.unchecked, .c5bb3fce06cbd label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c68bb5b159867.unchecked svg, .c5bb3fce06cbd label span.unchecked svg {
  display: none;
}

.c5bb3fce06cbd {
  display: flex;
  align-items: center;
}
.c5bb3fce06cbd label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c5bb3fce06cbd label input {
  margin: 0;
}
.c5bb3fce06cbd label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5bb3fce06cbd label:focus span, .c5bb3fce06cbd label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c709def077d58 {
  display: flex;
  flex-direction: column;
}
.c709def077d58 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c709def077d58 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c709def077d58 input:focus-within input, .c709def077d58 input:active input {
  color: var(--input-foreground-color-active);
}
.c709def077d58 input:focus-within, .c709def077d58 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c709def077d58.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c005da0e6002e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c6b791c521595 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c5f269f317dcf {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ce78f8fa240d7 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cf3a569aa35b2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.caae6ab0e57d9 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cbae70cc06b17 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ca09459459e37 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cfeaa23f7098d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cb5391266518b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cb5391266518b:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c14015b312704 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ccb7d22a889e3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c6cb610138d83 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c1e08782deb67 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c0fda07faae27 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c0fda07faae27:hover, .c0fda07faae27:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c4bb31b7d9f13 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c4bb31b7d9f13 button {
  display: none;
}
.c4bb31b7d9f13 button svg {
  stroke: var(--icon-foreground);
}
.c4bb31b7d9f13:hover button {
  display: flex;
}

.c5cc14f49a9de {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c5cc14f49a9de .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c5cc14f49a9de .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c1b7048e2d354 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c1b7048e2d354:hover div {
  color: var(--entry-foreground-color-hover);
}

.c357e280021cd {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cc5b8ee6113f0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cc5b8ee6113f0:hover {
  background-color: var(--menu-background-color-hover);
}

.c4b94708f4e0b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c4b94708f4e0b span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c4b94708f4e0b span svg {
  stroke: var(--icon-foreground);
}
.c4b94708f4e0b:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c4b94708f4e0b:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c5c36c7416f36 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c6cf33a3bcf3f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c5f47bc53fda1,
.c7fb551d3be0f {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cf35ee5dd313e .c5f47bc53fda1,
.cf35ee5dd313e .c7fb551d3be0f {
  transform: scale(1);
}

.c381b9286b723 .c5f47bc53fda1,
.c381b9286b723 .c7fb551d3be0f {
  transform: scale(0);
}

.cdebafd4918a6 {
  width: -moz-fit-content;
  width: fit-content;
  font-family: worksans;
  padding: 2px 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  height: 20px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.cd554cdbb20e2 {
  z-index: 10000;
  pointer-events: none;
}
@keyframes ca6a4101db909 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cb5b8f32d92af {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cb5b8f32d92af:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cb5b8f32d92af ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cb5b8f32d92af ::-webkit-scrollbar-track,
.cb5b8f32d92af ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cb5b8f32d92af ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cb5b8f32d92af ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cb5b8f32d92af ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb5b8f32d92af ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb5b8f32d92af ::placeholder,
.cb5b8f32d92af ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c5751ee3aa106, .c34e2f02469bf, .c2badd905beb7, .c31053ac7aae7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c5751ee3aa106 svg, .c34e2f02469bf svg, .c2badd905beb7 svg, .c31053ac7aae7 svg,
.c5751ee3aa106 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c5751ee3aa106:focus-visible, .c34e2f02469bf:focus-visible, .c2badd905beb7:focus-visible, .c31053ac7aae7:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c5751ee3aa106:focus-visible svg, .c34e2f02469bf:focus-visible svg, .c2badd905beb7:focus-visible svg, .c31053ac7aae7:focus-visible svg,
.c5751ee3aa106:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c5751ee3aa106:hover, .c34e2f02469bf:hover, .c2badd905beb7:hover, .c31053ac7aae7:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c5751ee3aa106:hover svg, .c34e2f02469bf:hover svg, .c2badd905beb7:hover svg, .c31053ac7aae7:hover svg,
.c5751ee3aa106:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c5751ee3aa106:active, .c34e2f02469bf:active, .c2badd905beb7:active, .c31053ac7aae7:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c5751ee3aa106:active svg, .c34e2f02469bf:active svg, .c2badd905beb7:active svg, .c31053ac7aae7:active svg,
.c5751ee3aa106:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c5751ee3aa106.disabled, .c34e2f02469bf.disabled, .c2badd905beb7.disabled, .c31053ac7aae7.disabled, .c5751ee3aa106[disabled], [disabled].c34e2f02469bf, [disabled].c2badd905beb7, [disabled].c31053ac7aae7, .c5751ee3aa106:disabled, .c34e2f02469bf:disabled, .c2badd905beb7:disabled, .c31053ac7aae7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cae16aa2712bc, .c4a90442de194 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cae16aa2712bc svg, .c4a90442de194 svg,
.cae16aa2712bc span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cae16aa2712bc:focus-visible, .c4a90442de194:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cae16aa2712bc:focus-visible svg, .c4a90442de194:focus-visible svg,
.cae16aa2712bc:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cae16aa2712bc:hover, .c4a90442de194:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cae16aa2712bc:hover svg, .c4a90442de194:hover svg,
.cae16aa2712bc:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cae16aa2712bc:active, .c4a90442de194:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cae16aa2712bc:active svg, .c4a90442de194:active svg,
.cae16aa2712bc:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cae16aa2712bc.disabled, .c4a90442de194.disabled, .cae16aa2712bc[disabled], [disabled].c4a90442de194, .cae16aa2712bc:disabled, .c4a90442de194:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ccea0667ec4a0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ccea0667ec4a0 svg,
.ccea0667ec4a0 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ccea0667ec4a0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ccea0667ec4a0:focus-visible svg,
.ccea0667ec4a0:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ccea0667ec4a0:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ccea0667ec4a0:hover svg,
.ccea0667ec4a0:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ccea0667ec4a0:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ccea0667ec4a0:active svg,
.ccea0667ec4a0:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ccea0667ec4a0.disabled, .ccea0667ec4a0[disabled], .ccea0667ec4a0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c01a6be5e5c28, .c05d9a55731af button, .c88eb9348895a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c01a6be5e5c28 svg, .c05d9a55731af button svg, .c88eb9348895a svg,
.c01a6be5e5c28 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c01a6be5e5c28:focus-visible, .c05d9a55731af button:focus-visible, .c88eb9348895a:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c01a6be5e5c28:focus-visible svg, .c05d9a55731af button:focus-visible svg, .c88eb9348895a:focus-visible svg,
.c01a6be5e5c28:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c01a6be5e5c28:hover, .c05d9a55731af button:hover, .c88eb9348895a:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c01a6be5e5c28:hover svg, .c05d9a55731af button:hover svg, .c88eb9348895a:hover svg,
.c01a6be5e5c28:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c01a6be5e5c28:active, .c05d9a55731af button:active, .c88eb9348895a:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c01a6be5e5c28:active svg, .c05d9a55731af button:active svg, .c88eb9348895a:active svg,
.c01a6be5e5c28:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c01a6be5e5c28.disabled, .c05d9a55731af button.disabled, .c88eb9348895a.disabled, .c01a6be5e5c28[disabled], .c05d9a55731af button[disabled], [disabled].c88eb9348895a, .c01a6be5e5c28:disabled, .c05d9a55731af button:disabled, .c88eb9348895a:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c01a6be5e5c28.disabled svg, .c05d9a55731af button.disabled svg, .c88eb9348895a.disabled svg,
.c01a6be5e5c28.disabled span svg, .c01a6be5e5c28[disabled] svg, .c05d9a55731af button[disabled] svg, [disabled].c88eb9348895a svg,
.c01a6be5e5c28[disabled] span svg, .c01a6be5e5c28:disabled svg, .c05d9a55731af button:disabled svg, .c88eb9348895a:disabled svg,
.c01a6be5e5c28:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c273015d9c988 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c273015d9c988 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c69e64ec32937 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c69e64ec32937 svg,
.c69e64ec32937 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c69e64ec32937:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c69e64ec32937:focus-visible svg,
.c69e64ec32937:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c69e64ec32937:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c69e64ec32937:hover svg,
.c69e64ec32937:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c69e64ec32937:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c69e64ec32937:active svg,
.c69e64ec32937:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c4ca99572c579 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c94d14ddcf224 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9ec2996ab88c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c9ec2996ab88c:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c9ec2996ab88c:focus-visible svg,
.c9ec2996ab88c:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c9ec2996ab88c:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c9ec2996ab88c:active {
  border: none;
  background-color: transparent;
}

.cd70687ff4f40, .c88eb9348895a svg, .cd72084fd41a4, .cb2dfa28fb7be span svg, .c05d9a55731af button svg, .c518ef5686089.intermediate svg, .c241de966259d label span.intermediate svg, .c518ef5686089.checked svg, .c241de966259d label span.checked svg, .c3cacd1a16c8e span svg,
.c3cacd1a16c8e label svg, .c385809567556 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c5436d3316e11 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c5436d3316e11:hover {
  fill: none;
  stroke: none;
}

.cd72084fd41a4, .cb2dfa28fb7be span svg, .c05d9a55731af button svg, .c518ef5686089.intermediate svg, .c241de966259d label span.intermediate svg, .c518ef5686089.checked svg, .c241de966259d label span.checked svg, .c3cacd1a16c8e span svg,
.c3cacd1a16c8e label svg, .c385809567556 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c622772f8ec1f {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c622772f8ec1f:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c2df08fbae459, .c1dcf4265a513 input, .c8015271a931a input, .c3cacd1a16c8e input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c2df08fbae459, .c1dcf4265a513 input, .c8015271a931a input, .c3cacd1a16c8e input {
    height: 23px;
  }
}
.c2df08fbae459, .c1dcf4265a513 input, .c8015271a931a input, .c3cacd1a16c8e input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c2df08fbae459[disabled], .c1dcf4265a513 input[disabled], .c8015271a931a input[disabled], .c3cacd1a16c8e input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c385809567556 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c91897aa0d098, .c3cacd1a16c8e span,
.c3cacd1a16c8e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c91897aa0d098, .c3cacd1a16c8e span,
  .c3cacd1a16c8e label {
    height: 25px;
  }
}
.c91897aa0d098, .c3cacd1a16c8e span,
.c3cacd1a16c8e label {
  color: var(--input-foreground-color);
}

.c3cacd1a16c8e {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c3cacd1a16c8e {
    height: 25px;
    font-size: 10px;
  }
}
.c3cacd1a16c8e {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c3cacd1a16c8e span svg,
.c3cacd1a16c8e label svg {
  color: var(--input-foreground-color);
}
.c3cacd1a16c8e ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c3cacd1a16c8e ::placeholder {
  color: var(--input-placeholder-color);
}
.c3cacd1a16c8e:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3cacd1a16c8e:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c3cacd1a16c8e:hover span {
  color: var(--input-foreground-color-hover);
}
.c3cacd1a16c8e:hover input {
  color: var(--input-foreground-color-hover);
}
.c3cacd1a16c8e:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c3cacd1a16c8e:active span {
  color: var(--input-foreground-color-active);
}
.c3cacd1a16c8e:active input {
  color: var(--input-foreground-color-active);
}
.c3cacd1a16c8e:focus, .c3cacd1a16c8e:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c3cacd1a16c8e:focus span, .c3cacd1a16c8e:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c3cacd1a16c8e:focus input, .c3cacd1a16c8e:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c3cacd1a16c8e:focus:hover, .c3cacd1a16c8e:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c3cacd1a16c8e:focus:hover span, .c3cacd1a16c8e:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c3cacd1a16c8e:focus:hover input, .c3cacd1a16c8e:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c8015271a931a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c8015271a931a input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c8015271a931a ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c8015271a931a ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c8015271a931a:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c8015271a931a:focus-within input, .c8015271a931a:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c87598a2600d6, .c1dcf4265a513.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c87598a2600d6 input, .c1dcf4265a513.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c87598a2600d6 span svg, .c1dcf4265a513.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c518ef5686089, .c241de966259d label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c518ef5686089 svg, .c241de966259d label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c518ef5686089:hover, .c241de966259d label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c518ef5686089:focus, .c241de966259d label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c518ef5686089.checked, .c241de966259d label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c518ef5686089.checked svg, .c241de966259d label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c518ef5686089.intermediate, .c241de966259d label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c518ef5686089.intermediate svg, .c241de966259d label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c518ef5686089.unchecked, .c241de966259d label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c518ef5686089.unchecked svg, .c241de966259d label span.unchecked svg {
  display: none;
}

.c241de966259d {
  display: flex;
  align-items: center;
}
.c241de966259d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c241de966259d label input {
  margin: 0;
}
.c241de966259d label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c241de966259d label:focus span, .c241de966259d label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c1dcf4265a513 {
  display: flex;
  flex-direction: column;
}
.c1dcf4265a513 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c1dcf4265a513 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c1dcf4265a513 input:focus-within input, .c1dcf4265a513 input:active input {
  color: var(--input-foreground-color-active);
}
.c1dcf4265a513 input:focus-within, .c1dcf4265a513 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1dcf4265a513.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c84b10d065fc6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c6b3f3a4fe13f {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ce173157a17de {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c88eb9348895a {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c1eefde203d8e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cbaf7d510bbfe {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c4a90442de194 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c31053ac7aae7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c2badd905beb7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c0f2aa76e67c6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c0f2aa76e67c6:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c3fb79ba12bfb {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c9b2d78f00f3c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c414f921fa8ac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ca6bfc5a0c9ab {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cdc9ce37ac76c {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cdc9ce37ac76c:hover, .cdc9ce37ac76c:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c05d9a55731af div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c05d9a55731af button {
  display: none;
}
.c05d9a55731af button svg {
  stroke: var(--icon-foreground);
}
.c05d9a55731af:hover button {
  display: flex;
}

.cf49163e12ea6 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cf49163e12ea6 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cf49163e12ea6 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ca8fca3805df0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ca8fca3805df0:hover div {
  color: var(--entry-foreground-color-hover);
}

.ccda9f64dcbcb {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cc95a37b1fd79 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cc95a37b1fd79:hover {
  background-color: var(--menu-background-color-hover);
}

.cb2dfa28fb7be {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cb2dfa28fb7be span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cb2dfa28fb7be span svg {
  stroke: var(--icon-foreground);
}
.cb2dfa28fb7be:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cb2dfa28fb7be:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c35b0b4d151e2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cb3586a1649c6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c2d4d1be998de,
.c20c9dd12296a {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c7d06b9c7feae .c2d4d1be998de,
.c7d06b9c7feae .c20c9dd12296a {
  transform: scale(1);
}

.ca3633f7d4fce .c2d4d1be998de,
.ca3633f7d4fce .c20c9dd12296a {
  transform: scale(0);
}

.c8f2ed71f8a21,
.c82a61c0173cb {
  pointer-events: none;
  position: absolute;
  --actions-toolbar-position-y: 1.75rem;
  --actions-toolbar-offset-y: 0.375rem;
  top: calc(var(--actions-toolbar-position-y) + var(--actions-toolbar-offset-y));
  left: 50%;
  z-index: 20;
}

.c82a61c0173cb {
  z-index: 3;
}

.c0588034c083e {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  background: var(--panel-background-color);
  border-radius: 12px;
  box-shadow: 0 0 0.75rem 0 var(--menu-shadow-color);
  gap: 0.5rem;
  height: 3rem;
  margin-left: -50%;
  padding: 0.5rem;
  cursor: initial;
  pointer-events: initial;
  width: 25rem;
  border: 0.125rem solid var(--panel-border-color);
}

.c62687ed50666 {
  flex: 1;
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
  padding-left: 0.5rem;
}

.c34e2f02469bf {
  text-transform: uppercase;
  padding: 0.5rem 1.25rem;
  font-size: 0.688rem;
}

.c996e5807f182 {
  --actions-toolbar-position-y: 0px;
}
.light {
  --color-accent-primary: #6911d4;
  --color-accent-primary-muted: #e1d2f5;
  --color-accent-secondary: #1345aa;
  --color-accent-tertiary: #8c33eb;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(105, 17, 212, 0.6);
  --color-accent-select: rgba(140, 51, 235, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #a7e8d9;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #fedeac;
  --color-accent-error: #c80857;
  --color-background-error: #ffcada;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #bae3fd;
  --color-background-default: #fff;
  --color-accent-default: #eef0f2;
  --color-icon-default: #495e74;
  --color-background-disabled: #e8eaee;
  --color-background-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(255, 255, 255, 0.6);
  --color-overlay-onboarding: rgba(255, 255, 255, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #ddf7ff;
  --color-token-border: #77e1f3;
  --color-token-accent: #59acbb;
  --color-token-foreground: #1d4464;
  --color-badge-premium: #fe9c07;
}

.default {
  --color-accent-primary: #7efff5;
  --color-accent-primary-muted: #426158;
  --color-accent-secondary: #bb97d8;
  --color-accent-tertiary: #00d1b8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(126, 255, 245, 0.6);
  --color-accent-select: rgba(0, 209, 184, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #0a2927;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #3d2501;
  --color-accent-error: #c80857;
  --color-background-error: #500124;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #082c49;
  --color-background-default: #181A19;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-background-disabled: #535353;
  --color-background-primary: #181A19;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #535353;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
}

.c72b8141ec49a {
  --frame-flow-badge-background-color: var(--color-background-tertiary);
  --frame-flow-badge-background-color-hover: var(--color-background-quaternary);
  --frame-flow-badge-foreground-color: var(--color-foreground-secondary);
  --frame-flow-badge-foreground-color-hover: var(--color-accent-primary);
  cursor: pointer;
  display: flex;
}

.c2e8f3c03b151 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-xs);
  border-radius: 0.375rem;
  padding-inline-start: var(--sp-xs);
  padding-inline-end: var(--sp-s);
  height: var(--sp-xxl);
  background-color: var(--frame-flow-badge-background-color);
  color: var(--frame-flow-badge-foreground-color);
}
.c2e8f3c03b151:hover, .c2e8f3c03b151.c0fd63a3ff642 {
  --frame-flow-badge-foreground-color: var(--frame-flow-badge-foreground-color-hover);
  --frame-flow-badge-background-color: var(--frame-flow-badge-background-color-hover);
}

.c9d03eb4235af {
  --frame-title-input-border-color-focus: var(--color-accent-primary);
  pointer-events: none;
}

.cfcda9a1ed2ba {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: -moz-fit-content;
  max-width: fit-content;
  pointer-events: all;
}

.c90ecc432f4c3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  flex-grow: 1;
  width: 100%;
  max-width: initial;
  background: none;
  outline: none;
  height: var(--sp-xl);
  padding-inline-start: var(--sp-s);
  border: 0.0625rem solid var(--frame-title-input-border-color-focus);
}

.c50583bc58589 {
  --button-add-background-color: var(--color-accent-action);
  --button-add-background-color-hover: var(--color-accent-action-hover);
  --button-add-icon-color: var(--color-static-white);
  cursor: pointer;
  fill: var(--button-add-background-color);
}
.c50583bc58589:hover {
  --button-add-background-color: var(--button-add-background-color-hover);
}

.c307f928762f9 {
  stroke: var(--button-add-icon-color);
}
@keyframes c1955a3bbc4c5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cd2bcdc1318ac {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cd2bcdc1318ac:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cd2bcdc1318ac ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cd2bcdc1318ac ::-webkit-scrollbar-track,
.cd2bcdc1318ac ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cd2bcdc1318ac ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cd2bcdc1318ac ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cd2bcdc1318ac ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd2bcdc1318ac ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd2bcdc1318ac ::placeholder,
.cd2bcdc1318ac ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c98ef13488254, .c64f910db454c, .c1133eca01603 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c98ef13488254 svg, .c64f910db454c svg, .c1133eca01603 svg,
.c98ef13488254 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c98ef13488254:focus-visible, .c64f910db454c:focus-visible, .c1133eca01603:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c98ef13488254:focus-visible svg, .c64f910db454c:focus-visible svg, .c1133eca01603:focus-visible svg,
.c98ef13488254:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c98ef13488254:hover, .c64f910db454c:hover, .c1133eca01603:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c98ef13488254:hover svg, .c64f910db454c:hover svg, .c1133eca01603:hover svg,
.c98ef13488254:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c98ef13488254:active, .c64f910db454c:active, .c1133eca01603:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c98ef13488254:active svg, .c64f910db454c:active svg, .c1133eca01603:active svg,
.c98ef13488254:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c98ef13488254.disabled, .c64f910db454c.disabled, .c1133eca01603.disabled, .c98ef13488254[disabled], [disabled].c64f910db454c, [disabled].c1133eca01603, .c98ef13488254:disabled, .c64f910db454c:disabled, .c1133eca01603:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c05a5c2647ca7, .c838ba4234fdc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c05a5c2647ca7 svg, .c838ba4234fdc svg,
.c05a5c2647ca7 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c05a5c2647ca7:focus-visible, .c838ba4234fdc:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c05a5c2647ca7:focus-visible svg, .c838ba4234fdc:focus-visible svg,
.c05a5c2647ca7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c05a5c2647ca7:hover, .c838ba4234fdc:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c05a5c2647ca7:hover svg, .c838ba4234fdc:hover svg,
.c05a5c2647ca7:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c05a5c2647ca7:active, .c838ba4234fdc:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c05a5c2647ca7:active svg, .c838ba4234fdc:active svg,
.c05a5c2647ca7:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c05a5c2647ca7.disabled, .c838ba4234fdc.disabled, .c05a5c2647ca7[disabled], [disabled].c838ba4234fdc, .c05a5c2647ca7:disabled, .c838ba4234fdc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5f4bb5325d7f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c5f4bb5325d7f svg,
.c5f4bb5325d7f span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c5f4bb5325d7f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c5f4bb5325d7f:focus-visible svg,
.c5f4bb5325d7f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c5f4bb5325d7f:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c5f4bb5325d7f:hover svg,
.c5f4bb5325d7f:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c5f4bb5325d7f:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c5f4bb5325d7f:active svg,
.c5f4bb5325d7f:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c5f4bb5325d7f.disabled, .c5f4bb5325d7f[disabled], .c5f4bb5325d7f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf36bfaa4a858, .cd26ea12a4a48 button, .c630c4ef3aaa3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cf36bfaa4a858 svg, .cd26ea12a4a48 button svg, .c630c4ef3aaa3 svg,
.cf36bfaa4a858 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cf36bfaa4a858:focus-visible, .cd26ea12a4a48 button:focus-visible, .c630c4ef3aaa3:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cf36bfaa4a858:focus-visible svg, .cd26ea12a4a48 button:focus-visible svg, .c630c4ef3aaa3:focus-visible svg,
.cf36bfaa4a858:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cf36bfaa4a858:hover, .cd26ea12a4a48 button:hover, .c630c4ef3aaa3:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cf36bfaa4a858:hover svg, .cd26ea12a4a48 button:hover svg, .c630c4ef3aaa3:hover svg,
.cf36bfaa4a858:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cf36bfaa4a858:active, .cd26ea12a4a48 button:active, .c630c4ef3aaa3:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cf36bfaa4a858:active svg, .cd26ea12a4a48 button:active svg, .c630c4ef3aaa3:active svg,
.cf36bfaa4a858:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cf36bfaa4a858.disabled, .cd26ea12a4a48 button.disabled, .c630c4ef3aaa3.disabled, .cf36bfaa4a858[disabled], .cd26ea12a4a48 button[disabled], [disabled].c630c4ef3aaa3, .cf36bfaa4a858:disabled, .cd26ea12a4a48 button:disabled, .c630c4ef3aaa3:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cf36bfaa4a858.disabled svg, .cd26ea12a4a48 button.disabled svg, .c630c4ef3aaa3.disabled svg,
.cf36bfaa4a858.disabled span svg, .cf36bfaa4a858[disabled] svg, .cd26ea12a4a48 button[disabled] svg, [disabled].c630c4ef3aaa3 svg,
.cf36bfaa4a858[disabled] span svg, .cf36bfaa4a858:disabled svg, .cd26ea12a4a48 button:disabled svg, .c630c4ef3aaa3:disabled svg,
.cf36bfaa4a858:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ce9fbd1ab3508 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ce9fbd1ab3508 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cd5e93bb42c75 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cd5e93bb42c75 svg,
.cd5e93bb42c75 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cd5e93bb42c75:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cd5e93bb42c75:focus-visible svg,
.cd5e93bb42c75:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cd5e93bb42c75:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cd5e93bb42c75:hover svg,
.cd5e93bb42c75:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cd5e93bb42c75:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cd5e93bb42c75:active svg,
.cd5e93bb42c75:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c11ac38ab28b5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c502d5b5e1cb1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.caaada366e13c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.caaada366e13c:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.caaada366e13c:focus-visible svg,
.caaada366e13c:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.caaada366e13c:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.caaada366e13c:active {
  border: none;
  background-color: transparent;
}

.c1e60aa274b3e, .c630c4ef3aaa3 svg, .c7d4aa86255fa, .c886148c7fbc8 span svg, .cd26ea12a4a48 button svg, .cef68bd243fb8.intermediate svg, .c7966198e7ba1 label span.intermediate svg, .cef68bd243fb8.checked svg, .c7966198e7ba1 label span.checked svg, .c89a7e87a398a span svg,
.c89a7e87a398a label svg, .cbc3c0b5aad2d svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c2eda66e909cf {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c2eda66e909cf:hover {
  fill: none;
  stroke: none;
}

.c7d4aa86255fa, .c886148c7fbc8 span svg, .cd26ea12a4a48 button svg, .cef68bd243fb8.intermediate svg, .c7966198e7ba1 label span.intermediate svg, .cef68bd243fb8.checked svg, .c7966198e7ba1 label span.checked svg, .c89a7e87a398a span svg,
.c89a7e87a398a label svg, .cbc3c0b5aad2d svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c19c6688d7230 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c19c6688d7230:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c61a2a9f2bc6d, .c16bdc3d49b36 input, .c69d6b909e4f5 input, .c89a7e87a398a input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c61a2a9f2bc6d, .c16bdc3d49b36 input, .c69d6b909e4f5 input, .c89a7e87a398a input {
    height: 23px;
  }
}
.c61a2a9f2bc6d, .c16bdc3d49b36 input, .c69d6b909e4f5 input, .c89a7e87a398a input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c61a2a9f2bc6d[disabled], .c16bdc3d49b36 input[disabled], .c69d6b909e4f5 input[disabled], .c89a7e87a398a input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cbc3c0b5aad2d {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c1110bdd3e426, .c89a7e87a398a span,
.c89a7e87a398a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1110bdd3e426, .c89a7e87a398a span,
  .c89a7e87a398a label {
    height: 25px;
  }
}
.c1110bdd3e426, .c89a7e87a398a span,
.c89a7e87a398a label {
  color: var(--input-foreground-color);
}

.c89a7e87a398a {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c89a7e87a398a {
    height: 25px;
    font-size: 10px;
  }
}
.c89a7e87a398a {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c89a7e87a398a span svg,
.c89a7e87a398a label svg {
  color: var(--input-foreground-color);
}
.c89a7e87a398a ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c89a7e87a398a ::placeholder {
  color: var(--input-placeholder-color);
}
.c89a7e87a398a:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c89a7e87a398a:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c89a7e87a398a:hover span {
  color: var(--input-foreground-color-hover);
}
.c89a7e87a398a:hover input {
  color: var(--input-foreground-color-hover);
}
.c89a7e87a398a:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c89a7e87a398a:active span {
  color: var(--input-foreground-color-active);
}
.c89a7e87a398a:active input {
  color: var(--input-foreground-color-active);
}
.c89a7e87a398a:focus, .c89a7e87a398a:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c89a7e87a398a:focus span, .c89a7e87a398a:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c89a7e87a398a:focus input, .c89a7e87a398a:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c89a7e87a398a:focus:hover, .c89a7e87a398a:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c89a7e87a398a:focus:hover span, .c89a7e87a398a:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c89a7e87a398a:focus:hover input, .c89a7e87a398a:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c69d6b909e4f5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c69d6b909e4f5 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c69d6b909e4f5 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c69d6b909e4f5 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c69d6b909e4f5:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c69d6b909e4f5:focus-within input, .c69d6b909e4f5:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c56eb54f05478, .c16bdc3d49b36.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c56eb54f05478 input, .c16bdc3d49b36.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c56eb54f05478 span svg, .c16bdc3d49b36.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cef68bd243fb8, .c7966198e7ba1 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cef68bd243fb8 svg, .c7966198e7ba1 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cef68bd243fb8:hover, .c7966198e7ba1 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cef68bd243fb8:focus, .c7966198e7ba1 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cef68bd243fb8.checked, .c7966198e7ba1 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cef68bd243fb8.checked svg, .c7966198e7ba1 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cef68bd243fb8.intermediate, .c7966198e7ba1 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cef68bd243fb8.intermediate svg, .c7966198e7ba1 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cef68bd243fb8.unchecked, .c7966198e7ba1 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cef68bd243fb8.unchecked svg, .c7966198e7ba1 label span.unchecked svg {
  display: none;
}

.c7966198e7ba1 {
  display: flex;
  align-items: center;
}
.c7966198e7ba1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c7966198e7ba1 label input {
  margin: 0;
}
.c7966198e7ba1 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c7966198e7ba1 label:focus span, .c7966198e7ba1 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c16bdc3d49b36 {
  display: flex;
  flex-direction: column;
}
.c16bdc3d49b36 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c16bdc3d49b36 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c16bdc3d49b36 input:focus-within input, .c16bdc3d49b36 input:active input {
  color: var(--input-foreground-color-active);
}
.c16bdc3d49b36 input:focus-within, .c16bdc3d49b36 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c16bdc3d49b36.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c77ff5f3f288c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ce1edf386b05d, .c46b5f625052a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c2905ea10c149, .c6fab9720711a {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c630c4ef3aaa3 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cc222b0b36391 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c58d83c7fc1c6 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c838ba4234fdc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c1133eca01603 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c64f910db454c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cb3e688b6d3c1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cb3e688b6d3c1:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c093a9a71a56e {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c812972ce6f13 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cc65a6c7e6b24 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c8bdcea32e4ca {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c8f4ab60bc7d3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c8f4ab60bc7d3:hover, .c8f4ab60bc7d3:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cd26ea12a4a48 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cd26ea12a4a48 button {
  display: none;
}
.cd26ea12a4a48 button svg {
  stroke: var(--icon-foreground);
}
.cd26ea12a4a48:hover button {
  display: flex;
}

.c4c6d6c6c2579 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c4c6d6c6c2579 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c4c6d6c6c2579 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c3a2783fe0c0b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c3a2783fe0c0b:hover div {
  color: var(--entry-foreground-color-hover);
}

.c5380cf21947e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cf7dd1f454550 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cf7dd1f454550:hover {
  background-color: var(--menu-background-color-hover);
}

.c886148c7fbc8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c886148c7fbc8 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c886148c7fbc8 span svg {
  stroke: var(--icon-foreground);
}
.c886148c7fbc8:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c886148c7fbc8:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cccb4fc13a08d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ccebf26d9d1aa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c8433d40f25e7,
.ce836cf8395d2 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce247a859aac6 .c8433d40f25e7,
.ce247a859aac6 .ce836cf8395d2 {
  transform: scale(1);
}

.ca4f615254b7f .c8433d40f25e7,
.ca4f615254b7f .ce836cf8395d2 {
  transform: scale(0);
}

.c6fab9720711a {
  --modal-width: 32rem;
  --modal-padding: var(--sp-xxxl);
  --container-max-height: 16rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: var(--modal-width);
  max-width: 100%;
}

.cdff8ad887783 {
  position: absolute;
  inset-block-start: var(--sp-s);
  inset-inline-end: var(--sp-s);
}
@keyframes c8f7a8bc618ab {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c9ca6335614ca {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c9ca6335614ca:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c9ca6335614ca ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c9ca6335614ca ::-webkit-scrollbar-track,
.c9ca6335614ca ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c9ca6335614ca ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c9ca6335614ca ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c9ca6335614ca ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9ca6335614ca ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9ca6335614ca ::placeholder,
.c9ca6335614ca ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c0818295f4177, .c723654b5420f, .c11be794c0d73 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c0818295f4177 svg, .c723654b5420f svg, .c11be794c0d73 svg,
.c0818295f4177 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c0818295f4177:focus-visible, .c723654b5420f:focus-visible, .c11be794c0d73:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c0818295f4177:focus-visible svg, .c723654b5420f:focus-visible svg, .c11be794c0d73:focus-visible svg,
.c0818295f4177:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c0818295f4177:hover, .c723654b5420f:hover, .c11be794c0d73:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c0818295f4177:hover svg, .c723654b5420f:hover svg, .c11be794c0d73:hover svg,
.c0818295f4177:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c0818295f4177:active, .c723654b5420f:active, .c11be794c0d73:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c0818295f4177:active svg, .c723654b5420f:active svg, .c11be794c0d73:active svg,
.c0818295f4177:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c0818295f4177.disabled, .c723654b5420f.disabled, .c11be794c0d73.disabled, .c0818295f4177[disabled], [disabled].c723654b5420f, [disabled].c11be794c0d73, .c0818295f4177:disabled, .c723654b5420f:disabled, .c11be794c0d73:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c10cc1f3f89c6, .c23d47f31c50f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c10cc1f3f89c6 svg, .c23d47f31c50f svg,
.c10cc1f3f89c6 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c10cc1f3f89c6:focus-visible, .c23d47f31c50f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c10cc1f3f89c6:focus-visible svg, .c23d47f31c50f:focus-visible svg,
.c10cc1f3f89c6:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c10cc1f3f89c6:hover, .c23d47f31c50f:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c10cc1f3f89c6:hover svg, .c23d47f31c50f:hover svg,
.c10cc1f3f89c6:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c10cc1f3f89c6:active, .c23d47f31c50f:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c10cc1f3f89c6:active svg, .c23d47f31c50f:active svg,
.c10cc1f3f89c6:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c10cc1f3f89c6.disabled, .c23d47f31c50f.disabled, .c10cc1f3f89c6[disabled], [disabled].c23d47f31c50f, .c10cc1f3f89c6:disabled, .c23d47f31c50f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbda9ec879053 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cbda9ec879053 svg,
.cbda9ec879053 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cbda9ec879053:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cbda9ec879053:focus-visible svg,
.cbda9ec879053:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cbda9ec879053:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cbda9ec879053:hover svg,
.cbda9ec879053:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cbda9ec879053:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cbda9ec879053:active svg,
.cbda9ec879053:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cbda9ec879053.disabled, .cbda9ec879053[disabled], .cbda9ec879053:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6c02ce3d70e6, .c877450fd3d59 button, .cfaa6210850c5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c6c02ce3d70e6 svg, .c877450fd3d59 button svg, .cfaa6210850c5 svg,
.c6c02ce3d70e6 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c6c02ce3d70e6:focus-visible, .c877450fd3d59 button:focus-visible, .cfaa6210850c5:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c6c02ce3d70e6:focus-visible svg, .c877450fd3d59 button:focus-visible svg, .cfaa6210850c5:focus-visible svg,
.c6c02ce3d70e6:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c6c02ce3d70e6:hover, .c877450fd3d59 button:hover, .cfaa6210850c5:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c6c02ce3d70e6:hover svg, .c877450fd3d59 button:hover svg, .cfaa6210850c5:hover svg,
.c6c02ce3d70e6:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c6c02ce3d70e6:active, .c877450fd3d59 button:active, .cfaa6210850c5:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c6c02ce3d70e6:active svg, .c877450fd3d59 button:active svg, .cfaa6210850c5:active svg,
.c6c02ce3d70e6:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c6c02ce3d70e6.disabled, .c877450fd3d59 button.disabled, .cfaa6210850c5.disabled, .c6c02ce3d70e6[disabled], .c877450fd3d59 button[disabled], [disabled].cfaa6210850c5, .c6c02ce3d70e6:disabled, .c877450fd3d59 button:disabled, .cfaa6210850c5:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c6c02ce3d70e6.disabled svg, .c877450fd3d59 button.disabled svg, .cfaa6210850c5.disabled svg,
.c6c02ce3d70e6.disabled span svg, .c6c02ce3d70e6[disabled] svg, .c877450fd3d59 button[disabled] svg, [disabled].cfaa6210850c5 svg,
.c6c02ce3d70e6[disabled] span svg, .c6c02ce3d70e6:disabled svg, .c877450fd3d59 button:disabled svg, .cfaa6210850c5:disabled svg,
.c6c02ce3d70e6:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c01d12de8f08e {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c01d12de8f08e svg {
  color: var(--button-icon-foreground-color-selected);
}

.cc5c25d46f9d5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cc5c25d46f9d5 svg,
.cc5c25d46f9d5 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cc5c25d46f9d5:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cc5c25d46f9d5:focus-visible svg,
.cc5c25d46f9d5:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cc5c25d46f9d5:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cc5c25d46f9d5:hover svg,
.cc5c25d46f9d5:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cc5c25d46f9d5:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cc5c25d46f9d5:active svg,
.cc5c25d46f9d5:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ccb8cc9f44b52 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ca83bcce061ef {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7478d4a42c8c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c7478d4a42c8c:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c7478d4a42c8c:focus-visible svg,
.c7478d4a42c8c:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c7478d4a42c8c:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c7478d4a42c8c:active {
  border: none;
  background-color: transparent;
}

.c75fc41f7d367, .cfaa6210850c5 svg, .c4d1a30e2ffd6, .cf4ecdd30eeb1 span svg, .c877450fd3d59 button svg, .ce50c6980636e.intermediate svg, .cce4411ad5566 label span.intermediate svg, .ce50c6980636e.checked svg, .cce4411ad5566 label span.checked svg, .ce632f17d5491 span svg,
.ce632f17d5491 label svg, .c4ae9b7b3be7d svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cf9473801a57f {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cf9473801a57f:hover {
  fill: none;
  stroke: none;
}

.c4d1a30e2ffd6, .cf4ecdd30eeb1 span svg, .c877450fd3d59 button svg, .ce50c6980636e.intermediate svg, .cce4411ad5566 label span.intermediate svg, .ce50c6980636e.checked svg, .cce4411ad5566 label span.checked svg, .ce632f17d5491 span svg,
.ce632f17d5491 label svg, .c4ae9b7b3be7d svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c1b3c8a32f738 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c1b3c8a32f738:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.caa269405c068, .c3dd5a7eb94c0 input, .c493d7a428309 input, .ce632f17d5491 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .caa269405c068, .c3dd5a7eb94c0 input, .c493d7a428309 input, .ce632f17d5491 input {
    height: 23px;
  }
}
.caa269405c068, .c3dd5a7eb94c0 input, .c493d7a428309 input, .ce632f17d5491 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.caa269405c068[disabled], .c3dd5a7eb94c0 input[disabled], .c493d7a428309 input[disabled], .ce632f17d5491 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c4ae9b7b3be7d {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c1241be268199, .ce632f17d5491 span,
.ce632f17d5491 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1241be268199, .ce632f17d5491 span,
  .ce632f17d5491 label {
    height: 25px;
  }
}
.c1241be268199, .ce632f17d5491 span,
.ce632f17d5491 label {
  color: var(--input-foreground-color);
}

.ce632f17d5491 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce632f17d5491 {
    height: 25px;
    font-size: 10px;
  }
}
.ce632f17d5491 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ce632f17d5491 span svg,
.ce632f17d5491 label svg {
  color: var(--input-foreground-color);
}
.ce632f17d5491 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ce632f17d5491 ::placeholder {
  color: var(--input-placeholder-color);
}
.ce632f17d5491:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce632f17d5491:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ce632f17d5491:hover span {
  color: var(--input-foreground-color-hover);
}
.ce632f17d5491:hover input {
  color: var(--input-foreground-color-hover);
}
.ce632f17d5491:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ce632f17d5491:active span {
  color: var(--input-foreground-color-active);
}
.ce632f17d5491:active input {
  color: var(--input-foreground-color-active);
}
.ce632f17d5491:focus, .ce632f17d5491:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce632f17d5491:focus span, .ce632f17d5491:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ce632f17d5491:focus input, .ce632f17d5491:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ce632f17d5491:focus:hover, .ce632f17d5491:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce632f17d5491:focus:hover span, .ce632f17d5491:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ce632f17d5491:focus:hover input, .ce632f17d5491:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c493d7a428309 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c493d7a428309 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c493d7a428309 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c493d7a428309 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c493d7a428309:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c493d7a428309:focus-within input, .c493d7a428309:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c92a8ec2d39d9, .c3dd5a7eb94c0.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c92a8ec2d39d9 input, .c3dd5a7eb94c0.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c92a8ec2d39d9 span svg, .c3dd5a7eb94c0.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ce50c6980636e, .cce4411ad5566 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ce50c6980636e svg, .cce4411ad5566 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ce50c6980636e:hover, .cce4411ad5566 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ce50c6980636e:focus, .cce4411ad5566 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ce50c6980636e.checked, .cce4411ad5566 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ce50c6980636e.checked svg, .cce4411ad5566 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ce50c6980636e.intermediate, .cce4411ad5566 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ce50c6980636e.intermediate svg, .cce4411ad5566 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ce50c6980636e.unchecked, .cce4411ad5566 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ce50c6980636e.unchecked svg, .cce4411ad5566 label span.unchecked svg {
  display: none;
}

.cce4411ad5566 {
  display: flex;
  align-items: center;
}
.cce4411ad5566 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cce4411ad5566 label input {
  margin: 0;
}
.cce4411ad5566 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cce4411ad5566 label:focus span, .cce4411ad5566 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c3dd5a7eb94c0 {
  display: flex;
  flex-direction: column;
}
.c3dd5a7eb94c0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c3dd5a7eb94c0 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c3dd5a7eb94c0 input:focus-within input, .c3dd5a7eb94c0 input:active input {
  color: var(--input-foreground-color-active);
}
.c3dd5a7eb94c0 input:focus-within, .c3dd5a7eb94c0 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3dd5a7eb94c0.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cee9a77839652 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c0075518ac353, .c6c070acf337b {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c9851fad047ea, .c8d43ba6c3e8f {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cfaa6210850c5 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cee3bd2b9ba3f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c4051125b96c3 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c23d47f31c50f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c11be794c0d73 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c723654b5420f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cdb96be767ea8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cdb96be767ea8:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c2b8b82221ce4 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c399741a5ab60 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ca0edbddc7eb2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cdc899f10cdc4 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cd23d01ea462b {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cd23d01ea462b:hover, .cd23d01ea462b:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c877450fd3d59 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c877450fd3d59 button {
  display: none;
}
.c877450fd3d59 button svg {
  stroke: var(--icon-foreground);
}
.c877450fd3d59:hover button {
  display: flex;
}

.c8c51fd985dfc {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c8c51fd985dfc .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c8c51fd985dfc .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ca866798ec150 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ca866798ec150:hover div {
  color: var(--entry-foreground-color-hover);
}

.cd0f1cf032c8f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c138a2794a786 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c138a2794a786:hover {
  background-color: var(--menu-background-color-hover);
}

.cf4ecdd30eeb1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cf4ecdd30eeb1 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf4ecdd30eeb1 span svg {
  stroke: var(--icon-foreground);
}
.cf4ecdd30eeb1:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cf4ecdd30eeb1:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c3d2503bf964f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c2de7f2f1c0d0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cb2a0c0a0c5c7,
.cc73686f560d7 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb3c51b213d20 .cb2a0c0a0c5c7,
.cb3c51b213d20 .cc73686f560d7 {
  transform: scale(1);
}

.c37493412b118 .cb2a0c0a0c5c7,
.c37493412b118 .cc73686f560d7 {
  transform: scale(0);
}

.c8d43ba6c3e8f {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.c0542e92d6182 {
  position: absolute;
  inset-block-start: var(--sp-s);
  inset-inline-end: var(--sp-s);
}
@keyframes ccabdaf1138fa {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c113c2a757e75 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c113c2a757e75:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c113c2a757e75 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c113c2a757e75 ::-webkit-scrollbar-track,
.c113c2a757e75 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c113c2a757e75 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c113c2a757e75 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c113c2a757e75 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c113c2a757e75 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c113c2a757e75 ::placeholder,
.c113c2a757e75 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c5fc1a79423b9, .c336ac7df9f7a, .c3d38106ae02e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c5fc1a79423b9 svg, .c336ac7df9f7a svg, .c3d38106ae02e svg,
.c5fc1a79423b9 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c5fc1a79423b9:focus-visible, .c336ac7df9f7a:focus-visible, .c3d38106ae02e:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c5fc1a79423b9:focus-visible svg, .c336ac7df9f7a:focus-visible svg, .c3d38106ae02e:focus-visible svg,
.c5fc1a79423b9:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c5fc1a79423b9:hover, .c336ac7df9f7a:hover, .c3d38106ae02e:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c5fc1a79423b9:hover svg, .c336ac7df9f7a:hover svg, .c3d38106ae02e:hover svg,
.c5fc1a79423b9:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c5fc1a79423b9:active, .c336ac7df9f7a:active, .c3d38106ae02e:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c5fc1a79423b9:active svg, .c336ac7df9f7a:active svg, .c3d38106ae02e:active svg,
.c5fc1a79423b9:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c5fc1a79423b9.disabled, .c336ac7df9f7a.disabled, .c3d38106ae02e.disabled, .c5fc1a79423b9[disabled], [disabled].c336ac7df9f7a, [disabled].c3d38106ae02e, .c5fc1a79423b9:disabled, .c336ac7df9f7a:disabled, .c3d38106ae02e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbe32594eb335, .c19ca8613389c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cbe32594eb335 svg, .c19ca8613389c svg,
.cbe32594eb335 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cbe32594eb335:focus-visible, .c19ca8613389c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cbe32594eb335:focus-visible svg, .c19ca8613389c:focus-visible svg,
.cbe32594eb335:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cbe32594eb335:hover, .c19ca8613389c:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cbe32594eb335:hover svg, .c19ca8613389c:hover svg,
.cbe32594eb335:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cbe32594eb335:active, .c19ca8613389c:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cbe32594eb335:active svg, .c19ca8613389c:active svg,
.cbe32594eb335:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cbe32594eb335.disabled, .c19ca8613389c.disabled, .cbe32594eb335[disabled], [disabled].c19ca8613389c, .cbe32594eb335:disabled, .c19ca8613389c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c71070c3a4721 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c71070c3a4721 svg,
.c71070c3a4721 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c71070c3a4721:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c71070c3a4721:focus-visible svg,
.c71070c3a4721:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c71070c3a4721:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c71070c3a4721:hover svg,
.c71070c3a4721:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c71070c3a4721:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c71070c3a4721:active svg,
.c71070c3a4721:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c71070c3a4721.disabled, .c71070c3a4721[disabled], .c71070c3a4721:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c306f067418dc, .cd491482400e8 button, .c375db902421b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c306f067418dc svg, .cd491482400e8 button svg, .c375db902421b svg,
.c306f067418dc span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c306f067418dc:focus-visible, .cd491482400e8 button:focus-visible, .c375db902421b:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c306f067418dc:focus-visible svg, .cd491482400e8 button:focus-visible svg, .c375db902421b:focus-visible svg,
.c306f067418dc:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c306f067418dc:hover, .cd491482400e8 button:hover, .c375db902421b:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c306f067418dc:hover svg, .cd491482400e8 button:hover svg, .c375db902421b:hover svg,
.c306f067418dc:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c306f067418dc:active, .cd491482400e8 button:active, .c375db902421b:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c306f067418dc:active svg, .cd491482400e8 button:active svg, .c375db902421b:active svg,
.c306f067418dc:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c306f067418dc.disabled, .cd491482400e8 button.disabled, .c375db902421b.disabled, .c306f067418dc[disabled], .cd491482400e8 button[disabled], [disabled].c375db902421b, .c306f067418dc:disabled, .cd491482400e8 button:disabled, .c375db902421b:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c306f067418dc.disabled svg, .cd491482400e8 button.disabled svg, .c375db902421b.disabled svg,
.c306f067418dc.disabled span svg, .c306f067418dc[disabled] svg, .cd491482400e8 button[disabled] svg, [disabled].c375db902421b svg,
.c306f067418dc[disabled] span svg, .c306f067418dc:disabled svg, .cd491482400e8 button:disabled svg, .c375db902421b:disabled svg,
.c306f067418dc:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c0226498110f9 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c0226498110f9 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c60b65ec83546 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c60b65ec83546 svg,
.c60b65ec83546 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c60b65ec83546:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c60b65ec83546:focus-visible svg,
.c60b65ec83546:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c60b65ec83546:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c60b65ec83546:hover svg,
.c60b65ec83546:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c60b65ec83546:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c60b65ec83546:active svg,
.c60b65ec83546:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c4ca69040379d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cc24a60cfe038 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd5ae6a40acd6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cd5ae6a40acd6:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cd5ae6a40acd6:focus-visible svg,
.cd5ae6a40acd6:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cd5ae6a40acd6:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cd5ae6a40acd6:active {
  border: none;
  background-color: transparent;
}

.cec7ab165bb82, .c375db902421b svg, .cc86ba32ddc19, .c8a9ccbc082f1 span svg, .cd491482400e8 button svg, .cdc4894f76f6d.intermediate svg, .cebe2d34b1f4f label span.intermediate svg, .cdc4894f76f6d.checked svg, .cebe2d34b1f4f label span.checked svg, .c51ea10a2af81 span svg,
.c51ea10a2af81 label svg, .ca7ae2266c9aa svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c8ed4d95d61fd {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c8ed4d95d61fd:hover {
  fill: none;
  stroke: none;
}

.cc86ba32ddc19, .c8a9ccbc082f1 span svg, .cd491482400e8 button svg, .cdc4894f76f6d.intermediate svg, .cebe2d34b1f4f label span.intermediate svg, .cdc4894f76f6d.checked svg, .cebe2d34b1f4f label span.checked svg, .c51ea10a2af81 span svg,
.c51ea10a2af81 label svg, .ca7ae2266c9aa svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ca05b60b4157a {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ca05b60b4157a:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c77cfb0e29c5d, .c3623cf058045 input, .c5e61ec1012dc input, .c51ea10a2af81 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c77cfb0e29c5d, .c3623cf058045 input, .c5e61ec1012dc input, .c51ea10a2af81 input {
    height: 23px;
  }
}
.c77cfb0e29c5d, .c3623cf058045 input, .c5e61ec1012dc input, .c51ea10a2af81 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c77cfb0e29c5d[disabled], .c3623cf058045 input[disabled], .c5e61ec1012dc input[disabled], .c51ea10a2af81 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ca7ae2266c9aa {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cc14c7e0c0cbd, .c51ea10a2af81 span,
.c51ea10a2af81 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc14c7e0c0cbd, .c51ea10a2af81 span,
  .c51ea10a2af81 label {
    height: 25px;
  }
}
.cc14c7e0c0cbd, .c51ea10a2af81 span,
.c51ea10a2af81 label {
  color: var(--input-foreground-color);
}

.c51ea10a2af81 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c51ea10a2af81 {
    height: 25px;
    font-size: 10px;
  }
}
.c51ea10a2af81 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c51ea10a2af81 span svg,
.c51ea10a2af81 label svg {
  color: var(--input-foreground-color);
}
.c51ea10a2af81 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c51ea10a2af81 ::placeholder {
  color: var(--input-placeholder-color);
}
.c51ea10a2af81:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c51ea10a2af81:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c51ea10a2af81:hover span {
  color: var(--input-foreground-color-hover);
}
.c51ea10a2af81:hover input {
  color: var(--input-foreground-color-hover);
}
.c51ea10a2af81:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c51ea10a2af81:active span {
  color: var(--input-foreground-color-active);
}
.c51ea10a2af81:active input {
  color: var(--input-foreground-color-active);
}
.c51ea10a2af81:focus, .c51ea10a2af81:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c51ea10a2af81:focus span, .c51ea10a2af81:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c51ea10a2af81:focus input, .c51ea10a2af81:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c51ea10a2af81:focus:hover, .c51ea10a2af81:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c51ea10a2af81:focus:hover span, .c51ea10a2af81:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c51ea10a2af81:focus:hover input, .c51ea10a2af81:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c5e61ec1012dc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c5e61ec1012dc input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c5e61ec1012dc ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5e61ec1012dc ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5e61ec1012dc:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c5e61ec1012dc:focus-within input, .c5e61ec1012dc:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c2b7b19138bf9, .c3623cf058045.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c2b7b19138bf9 input, .c3623cf058045.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c2b7b19138bf9 span svg, .c3623cf058045.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cdc4894f76f6d, .cebe2d34b1f4f label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cdc4894f76f6d svg, .cebe2d34b1f4f label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cdc4894f76f6d:hover, .cebe2d34b1f4f label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cdc4894f76f6d:focus, .cebe2d34b1f4f label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cdc4894f76f6d.checked, .cebe2d34b1f4f label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cdc4894f76f6d.checked svg, .cebe2d34b1f4f label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cdc4894f76f6d.intermediate, .cebe2d34b1f4f label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cdc4894f76f6d.intermediate svg, .cebe2d34b1f4f label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cdc4894f76f6d.unchecked, .cebe2d34b1f4f label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cdc4894f76f6d.unchecked svg, .cebe2d34b1f4f label span.unchecked svg {
  display: none;
}

.cebe2d34b1f4f {
  display: flex;
  align-items: center;
}
.cebe2d34b1f4f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cebe2d34b1f4f label input {
  margin: 0;
}
.cebe2d34b1f4f label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cebe2d34b1f4f label:focus span, .cebe2d34b1f4f label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c3623cf058045 {
  display: flex;
  flex-direction: column;
}
.c3623cf058045 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c3623cf058045 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c3623cf058045 input:focus-within input, .c3623cf058045 input:active input {
  color: var(--input-foreground-color-active);
}
.c3623cf058045 input:focus-within, .c3623cf058045 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3623cf058045.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c7c64e7f8c7ec {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c73b29ae21432, .cb55db5cb794e {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c9e614044b651, .cae5bc38ebaff {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c375db902421b {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cf61b9751fa22 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c093de4c78863, .c06b5a19620c1 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c19ca8613389c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3d38106ae02e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c336ac7df9f7a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c2145811487ea {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c2145811487ea:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c1a69e9b436e8 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cbab105124405 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cfc142cf6ec91 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cf60a72e811b1 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ca25dd5c9d761 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ca25dd5c9d761:hover, .ca25dd5c9d761:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cd491482400e8 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cd491482400e8 button {
  display: none;
}
.cd491482400e8 button svg {
  stroke: var(--icon-foreground);
}
.cd491482400e8:hover button {
  display: flex;
}

.c90e3cdfba578 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c90e3cdfba578 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c90e3cdfba578 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c28ee212362bc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c28ee212362bc:hover div {
  color: var(--entry-foreground-color-hover);
}

.cdc8e90c707de {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c6c2f9d28ff33 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c6c2f9d28ff33:hover {
  background-color: var(--menu-background-color-hover);
}

.c8a9ccbc082f1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c8a9ccbc082f1 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c8a9ccbc082f1 span svg {
  stroke: var(--icon-foreground);
}
.c8a9ccbc082f1:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c8a9ccbc082f1:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce67da4487e26 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c0e7d9eb8dee4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c52b1e5e5b96f,
.c45ac44a8e2d7 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c374ee5af4aad .c52b1e5e5b96f,
.c374ee5af4aad .c45ac44a8e2d7 {
  transform: scale(1);
}

.cad71bbc705ea .c52b1e5e5b96f,
.cad71bbc705ea .c45ac44a8e2d7 {
  transform: scale(0);
}

.c66469f076bbc {
  position: absolute;
  inset-block-start: var(--sp-s);
  inset-inline-end: var(--sp-s);
}

.cb55db5cb794e {
  --modal-title-foreground-color: var(--color-foreground-primary);
  --modal-text-foreground-color: var(--color-foreground-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset-inline-start: 0;
  inset-block-start: 0;
  block-size: 100%;
  inline-size: 100%;
  background-color: var(--overlay-color);
}

.cae5bc38ebaff {
  inline-size: 100%;
  max-inline-size: 32rem;
  max-block-size: unset;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}

.ca3f7a5ce5048 {
  margin-block-end: var(--sp-xxl);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c5a04ae85e4ef {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--modal-title-foreground-color);
  word-break: break-word;
}

.ccd99e857dfb2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--modal-text-foreground-color);
}

.c59bc72c2000d {
  margin-block-start: var(--sp-xxl);
  gap: var(--sp-s);
}

.c06b5a19620c1 {
  gap: var(--sp-s);
}
.c19301e53678f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  padding: var(--sp-s);
  padding-left: 0;
  color: var(--title-foreground-color);
  word-break: break-word;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sp-xs);
  margin-block-start: var(--sp-s);
}

.ca519b12c095b {
  flex: 1;
}

.c4e1d80fa17b2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  text-transform: none;
  color: var(--color-foreground-secondary);
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
}

.cc6ed023c185f {
  font-style: italic;
}
@keyframes c455c23b8f12f {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c42fea38293e2 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c42fea38293e2:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c42fea38293e2 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c42fea38293e2 ::-webkit-scrollbar-track,
.c42fea38293e2 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c42fea38293e2 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c42fea38293e2 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c42fea38293e2 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c42fea38293e2 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c42fea38293e2 ::placeholder,
.c42fea38293e2 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c53ea1e1b8248, .c6682891ce46d, .cb2d9399bc0f4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c53ea1e1b8248 svg, .c6682891ce46d svg, .cb2d9399bc0f4 svg,
.c53ea1e1b8248 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c53ea1e1b8248:focus-visible, .c6682891ce46d:focus-visible, .cb2d9399bc0f4:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c53ea1e1b8248:focus-visible svg, .c6682891ce46d:focus-visible svg, .cb2d9399bc0f4:focus-visible svg,
.c53ea1e1b8248:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c53ea1e1b8248:hover, .c6682891ce46d:hover, .cb2d9399bc0f4:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c53ea1e1b8248:hover svg, .c6682891ce46d:hover svg, .cb2d9399bc0f4:hover svg,
.c53ea1e1b8248:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c53ea1e1b8248:active, .c6682891ce46d:active, .cb2d9399bc0f4:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c53ea1e1b8248:active svg, .c6682891ce46d:active svg, .cb2d9399bc0f4:active svg,
.c53ea1e1b8248:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c53ea1e1b8248.disabled, .c6682891ce46d.disabled, .cb2d9399bc0f4.disabled, .c53ea1e1b8248[disabled], [disabled].c6682891ce46d, [disabled].cb2d9399bc0f4, .c53ea1e1b8248:disabled, .c6682891ce46d:disabled, .cb2d9399bc0f4:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cdf5b44a85dd4, .c4cde59290194 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cdf5b44a85dd4 svg, .c4cde59290194 svg,
.cdf5b44a85dd4 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cdf5b44a85dd4:focus-visible, .c4cde59290194:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cdf5b44a85dd4:focus-visible svg, .c4cde59290194:focus-visible svg,
.cdf5b44a85dd4:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cdf5b44a85dd4:hover, .c4cde59290194:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cdf5b44a85dd4:hover svg, .c4cde59290194:hover svg,
.cdf5b44a85dd4:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cdf5b44a85dd4:active, .c4cde59290194:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cdf5b44a85dd4:active svg, .c4cde59290194:active svg,
.cdf5b44a85dd4:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cdf5b44a85dd4.disabled, .c4cde59290194.disabled, .cdf5b44a85dd4[disabled], [disabled].c4cde59290194, .cdf5b44a85dd4:disabled, .c4cde59290194:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf9a8c5fe983b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cf9a8c5fe983b svg,
.cf9a8c5fe983b span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cf9a8c5fe983b:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cf9a8c5fe983b:focus-visible svg,
.cf9a8c5fe983b:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cf9a8c5fe983b:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cf9a8c5fe983b:hover svg,
.cf9a8c5fe983b:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cf9a8c5fe983b:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cf9a8c5fe983b:active svg,
.cf9a8c5fe983b:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cf9a8c5fe983b.disabled, .cf9a8c5fe983b[disabled], .cf9a8c5fe983b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c05c54401d5ef, .c0daa6b463236 button, .c1451d2f33a41 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c05c54401d5ef svg, .c0daa6b463236 button svg, .c1451d2f33a41 svg,
.c05c54401d5ef span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c05c54401d5ef:focus-visible, .c0daa6b463236 button:focus-visible, .c1451d2f33a41:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c05c54401d5ef:focus-visible svg, .c0daa6b463236 button:focus-visible svg, .c1451d2f33a41:focus-visible svg,
.c05c54401d5ef:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c05c54401d5ef:hover, .c0daa6b463236 button:hover, .c1451d2f33a41:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c05c54401d5ef:hover svg, .c0daa6b463236 button:hover svg, .c1451d2f33a41:hover svg,
.c05c54401d5ef:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c05c54401d5ef:active, .c0daa6b463236 button:active, .c1451d2f33a41:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c05c54401d5ef:active svg, .c0daa6b463236 button:active svg, .c1451d2f33a41:active svg,
.c05c54401d5ef:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c05c54401d5ef.disabled, .c0daa6b463236 button.disabled, .c1451d2f33a41.disabled, .c05c54401d5ef[disabled], .c0daa6b463236 button[disabled], [disabled].c1451d2f33a41, .c05c54401d5ef:disabled, .c0daa6b463236 button:disabled, .c1451d2f33a41:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c05c54401d5ef.disabled svg, .c0daa6b463236 button.disabled svg, .c1451d2f33a41.disabled svg,
.c05c54401d5ef.disabled span svg, .c05c54401d5ef[disabled] svg, .c0daa6b463236 button[disabled] svg, [disabled].c1451d2f33a41 svg,
.c05c54401d5ef[disabled] span svg, .c05c54401d5ef:disabled svg, .c0daa6b463236 button:disabled svg, .c1451d2f33a41:disabled svg,
.c05c54401d5ef:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c1828c3e9c89a {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c1828c3e9c89a svg {
  color: var(--button-icon-foreground-color-selected);
}

.cf2a0e048474a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cf2a0e048474a svg,
.cf2a0e048474a span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cf2a0e048474a:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cf2a0e048474a:focus-visible svg,
.cf2a0e048474a:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cf2a0e048474a:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cf2a0e048474a:hover svg,
.cf2a0e048474a:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cf2a0e048474a:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cf2a0e048474a:active svg,
.cf2a0e048474a:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c4a79862378a0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c59fdb0e92860 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbdea9215f91b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cbdea9215f91b:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cbdea9215f91b:focus-visible svg,
.cbdea9215f91b:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cbdea9215f91b:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cbdea9215f91b:active {
  border: none;
  background-color: transparent;
}

.c4d59ffd9ac24, .c1451d2f33a41 svg, .cda48bf07f894, .c1892ef498d19 span svg, .c0daa6b463236 button svg, .c575c55ede96a.intermediate svg, .ccdab010cabfa label span.intermediate svg, .c575c55ede96a.checked svg, .ccdab010cabfa label span.checked svg, .c0a00e4b9bc6f span svg,
.c0a00e4b9bc6f label svg, .c14965f8b28d0 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c445f8b7018e5 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c445f8b7018e5:hover {
  fill: none;
  stroke: none;
}

.cda48bf07f894, .c1892ef498d19 span svg, .c0daa6b463236 button svg, .c575c55ede96a.intermediate svg, .ccdab010cabfa label span.intermediate svg, .c575c55ede96a.checked svg, .ccdab010cabfa label span.checked svg, .c0a00e4b9bc6f span svg,
.c0a00e4b9bc6f label svg, .c14965f8b28d0 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cca2dae7ecaa1 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cca2dae7ecaa1:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cbc15ef27a366, .c2837b4b6a160 input, .cf2aa410a6eba input, .c0a00e4b9bc6f input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cbc15ef27a366, .c2837b4b6a160 input, .cf2aa410a6eba input, .c0a00e4b9bc6f input {
    height: 23px;
  }
}
.cbc15ef27a366, .c2837b4b6a160 input, .cf2aa410a6eba input, .c0a00e4b9bc6f input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cbc15ef27a366[disabled], .c2837b4b6a160 input[disabled], .cf2aa410a6eba input[disabled], .c0a00e4b9bc6f input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c14965f8b28d0 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c1cbcfbaa208e, .c0a00e4b9bc6f span,
.c0a00e4b9bc6f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1cbcfbaa208e, .c0a00e4b9bc6f span,
  .c0a00e4b9bc6f label {
    height: 25px;
  }
}
.c1cbcfbaa208e, .c0a00e4b9bc6f span,
.c0a00e4b9bc6f label {
  color: var(--input-foreground-color);
}

.c0a00e4b9bc6f {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c0a00e4b9bc6f {
    height: 25px;
    font-size: 10px;
  }
}
.c0a00e4b9bc6f {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c0a00e4b9bc6f span svg,
.c0a00e4b9bc6f label svg {
  color: var(--input-foreground-color);
}
.c0a00e4b9bc6f ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c0a00e4b9bc6f ::placeholder {
  color: var(--input-placeholder-color);
}
.c0a00e4b9bc6f:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c0a00e4b9bc6f:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c0a00e4b9bc6f:hover span {
  color: var(--input-foreground-color-hover);
}
.c0a00e4b9bc6f:hover input {
  color: var(--input-foreground-color-hover);
}
.c0a00e4b9bc6f:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c0a00e4b9bc6f:active span {
  color: var(--input-foreground-color-active);
}
.c0a00e4b9bc6f:active input {
  color: var(--input-foreground-color-active);
}
.c0a00e4b9bc6f:focus, .c0a00e4b9bc6f:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c0a00e4b9bc6f:focus span, .c0a00e4b9bc6f:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c0a00e4b9bc6f:focus input, .c0a00e4b9bc6f:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c0a00e4b9bc6f:focus:hover, .c0a00e4b9bc6f:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c0a00e4b9bc6f:focus:hover span, .c0a00e4b9bc6f:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c0a00e4b9bc6f:focus:hover input, .c0a00e4b9bc6f:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cf2aa410a6eba {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cf2aa410a6eba input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cf2aa410a6eba ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cf2aa410a6eba ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cf2aa410a6eba:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cf2aa410a6eba:focus-within input, .cf2aa410a6eba:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c0e9d5485c117, .c2837b4b6a160.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c0e9d5485c117 input, .c2837b4b6a160.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c0e9d5485c117 span svg, .c2837b4b6a160.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c575c55ede96a, .ccdab010cabfa label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c575c55ede96a svg, .ccdab010cabfa label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c575c55ede96a:hover, .ccdab010cabfa label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c575c55ede96a:focus, .ccdab010cabfa label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c575c55ede96a.checked, .ccdab010cabfa label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c575c55ede96a.checked svg, .ccdab010cabfa label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c575c55ede96a.intermediate, .ccdab010cabfa label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c575c55ede96a.intermediate svg, .ccdab010cabfa label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c575c55ede96a.unchecked, .ccdab010cabfa label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c575c55ede96a.unchecked svg, .ccdab010cabfa label span.unchecked svg {
  display: none;
}

.ccdab010cabfa {
  display: flex;
  align-items: center;
}
.ccdab010cabfa label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ccdab010cabfa label input {
  margin: 0;
}
.ccdab010cabfa label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ccdab010cabfa label:focus span, .ccdab010cabfa label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c2837b4b6a160 {
  display: flex;
  flex-direction: column;
}
.c2837b4b6a160 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c2837b4b6a160 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c2837b4b6a160 input:focus-within input, .c2837b4b6a160 input:active input {
  color: var(--input-foreground-color-active);
}
.c2837b4b6a160 input:focus-within, .c2837b4b6a160 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c2837b4b6a160.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cb488e5516694 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c0688395047fe, .c4a59e11fb3fc {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c3feb67f73916, .cf5da42492fba {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c1451d2f33a41 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cd62631420797 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc8f1e3ffbedb, .c229cd6ab2de7 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c4cde59290194 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb2d9399bc0f4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c6682891ce46d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cd623a5f5e1e8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cd623a5f5e1e8:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c23b4b39934c9 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c90e8ea75785d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cb014d2c2954e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ce7eef25202a8 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ce53be34767e5 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ce53be34767e5:hover, .ce53be34767e5:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c0daa6b463236 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c0daa6b463236 button {
  display: none;
}
.c0daa6b463236 button svg {
  stroke: var(--icon-foreground);
}
.c0daa6b463236:hover button {
  display: flex;
}

.c957c1b1a909e {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c957c1b1a909e .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c957c1b1a909e .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c8aa20da2c110 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c8aa20da2c110:hover div {
  color: var(--entry-foreground-color-hover);
}

.c844caa95bf44 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ca59f162c70af {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ca59f162c70af:hover {
  background-color: var(--menu-background-color-hover);
}

.c1892ef498d19 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c1892ef498d19 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c1892ef498d19 span svg {
  stroke: var(--icon-foreground);
}
.c1892ef498d19:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c1892ef498d19:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c9a8e4039f252 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c622ae4157f06 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c25dd7b7013cc,
.c1bf8cd5468f7 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c3f85ae655c40 .c25dd7b7013cc,
.c3f85ae655c40 .c1bf8cd5468f7 {
  transform: scale(1);
}

.cb0558907cf05 .c25dd7b7013cc,
.cb0558907cf05 .c1bf8cd5468f7 {
  transform: scale(0);
}

.c4a59e11fb3fc {
  --modal-title-foreground-color: var(--color-foreground-primary);
  --modal-text-foreground-color: var(--color-foreground-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset-inline-start: 0;
  inset-block-start: 0;
  block-size: 100%;
  inline-size: 100%;
  background-color: var(--overlay-color);
}

.c4dfcdc826ff2 {
  position: absolute;
  inset-block-start: 0.375rem;
  inset-inline-end: 0.375rem;
}

.cf5da42492fba {
  inline-size: 100%;
  max-inline-size: 32rem;
  max-block-size: unset;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}

.c545fe12b8bde {
  margin-block-end: var(--sp-xxl);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c496756fbdc1f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--modal-title-foreground-color);
  word-break: break-word;
}

.c9977767947ad {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--modal-text-foreground-color);
}

.c13e07ca63a8d {
  margin-block-start: var(--sp-xxl);
  gap: var(--sp-s);
}

.c229cd6ab2de7 {
  gap: var(--sp-s);
}

.c58b5fa037c34,
.c7f4af2e8cc83 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--modal-text-foreground-color);
}
@keyframes cbd4f48d2b40c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cd74b8846c61b {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cd74b8846c61b:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cd74b8846c61b ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cd74b8846c61b ::-webkit-scrollbar-track,
.cd74b8846c61b ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cd74b8846c61b ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cd74b8846c61b ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cd74b8846c61b ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd74b8846c61b ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd74b8846c61b ::placeholder,
.cd74b8846c61b ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cb71ab151b9cf, .c5641202dd670, .c70548efba997 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cb71ab151b9cf svg, .c5641202dd670 svg, .c70548efba997 svg,
.cb71ab151b9cf span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cb71ab151b9cf:focus-visible, .c5641202dd670:focus-visible, .c70548efba997:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cb71ab151b9cf:focus-visible svg, .c5641202dd670:focus-visible svg, .c70548efba997:focus-visible svg,
.cb71ab151b9cf:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cb71ab151b9cf:hover, .c5641202dd670:hover, .c70548efba997:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cb71ab151b9cf:hover svg, .c5641202dd670:hover svg, .c70548efba997:hover svg,
.cb71ab151b9cf:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cb71ab151b9cf:active, .c5641202dd670:active, .c70548efba997:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cb71ab151b9cf:active svg, .c5641202dd670:active svg, .c70548efba997:active svg,
.cb71ab151b9cf:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cb71ab151b9cf.disabled, .c5641202dd670.disabled, .c70548efba997.disabled, .cb71ab151b9cf[disabled], [disabled].c5641202dd670, [disabled].c70548efba997, .cb71ab151b9cf:disabled, .c5641202dd670:disabled, .c70548efba997:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c42a5973f93ee, .c8dfbfe19de37 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c42a5973f93ee svg, .c8dfbfe19de37 svg,
.c42a5973f93ee span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c42a5973f93ee:focus-visible, .c8dfbfe19de37:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c42a5973f93ee:focus-visible svg, .c8dfbfe19de37:focus-visible svg,
.c42a5973f93ee:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c42a5973f93ee:hover, .c8dfbfe19de37:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c42a5973f93ee:hover svg, .c8dfbfe19de37:hover svg,
.c42a5973f93ee:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c42a5973f93ee:active, .c8dfbfe19de37:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c42a5973f93ee:active svg, .c8dfbfe19de37:active svg,
.c42a5973f93ee:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c42a5973f93ee.disabled, .c8dfbfe19de37.disabled, .c42a5973f93ee[disabled], [disabled].c8dfbfe19de37, .c42a5973f93ee:disabled, .c8dfbfe19de37:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3d098a462a66 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c3d098a462a66 svg,
.c3d098a462a66 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c3d098a462a66:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c3d098a462a66:focus-visible svg,
.c3d098a462a66:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c3d098a462a66:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c3d098a462a66:hover svg,
.c3d098a462a66:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c3d098a462a66:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c3d098a462a66:active svg,
.c3d098a462a66:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c3d098a462a66.disabled, .c3d098a462a66[disabled], .c3d098a462a66:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc944f5b23b69, .c49a44dac08c6 button, .cd3a17853c695 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cc944f5b23b69 svg, .c49a44dac08c6 button svg, .cd3a17853c695 svg,
.cc944f5b23b69 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cc944f5b23b69:focus-visible, .c49a44dac08c6 button:focus-visible, .cd3a17853c695:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cc944f5b23b69:focus-visible svg, .c49a44dac08c6 button:focus-visible svg, .cd3a17853c695:focus-visible svg,
.cc944f5b23b69:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cc944f5b23b69:hover, .c49a44dac08c6 button:hover, .cd3a17853c695:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cc944f5b23b69:hover svg, .c49a44dac08c6 button:hover svg, .cd3a17853c695:hover svg,
.cc944f5b23b69:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cc944f5b23b69:active, .c49a44dac08c6 button:active, .cd3a17853c695:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cc944f5b23b69:active svg, .c49a44dac08c6 button:active svg, .cd3a17853c695:active svg,
.cc944f5b23b69:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cc944f5b23b69.disabled, .c49a44dac08c6 button.disabled, .cd3a17853c695.disabled, .cc944f5b23b69[disabled], .c49a44dac08c6 button[disabled], [disabled].cd3a17853c695, .cc944f5b23b69:disabled, .c49a44dac08c6 button:disabled, .cd3a17853c695:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cc944f5b23b69.disabled svg, .c49a44dac08c6 button.disabled svg, .cd3a17853c695.disabled svg,
.cc944f5b23b69.disabled span svg, .cc944f5b23b69[disabled] svg, .c49a44dac08c6 button[disabled] svg, [disabled].cd3a17853c695 svg,
.cc944f5b23b69[disabled] span svg, .cc944f5b23b69:disabled svg, .c49a44dac08c6 button:disabled svg, .cd3a17853c695:disabled svg,
.cc944f5b23b69:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c7cc0546581e6 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c7cc0546581e6 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ca9cc327f7a0e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ca9cc327f7a0e svg,
.ca9cc327f7a0e span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ca9cc327f7a0e:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ca9cc327f7a0e:focus-visible svg,
.ca9cc327f7a0e:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ca9cc327f7a0e:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ca9cc327f7a0e:hover svg,
.ca9cc327f7a0e:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ca9cc327f7a0e:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ca9cc327f7a0e:active svg,
.ca9cc327f7a0e:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c4c4f42e4517f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c56793b269e46 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb5a3b42f4601 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cb5a3b42f4601:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cb5a3b42f4601:focus-visible svg,
.cb5a3b42f4601:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cb5a3b42f4601:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cb5a3b42f4601:active {
  border: none;
  background-color: transparent;
}

.ce11b53e79d9f, .cd3a17853c695 svg, .c55d7a189fba9, .cf55a4fe8bfda span svg, .c49a44dac08c6 button svg, .c88a6629cb990.intermediate svg, .c3196259dbafd label span.intermediate svg, .c88a6629cb990.checked svg, .c3196259dbafd label span.checked svg, .c93fc6bcf3e2b span svg,
.c93fc6bcf3e2b label svg, .cd6b50f2676fb svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c473ff624c04d {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c473ff624c04d:hover {
  fill: none;
  stroke: none;
}

.c55d7a189fba9, .cf55a4fe8bfda span svg, .c49a44dac08c6 button svg, .c88a6629cb990.intermediate svg, .c3196259dbafd label span.intermediate svg, .c88a6629cb990.checked svg, .c3196259dbafd label span.checked svg, .c93fc6bcf3e2b span svg,
.c93fc6bcf3e2b label svg, .cd6b50f2676fb svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cbf1d8567ed4a {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cbf1d8567ed4a:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c3f50cffcac31, .c34be57c8ecc5 input, .c83d3577edf9e input, .c93fc6bcf3e2b input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c3f50cffcac31, .c34be57c8ecc5 input, .c83d3577edf9e input, .c93fc6bcf3e2b input {
    height: 23px;
  }
}
.c3f50cffcac31, .c34be57c8ecc5 input, .c83d3577edf9e input, .c93fc6bcf3e2b input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c3f50cffcac31[disabled], .c34be57c8ecc5 input[disabled], .c83d3577edf9e input[disabled], .c93fc6bcf3e2b input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cd6b50f2676fb {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cc9a65e06f225, .c93fc6bcf3e2b span,
.c93fc6bcf3e2b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc9a65e06f225, .c93fc6bcf3e2b span,
  .c93fc6bcf3e2b label {
    height: 25px;
  }
}
.cc9a65e06f225, .c93fc6bcf3e2b span,
.c93fc6bcf3e2b label {
  color: var(--input-foreground-color);
}

.c93fc6bcf3e2b {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c93fc6bcf3e2b {
    height: 25px;
    font-size: 10px;
  }
}
.c93fc6bcf3e2b {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c93fc6bcf3e2b span svg,
.c93fc6bcf3e2b label svg {
  color: var(--input-foreground-color);
}
.c93fc6bcf3e2b ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c93fc6bcf3e2b ::placeholder {
  color: var(--input-placeholder-color);
}
.c93fc6bcf3e2b:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c93fc6bcf3e2b:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c93fc6bcf3e2b:hover span {
  color: var(--input-foreground-color-hover);
}
.c93fc6bcf3e2b:hover input {
  color: var(--input-foreground-color-hover);
}
.c93fc6bcf3e2b:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c93fc6bcf3e2b:active span {
  color: var(--input-foreground-color-active);
}
.c93fc6bcf3e2b:active input {
  color: var(--input-foreground-color-active);
}
.c93fc6bcf3e2b:focus, .c93fc6bcf3e2b:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c93fc6bcf3e2b:focus span, .c93fc6bcf3e2b:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c93fc6bcf3e2b:focus input, .c93fc6bcf3e2b:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c93fc6bcf3e2b:focus:hover, .c93fc6bcf3e2b:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c93fc6bcf3e2b:focus:hover span, .c93fc6bcf3e2b:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c93fc6bcf3e2b:focus:hover input, .c93fc6bcf3e2b:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c83d3577edf9e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c83d3577edf9e input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c83d3577edf9e ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c83d3577edf9e ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c83d3577edf9e:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c83d3577edf9e:focus-within input, .c83d3577edf9e:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c258957cf5c5b, .c34be57c8ecc5.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c258957cf5c5b input, .c34be57c8ecc5.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c258957cf5c5b span svg, .c34be57c8ecc5.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c88a6629cb990, .c3196259dbafd label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c88a6629cb990 svg, .c3196259dbafd label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c88a6629cb990:hover, .c3196259dbafd label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c88a6629cb990:focus, .c3196259dbafd label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c88a6629cb990.checked, .c3196259dbafd label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c88a6629cb990.checked svg, .c3196259dbafd label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c88a6629cb990.intermediate, .c3196259dbafd label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c88a6629cb990.intermediate svg, .c3196259dbafd label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c88a6629cb990.unchecked, .c3196259dbafd label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c88a6629cb990.unchecked svg, .c3196259dbafd label span.unchecked svg {
  display: none;
}

.c3196259dbafd {
  display: flex;
  align-items: center;
}
.c3196259dbafd label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c3196259dbafd label input {
  margin: 0;
}
.c3196259dbafd label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c3196259dbafd label:focus span, .c3196259dbafd label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c34be57c8ecc5 {
  display: flex;
  flex-direction: column;
}
.c34be57c8ecc5 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c34be57c8ecc5 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c34be57c8ecc5 input:focus-within input, .c34be57c8ecc5 input:active input {
  color: var(--input-foreground-color-active);
}
.c34be57c8ecc5 input:focus-within, .c34be57c8ecc5 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c34be57c8ecc5.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c788297259023 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c81be3030107d {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cf153b60c4421 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd3a17853c695 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c9f77ff0f04a1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c76d673d36c44 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c8dfbfe19de37 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c70548efba997 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c5641202dd670 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce2c60a58c6e7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce2c60a58c6e7:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c4b89d49cd750 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c9fc878848648 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cd31da52a1f0b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cad1678900d7a {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cbf6fa0a7e0b7 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cbf6fa0a7e0b7:hover, .cbf6fa0a7e0b7:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c49a44dac08c6 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c49a44dac08c6 button {
  display: none;
}
.c49a44dac08c6 button svg {
  stroke: var(--icon-foreground);
}
.c49a44dac08c6:hover button {
  display: flex;
}

.c4b66ae7348e3 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c4b66ae7348e3 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c4b66ae7348e3 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c853df427810d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c853df427810d:hover div {
  color: var(--entry-foreground-color-hover);
}

.c0adacd7915f6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c2cb0cea4ec39 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c2cb0cea4ec39:hover {
  background-color: var(--menu-background-color-hover);
}

.cf55a4fe8bfda {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cf55a4fe8bfda span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf55a4fe8bfda span svg {
  stroke: var(--icon-foreground);
}
.cf55a4fe8bfda:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cf55a4fe8bfda:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c6e98f1c6db1c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ce7d1fcbbff01 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c0ad5b9ed2c80,
.cd6ba5c9bf88d {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c1d7e4b9365f2 .c0ad5b9ed2c80,
.c1d7e4b9365f2 .cd6ba5c9bf88d {
  transform: scale(1);
}

.c1a96d8b9ae29 .c0ad5b9ed2c80,
.c1a96d8b9ae29 .cd6ba5c9bf88d {
  transform: scale(0);
}

.c9d5d2bab1060 {
  width: 100%;
  margin-bottom: 0;
  overflow-y: auto;
}

.cf16e80a7d213 {
  padding: 0.75rem;
  padding-inline-start: 3.125rem;
  color: var(--color-foreground-secondary);
}

.c8398e23ad3b5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--color-accent-primary);
  cursor: pointer;
}

.c703ebbcb75e5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2rem;
  cursor: pointer;
  color: var(--layer-row-foreground-color);
  padding-left: calc(1.5rem * var(--tree-depth, 0) + 0.5rem);
  border: 0.125rem solid transparent;
  gap: 0.125rem;
}
.c703ebbcb75e5.cda507085a3e7 {
  border-bottom: 0.125rem solid var(--layer-row-foreground-color-hover);
}
.c703ebbcb75e5.c494f64ba4099 {
  border-top: 0.125rem solid var(--layer-row-foreground-color-hover);
}
.c703ebbcb75e5.c35ef563d317b {
  border: 0.125rem solid var(--layer-row-foreground-color-hover);
}

.cd6f64ea40218 {
  cursor: unset;
  padding-left: calc(1.5rem * var(--tree-depth, 0));
  gap: 0;
}

.cdb64465b579e {
  cursor: pointer;
  width: auto;
  height: 1.75rem;
}

.ca405c49b8eaf {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  padding-left: 0.125rem;
}

.c3cc8ce452fa5 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  padding-right: 0.25rem;
}

.ccdadd72ce881 {
  margin-left: 0.5rem;
}

.c727e8e605a6c {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-inline: 0.375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
  padding: 0;
}

.c1884a87b4851 {
  background-color: var(--input-border-color-active);
  color: var(--color-background-secondary);
}

.ce478898b2a91 {
  border: 1px solid var(--color-background-quaternary);
  background-color: var(--color-background-tertiary);
}

.cab4f2551350c {
  background-color: var(--color-accent-primary-muted);
  color: var(--color-background-quaternary);
}

.c0ca26e0625b7 {
  color: currentColor;
}

.c703ebbcb75e5:hover {
  background-color: var(--layer-row-background-color-hover);
  color: var(--layer-row-foreground-color-hover);
  box-shadow: -100px 0 0 0 var(--layer-row-background-color-hover);
}

.c716a977469d8 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.75rem;
  color: var(--color-foreground-third);
}

.c9e24577c8756 {
  background-color: var(--layer-row-background-color-selected);
  color: var(--layer-row-foreground-color-selected);
  box-shadow: -100px 0 0 0 var(--layer-row-background-color-selected);
}

.cd2b0df0256f8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  border-radius: 8px;
}
.cd2b0df0256f8:hover {
  color: var(--title-foreground-color-hover);
}

.cc5a0b44d1bd4 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border: none;
  background: none;
  outline: none;
  border: 1px solid var(--input-border-color-focus);
  border-radius: 8px;
  color: var(--layer-row-foreground-color-focus);
  flex-grow: 1;
  height: 1.75rem;
  margin: 0;
  padding-left: 0.375rem;
}
.cc5a0b44d1bd4::-moz-placeholder {
  color: var(--layer-row-foreground-color-placeholder);
}
.cc5a0b44d1bd4::placeholder {
  color: var(--layer-row-foreground-color-placeholder);
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

@keyframes cd531fbf408e5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c148b686fe643 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c148b686fe643:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c148b686fe643 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c148b686fe643 ::-webkit-scrollbar-track,
.c148b686fe643 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c148b686fe643 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c148b686fe643 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c148b686fe643 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c148b686fe643 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c148b686fe643 ::placeholder,
.c148b686fe643 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c8b30146e427f, .c7aba6fff3d41, .c4222cf0e4b70 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c8b30146e427f svg, .c7aba6fff3d41 svg, .c4222cf0e4b70 svg,
.c8b30146e427f span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c8b30146e427f:focus-visible, .c7aba6fff3d41:focus-visible, .c4222cf0e4b70:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c8b30146e427f:focus-visible svg, .c7aba6fff3d41:focus-visible svg, .c4222cf0e4b70:focus-visible svg,
.c8b30146e427f:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c8b30146e427f:hover, .c7aba6fff3d41:hover, .c4222cf0e4b70:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c8b30146e427f:hover svg, .c7aba6fff3d41:hover svg, .c4222cf0e4b70:hover svg,
.c8b30146e427f:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c8b30146e427f:active, .c7aba6fff3d41:active, .c4222cf0e4b70:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c8b30146e427f:active svg, .c7aba6fff3d41:active svg, .c4222cf0e4b70:active svg,
.c8b30146e427f:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c8b30146e427f.disabled, .c7aba6fff3d41.disabled, .c4222cf0e4b70.disabled, .c8b30146e427f[disabled], [disabled].c7aba6fff3d41, [disabled].c4222cf0e4b70, .c8b30146e427f:disabled, .c7aba6fff3d41:disabled, .c4222cf0e4b70:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc5bf70b619b9, .c5c3a8a94ca3c, .ca29f785b30ba {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cc5bf70b619b9 svg, .c5c3a8a94ca3c svg, .ca29f785b30ba svg,
.cc5bf70b619b9 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cc5bf70b619b9:focus-visible, .c5c3a8a94ca3c:focus-visible, .ca29f785b30ba:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cc5bf70b619b9:focus-visible svg, .c5c3a8a94ca3c:focus-visible svg, .ca29f785b30ba:focus-visible svg,
.cc5bf70b619b9:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cc5bf70b619b9:hover, .c5c3a8a94ca3c:hover, .ca29f785b30ba:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cc5bf70b619b9:hover svg, .c5c3a8a94ca3c:hover svg, .ca29f785b30ba:hover svg,
.cc5bf70b619b9:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cc5bf70b619b9:active, .c5c3a8a94ca3c:active, .ca29f785b30ba:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cc5bf70b619b9:active svg, .c5c3a8a94ca3c:active svg, .ca29f785b30ba:active svg,
.cc5bf70b619b9:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cc5bf70b619b9.disabled, .c5c3a8a94ca3c.disabled, .ca29f785b30ba.disabled, .cc5bf70b619b9[disabled], [disabled].c5c3a8a94ca3c, [disabled].ca29f785b30ba, .cc5bf70b619b9:disabled, .c5c3a8a94ca3c:disabled, .ca29f785b30ba:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf7bf8cb7eddb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cf7bf8cb7eddb svg,
.cf7bf8cb7eddb span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cf7bf8cb7eddb:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cf7bf8cb7eddb:focus-visible svg,
.cf7bf8cb7eddb:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cf7bf8cb7eddb:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cf7bf8cb7eddb:hover svg,
.cf7bf8cb7eddb:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cf7bf8cb7eddb:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cf7bf8cb7eddb:active svg,
.cf7bf8cb7eddb:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cf7bf8cb7eddb.disabled, .cf7bf8cb7eddb[disabled], .cf7bf8cb7eddb:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1d17d8e46ce1, .cbb29858785ae button, .c540d0a2feb74 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c1d17d8e46ce1 svg, .cbb29858785ae button svg, .c540d0a2feb74 svg,
.c1d17d8e46ce1 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c1d17d8e46ce1:focus-visible, .cbb29858785ae button:focus-visible, .c540d0a2feb74:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c1d17d8e46ce1:focus-visible svg, .cbb29858785ae button:focus-visible svg, .c540d0a2feb74:focus-visible svg,
.c1d17d8e46ce1:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c1d17d8e46ce1:hover, .cbb29858785ae button:hover, .c540d0a2feb74:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c1d17d8e46ce1:hover svg, .cbb29858785ae button:hover svg, .c540d0a2feb74:hover svg,
.c1d17d8e46ce1:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c1d17d8e46ce1:active, .cbb29858785ae button:active, .c540d0a2feb74:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c1d17d8e46ce1:active svg, .cbb29858785ae button:active svg, .c540d0a2feb74:active svg,
.c1d17d8e46ce1:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c1d17d8e46ce1.disabled, .cbb29858785ae button.disabled, .c540d0a2feb74.disabled, .c1d17d8e46ce1[disabled], .cbb29858785ae button[disabled], [disabled].c540d0a2feb74, .c1d17d8e46ce1:disabled, .cbb29858785ae button:disabled, .c540d0a2feb74:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c1d17d8e46ce1.disabled svg, .cbb29858785ae button.disabled svg, .c540d0a2feb74.disabled svg,
.c1d17d8e46ce1.disabled span svg, .c1d17d8e46ce1[disabled] svg, .cbb29858785ae button[disabled] svg, [disabled].c540d0a2feb74 svg,
.c1d17d8e46ce1[disabled] span svg, .c1d17d8e46ce1:disabled svg, .cbb29858785ae button:disabled svg, .c540d0a2feb74:disabled svg,
.c1d17d8e46ce1:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.caa8214998ecc {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.caa8214998ecc svg {
  color: var(--button-icon-foreground-color-selected);
}

.ccb9f71069d0f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ccb9f71069d0f svg,
.ccb9f71069d0f span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ccb9f71069d0f:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ccb9f71069d0f:focus-visible svg,
.ccb9f71069d0f:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ccb9f71069d0f:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ccb9f71069d0f:hover svg,
.ccb9f71069d0f:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ccb9f71069d0f:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ccb9f71069d0f:active svg,
.ccb9f71069d0f:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c86c5742f4190 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cbcf3c084e4b3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c91b37ceff30a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c91b37ceff30a:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c91b37ceff30a:focus-visible svg,
.c91b37ceff30a:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c91b37ceff30a:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c91b37ceff30a:active {
  border: none;
  background-color: transparent;
}

.c01110f9e2152, .c540d0a2feb74 svg, .c88109de63d28, .cbda013ae8e9b span svg, .cbb29858785ae button svg, .c2dda4ae6cafc.intermediate svg, .c2ad59205f3ee label span.intermediate svg, .c2dda4ae6cafc.checked svg, .c2ad59205f3ee label span.checked svg, .c3b23d62f531e span svg,
.c3b23d62f531e label svg, .cf629f21a30d1 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c057cb5117464 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c057cb5117464:hover {
  fill: none;
  stroke: none;
}

.c88109de63d28, .cbda013ae8e9b span svg, .cbb29858785ae button svg, .c2dda4ae6cafc.intermediate svg, .c2ad59205f3ee label span.intermediate svg, .c2dda4ae6cafc.checked svg, .c2ad59205f3ee label span.checked svg, .c3b23d62f531e span svg,
.c3b23d62f531e label svg, .cf629f21a30d1 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ca66839078a79 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ca66839078a79:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cb31126af28ed, .cf8013b11b43c input, .c0b010d8271ad input, .c3b23d62f531e input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cb31126af28ed, .cf8013b11b43c input, .c0b010d8271ad input, .c3b23d62f531e input {
    height: 23px;
  }
}
.cb31126af28ed, .cf8013b11b43c input, .c0b010d8271ad input, .c3b23d62f531e input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cb31126af28ed[disabled], .cf8013b11b43c input[disabled], .c0b010d8271ad input[disabled], .c3b23d62f531e input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cf629f21a30d1 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cfc40c6a02ee0, .c3b23d62f531e span,
.c3b23d62f531e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cfc40c6a02ee0, .c3b23d62f531e span,
  .c3b23d62f531e label {
    height: 25px;
  }
}
.cfc40c6a02ee0, .c3b23d62f531e span,
.c3b23d62f531e label {
  color: var(--input-foreground-color);
}

.c3b23d62f531e {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c3b23d62f531e {
    height: 25px;
    font-size: 10px;
  }
}
.c3b23d62f531e {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c3b23d62f531e span svg,
.c3b23d62f531e label svg {
  color: var(--input-foreground-color);
}
.c3b23d62f531e ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c3b23d62f531e ::placeholder {
  color: var(--input-placeholder-color);
}
.c3b23d62f531e:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3b23d62f531e:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c3b23d62f531e:hover span {
  color: var(--input-foreground-color-hover);
}
.c3b23d62f531e:hover input {
  color: var(--input-foreground-color-hover);
}
.c3b23d62f531e:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c3b23d62f531e:active span {
  color: var(--input-foreground-color-active);
}
.c3b23d62f531e:active input {
  color: var(--input-foreground-color-active);
}
.c3b23d62f531e:focus, .c3b23d62f531e:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c3b23d62f531e:focus span, .c3b23d62f531e:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c3b23d62f531e:focus input, .c3b23d62f531e:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c3b23d62f531e:focus:hover, .c3b23d62f531e:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c3b23d62f531e:focus:hover span, .c3b23d62f531e:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c3b23d62f531e:focus:hover input, .c3b23d62f531e:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c0b010d8271ad {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c0b010d8271ad input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c0b010d8271ad ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c0b010d8271ad ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c0b010d8271ad:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c0b010d8271ad:focus-within input, .c0b010d8271ad:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c57861448dd5e, .cf8013b11b43c.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c57861448dd5e input, .cf8013b11b43c.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c57861448dd5e span svg, .cf8013b11b43c.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c2dda4ae6cafc, .c2ad59205f3ee label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c2dda4ae6cafc svg, .c2ad59205f3ee label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c2dda4ae6cafc:hover, .c2ad59205f3ee label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c2dda4ae6cafc:focus, .c2ad59205f3ee label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c2dda4ae6cafc.checked, .c2ad59205f3ee label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c2dda4ae6cafc.checked svg, .c2ad59205f3ee label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c2dda4ae6cafc.intermediate, .c2ad59205f3ee label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c2dda4ae6cafc.intermediate svg, .c2ad59205f3ee label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c2dda4ae6cafc.unchecked, .c2ad59205f3ee label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c2dda4ae6cafc.unchecked svg, .c2ad59205f3ee label span.unchecked svg {
  display: none;
}

.c2ad59205f3ee {
  display: flex;
  align-items: center;
}
.c2ad59205f3ee label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c2ad59205f3ee label input {
  margin: 0;
}
.c2ad59205f3ee label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c2ad59205f3ee label:focus span, .c2ad59205f3ee label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cf8013b11b43c {
  display: flex;
  flex-direction: column;
}
.cf8013b11b43c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cf8013b11b43c input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cf8013b11b43c input:focus-within input, .cf8013b11b43c input:active input {
  color: var(--input-foreground-color-active);
}
.cf8013b11b43c input:focus-within, .cf8013b11b43c input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf8013b11b43c.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c78b80d1d60ed {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c4ad51e1bbfe6 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c40bf6eb7903a {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c540d0a2feb74 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c1dd59083472d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c05cc5a253c14 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ca29f785b30ba {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c4222cf0e4b70 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c7aba6fff3d41 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c9f86ecee74dd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c9f86ecee74dd:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c7b449cb85038 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cd25c4e74a9cd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c7650203b886b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c9cd37bc7c61b {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c030a53f98780 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c030a53f98780:hover, .c030a53f98780:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cbb29858785ae div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cbb29858785ae button {
  display: none;
}
.cbb29858785ae button svg {
  stroke: var(--icon-foreground);
}
.cbb29858785ae:hover button {
  display: flex;
}

.c9179c0092146 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c9179c0092146 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c9179c0092146 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c9c9cd0007766 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c9c9cd0007766:hover div {
  color: var(--entry-foreground-color-hover);
}

.cf5a3647bd97c, .cfcd05aa803cd {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c4f96143d5b44, .c10f0ad2bcb8c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c4f96143d5b44:hover, .c10f0ad2bcb8c:hover {
  background-color: var(--menu-background-color-hover);
}

.cbda013ae8e9b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cbda013ae8e9b span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cbda013ae8e9b span svg {
  stroke: var(--icon-foreground);
}
.cbda013ae8e9b:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cbda013ae8e9b:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c3ff8bd96dc7f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cbe33944825dc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c7307885f4794,
.ccccf9e72ac59 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c329c61c3e241 .c7307885f4794,
.c329c61c3e241 .ccccf9e72ac59 {
  transform: scale(1);
}

.cfcef2fbc9452 .c7307885f4794,
.cfcef2fbc9452 .ccccf9e72ac59 {
  transform: scale(0);
}

.c3294b2e8cd22 {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: calc(100vh - 7.25rem);
  overflow: hidden;
}

.c25b27936b845 {
  position: relative;
  display: flex;
  flex: 1;
  height: var(--resize-height);
  flex-direction: column;
  overflow-y: auto;
  scrollbar-gutter: stable;
  position: relative;
  padding-block-end: var(--sp-l);
}

.c2e279a510e32 {
  height: 100%;
  padding-left: var(--sp-26);
  padding-right: var(--sp-9);
  overflow-y: auto;
  scrollbar-gutter: stable;
}
@media (max-width: 1680px) {
  .c2e279a510e32 {
    padding-left: var(--sp-l);
  }
}

.c15267df74b97 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: var(--sp-18);
  padding-top: var(--sp-m);
  padding-right: var(--sp-9);
  color: var(--layer-row-foreground-color);
}
@media (max-width: 1680px) {
  .c15267df74b97 {
    margin-left: var(--sp-m);
    padding-right: var(--sp-6);
  }
}

.c15d25218365d {
  font-size: 0.75rem;
  width: var(--sp-l);
  height: var(--sp-l);
  display: flex;
  place-content: center;
}

.c7b5b0f5ce09b {
  margin-right: var(--sp-xs);
  translate: 0px -1px;
}

.cf0f949717c78 {
  position: relative;
  display: flex;
  gap: var(--sp-s);
  flex-direction: row;
  align-items: end;
  justify-content: end;
  padding: var(--sp-s);
  background-color: var(--color-background-primary);
  --button-secondary-background-color-rest: #000000
  // box-shadow: var(--el-shadow-dark);
}

.c5c3a8a94ca3c {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0.375rem var(--sp-s);
  text-transform: uppercase;
  gap: var(--sp-s);
  background-color: var(--color-background-primary);
  box-shadow: var(--el-shadow-dark);
}

.cfcd05aa803cd {
  top: -0.375rem;
  right: 0;
  translate: 0 -100%;
  width: 12rem;
  margin: 0;
}

.c10f0ad2bcb8c {
  cursor: pointer;
}
.c10f0ad2bcb8c:hover {
  color: var(--menu-foreground-color-hover);
}

.c31c049c3bb06 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c427b8b01319b {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

.c7839a000b721 {
  background-color: var(--panel-background-color);
  position: absolute;
  left: 0;
  width: 100%;
  padding: calc(1px + 0.125rem) 0 1px 0;
  height: 0.375rem;
  cursor: ns-resize;
  z-index: 1;
}

.caf7f8c0d06e6 {
  border-bottom: 0.125rem solid var(--resize-area-border-color);
  cursor: ns-resize;
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.c04a89278c3b0 {
  padding: var(--sp-m) 0 0 var(--sp-m);
}

.c91949a8bdd93 {
  padding: var(--sp-9) var(--sp-14);
  color: var(--title-foreground-color);
  word-break: break-word;
}
@media (max-width: 1680px) {
  .c91949a8bdd93 {
    padding-inline: var(--sp-9);
  }
}

.cdfdaf8bb0c28 {
  padding: var(--sp-9) var(--sp-17);
  color: var(--color-foreground-secondary);
}
@media (max-width: 1680px) {
  .cdfdaf8bb0c28 {
    padding-inline: var(--sp-m);
  }
}

.c6c3c5b99f5a0 {
  color: var(--color-foreground-third);
}

.ccc1ca4955442 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--color-accent-primary);
  cursor: pointer;
}

.cc2820d99efa6 {
  display: grid;
  grid-template-columns: 1fr 0.28fr;
  gap: var(--sp-xs);
  padding-right: var(--sp-9);
}

.c97d00eb1b88d {
  justify-content: center;
  --button-bg-color: var(--color-background-fifty);
}
@keyframes c474647315f5b {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cc3aa60e47d08 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cc3aa60e47d08:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cc3aa60e47d08 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cc3aa60e47d08 ::-webkit-scrollbar-track,
.cc3aa60e47d08 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cc3aa60e47d08 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cc3aa60e47d08 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cc3aa60e47d08 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc3aa60e47d08 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc3aa60e47d08 ::placeholder,
.cc3aa60e47d08 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c3361ded05db5, .c3f09c8319d96, .c80c7c46e8067 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c3361ded05db5 svg, .c3f09c8319d96 svg, .c80c7c46e8067 svg,
.c3361ded05db5 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c3361ded05db5:focus-visible, .c3f09c8319d96:focus-visible, .c80c7c46e8067:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c3361ded05db5:focus-visible svg, .c3f09c8319d96:focus-visible svg, .c80c7c46e8067:focus-visible svg,
.c3361ded05db5:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c3361ded05db5:hover, .c3f09c8319d96:hover, .c80c7c46e8067:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c3361ded05db5:hover svg, .c3f09c8319d96:hover svg, .c80c7c46e8067:hover svg,
.c3361ded05db5:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c3361ded05db5:active, .c3f09c8319d96:active, .c80c7c46e8067:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c3361ded05db5:active svg, .c3f09c8319d96:active svg, .c80c7c46e8067:active svg,
.c3361ded05db5:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c3361ded05db5.disabled, .c3f09c8319d96.disabled, .c80c7c46e8067.disabled, .c3361ded05db5[disabled], [disabled].c3f09c8319d96, [disabled].c80c7c46e8067, .c3361ded05db5:disabled, .c3f09c8319d96:disabled, .c80c7c46e8067:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb049c96aba23, .c08512b273343 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cb049c96aba23 svg, .c08512b273343 svg,
.cb049c96aba23 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cb049c96aba23:focus-visible, .c08512b273343:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb049c96aba23:focus-visible svg, .c08512b273343:focus-visible svg,
.cb049c96aba23:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb049c96aba23:hover, .c08512b273343:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cb049c96aba23:hover svg, .c08512b273343:hover svg,
.cb049c96aba23:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cb049c96aba23:active, .c08512b273343:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cb049c96aba23:active svg, .c08512b273343:active svg,
.cb049c96aba23:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cb049c96aba23.disabled, .c08512b273343.disabled, .cb049c96aba23[disabled], [disabled].c08512b273343, .cb049c96aba23:disabled, .c08512b273343:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c19da42026410 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c19da42026410 svg,
.c19da42026410 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c19da42026410:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c19da42026410:focus-visible svg,
.c19da42026410:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c19da42026410:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c19da42026410:hover svg,
.c19da42026410:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c19da42026410:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c19da42026410:active svg,
.c19da42026410:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c19da42026410.disabled, .c19da42026410[disabled], .c19da42026410:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cef78197c884b, .c5375ab404e94 button, .c8cd091e40419 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cef78197c884b svg, .c5375ab404e94 button svg, .c8cd091e40419 svg,
.cef78197c884b span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cef78197c884b:focus-visible, .c5375ab404e94 button:focus-visible, .c8cd091e40419:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cef78197c884b:focus-visible svg, .c5375ab404e94 button:focus-visible svg, .c8cd091e40419:focus-visible svg,
.cef78197c884b:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cef78197c884b:hover, .c5375ab404e94 button:hover, .c8cd091e40419:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cef78197c884b:hover svg, .c5375ab404e94 button:hover svg, .c8cd091e40419:hover svg,
.cef78197c884b:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cef78197c884b:active, .c5375ab404e94 button:active, .c8cd091e40419:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cef78197c884b:active svg, .c5375ab404e94 button:active svg, .c8cd091e40419:active svg,
.cef78197c884b:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cef78197c884b.disabled, .c5375ab404e94 button.disabled, .c8cd091e40419.disabled, .cef78197c884b[disabled], .c5375ab404e94 button[disabled], [disabled].c8cd091e40419, .cef78197c884b:disabled, .c5375ab404e94 button:disabled, .c8cd091e40419:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cef78197c884b.disabled svg, .c5375ab404e94 button.disabled svg, .c8cd091e40419.disabled svg,
.cef78197c884b.disabled span svg, .cef78197c884b[disabled] svg, .c5375ab404e94 button[disabled] svg, [disabled].c8cd091e40419 svg,
.cef78197c884b[disabled] span svg, .cef78197c884b:disabled svg, .c5375ab404e94 button:disabled svg, .c8cd091e40419:disabled svg,
.cef78197c884b:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c82fb0dfd5758 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c82fb0dfd5758 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cfc80a972379e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cfc80a972379e svg,
.cfc80a972379e span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cfc80a972379e:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cfc80a972379e:focus-visible svg,
.cfc80a972379e:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cfc80a972379e:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cfc80a972379e:hover svg,
.cfc80a972379e:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cfc80a972379e:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cfc80a972379e:active svg,
.cfc80a972379e:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cd069e70c4097 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cc87f74f7e6ec {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c46929d776dda {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c46929d776dda:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c46929d776dda:focus-visible svg,
.c46929d776dda:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c46929d776dda:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c46929d776dda:active {
  border: none;
  background-color: transparent;
}

.c71403c8f292f, .c8cd091e40419 svg, .c33cd8722705f, .cc5105f4b5ca6 span svg, .c5375ab404e94 button svg, .cc03c8e6bf660.intermediate svg, .cd11556903ae9 label span.intermediate svg, .cc03c8e6bf660.checked svg, .cd11556903ae9 label span.checked svg, .cb0cb590546b6 span svg,
.cb0cb590546b6 label svg, .cd2932a6a8302 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c870d6975693c {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c870d6975693c:hover {
  fill: none;
  stroke: none;
}

.c33cd8722705f, .cc5105f4b5ca6 span svg, .c5375ab404e94 button svg, .cc03c8e6bf660.intermediate svg, .cd11556903ae9 label span.intermediate svg, .cc03c8e6bf660.checked svg, .cd11556903ae9 label span.checked svg, .cb0cb590546b6 span svg,
.cb0cb590546b6 label svg, .cd2932a6a8302 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c15ef63beb90c {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c15ef63beb90c:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c1181af0ea14a, .cacea836bdc97 input, .c1b63dd6966f3 input, .cb0cb590546b6 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c1181af0ea14a, .cacea836bdc97 input, .c1b63dd6966f3 input, .cb0cb590546b6 input {
    height: 23px;
  }
}
.c1181af0ea14a, .cacea836bdc97 input, .c1b63dd6966f3 input, .cb0cb590546b6 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c1181af0ea14a[disabled], .cacea836bdc97 input[disabled], .c1b63dd6966f3 input[disabled], .cb0cb590546b6 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cd2932a6a8302 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c959f2a78b30d, .cb0cb590546b6 span,
.cb0cb590546b6 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c959f2a78b30d, .cb0cb590546b6 span,
  .cb0cb590546b6 label {
    height: 25px;
  }
}
.c959f2a78b30d, .cb0cb590546b6 span,
.cb0cb590546b6 label {
  color: var(--input-foreground-color);
}

.cb0cb590546b6 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb0cb590546b6 {
    height: 25px;
    font-size: 10px;
  }
}
.cb0cb590546b6 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cb0cb590546b6 span svg,
.cb0cb590546b6 label svg {
  color: var(--input-foreground-color);
}
.cb0cb590546b6 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cb0cb590546b6 ::placeholder {
  color: var(--input-placeholder-color);
}
.cb0cb590546b6:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb0cb590546b6:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cb0cb590546b6:hover span {
  color: var(--input-foreground-color-hover);
}
.cb0cb590546b6:hover input {
  color: var(--input-foreground-color-hover);
}
.cb0cb590546b6:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cb0cb590546b6:active span {
  color: var(--input-foreground-color-active);
}
.cb0cb590546b6:active input {
  color: var(--input-foreground-color-active);
}
.cb0cb590546b6:focus, .cb0cb590546b6:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb0cb590546b6:focus span, .cb0cb590546b6:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cb0cb590546b6:focus input, .cb0cb590546b6:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cb0cb590546b6:focus:hover, .cb0cb590546b6:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb0cb590546b6:focus:hover span, .cb0cb590546b6:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cb0cb590546b6:focus:hover input, .cb0cb590546b6:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c1b63dd6966f3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c1b63dd6966f3 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c1b63dd6966f3 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1b63dd6966f3 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1b63dd6966f3:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c1b63dd6966f3:focus-within input, .c1b63dd6966f3:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ca9c8a7a9b868, .cacea836bdc97.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ca9c8a7a9b868 input, .cacea836bdc97.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ca9c8a7a9b868 span svg, .cacea836bdc97.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cc03c8e6bf660, .cd11556903ae9 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cc03c8e6bf660 svg, .cd11556903ae9 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cc03c8e6bf660:hover, .cd11556903ae9 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cc03c8e6bf660:focus, .cd11556903ae9 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cc03c8e6bf660.checked, .cd11556903ae9 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cc03c8e6bf660.checked svg, .cd11556903ae9 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cc03c8e6bf660.intermediate, .cd11556903ae9 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cc03c8e6bf660.intermediate svg, .cd11556903ae9 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cc03c8e6bf660.unchecked, .cd11556903ae9 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cc03c8e6bf660.unchecked svg, .cd11556903ae9 label span.unchecked svg {
  display: none;
}

.cd11556903ae9 {
  display: flex;
  align-items: center;
}
.cd11556903ae9 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cd11556903ae9 label input {
  margin: 0;
}
.cd11556903ae9 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd11556903ae9 label:focus span, .cd11556903ae9 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cacea836bdc97 {
  display: flex;
  flex-direction: column;
}
.cacea836bdc97 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cacea836bdc97 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cacea836bdc97 input:focus-within input, .cacea836bdc97 input:active input {
  color: var(--input-foreground-color-active);
}
.cacea836bdc97 input:focus-within, .cacea836bdc97 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cacea836bdc97.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ce6a48db2f3a0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cef284ca1ddbe, .c173118d86704 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c0e24b7a162eb, .c64478c29a710 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c8cd091e40419 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cad6f00ed549c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ca50e4eee2db3 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c08512b273343 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c80c7c46e8067 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3f09c8319d96 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c5d95e4450da8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c5d95e4450da8:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c8fb1b5139280 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cb4f235b406bb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c152c6b5bc08c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ca7b404edacf2 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c55a068e3a1c5 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c55a068e3a1c5:hover, .c55a068e3a1c5:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c5375ab404e94 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c5375ab404e94 button {
  display: none;
}
.c5375ab404e94 button svg {
  stroke: var(--icon-foreground);
}
.c5375ab404e94:hover button {
  display: flex;
}

.c5b7c5dc4a595 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c5b7c5dc4a595 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c5b7c5dc4a595 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c410a39b653ad {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c410a39b653ad:hover div {
  color: var(--entry-foreground-color-hover);
}

.c5a3148d43bbf {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cd0cbe44195f4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cd0cbe44195f4:hover {
  background-color: var(--menu-background-color-hover);
}

.cc5105f4b5ca6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cc5105f4b5ca6 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc5105f4b5ca6 span svg {
  stroke: var(--icon-foreground);
}
.cc5105f4b5ca6:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cc5105f4b5ca6:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c7afbfcb8b9e0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c14b773ec0dee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c2a13e1989e6d,
.c37b7d2215f05 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb7a60cbf8f15 .c2a13e1989e6d,
.cb7a60cbf8f15 .c37b7d2215f05 {
  transform: scale(1);
}

.cd4d47c2de7e0 .c2a13e1989e6d,
.cd4d47c2de7e0 .c37b7d2215f05 {
  transform: scale(0);
}

.c64478c29a710 {
  width: 100%;
  max-width: 32rem;
  max-height: unset;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.c5a188001597d {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  padding: 4.5rem 0;
}

.cdd0585c4bcb3 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.c7cd1dd792039 {
  display: flex;
}

.c8343920fcf4a {
  color: var(--color-foreground-primary);
}

.cd92c080b759b {
  color: var(--color-foreground-secondary);
}

.c76df092f7f94 {
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--color-foreground-secondary);
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: auto auto;
  gap: 0.25rem;
  align-items: center;
  padding: 0;
}
.c76df092f7f94:hover {
  color: var(--color-accent-primary);
}

.cc9fdfd9ed840 {
  display: flex;
  margin-left: auto;
  justify-content: flex-end;
  gap: 0.375rem;
}

.cbbe61b739322 {
  display: flex;
  justify-content: space-between;
}

.cc2e622cfa9a8 {
  display: flex;
  flex-direction: column;
  color: var(--color-foreground-secondary);
}

.c4ad5a1b410d4 {
  color: var(--color-foreground-secondary);
}

.c9e1267f4aef9 {
  color: var(--color-foreground-primary);
}

.c9652cdb52bbc {
  color: var(--color-foreground-secondary);
}

.cc36772b85f68 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.cfb81d9f23852 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
}

.c0e0e4eb53dab {
  color: var(--color-foreground-secondary);
  margin: 0 0 0.75rem 0;
  padding: 0;
}

.c08fc9b72b17b {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}

.c62b09eeb5697 {
  flex-shrink: 0;
}

.ccaad57310461 {
  flex-grow: 1;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c7f40ef8fc182 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
}

.c9d8072eddd05 {
  display: flex;
  flex-direction: column;
  margin-block-start: 0.375rem;
  overflow-y: auto;
  gap: 2rem;
}

.c85f120ffa3c8 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.c0997fe1aa673 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
}

.c99cf35a99694 {
  color: var(--color-foreground-primary);
}

.cfa950a48f545 {
  align-items: center;
  display: flex;
  gap: 0.375rem;
  flex-shrink: 0;
}

.c68c8b5bcb29c {
  padding: 0.375rem;
  padding-left: 0.75rem;
}

.c59b226cce798 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: lowercase;
}

.cd1eb5eb71bdd {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  inline-size: 100%;
}

.c32a9f77c5169 {
  border: 1px solid color-mix(in hsl, var(--color-foreground-secondary) 30%, transparent);
  border-radius: 0.5rem;
  overflow-y: auto;
  max-height: 28.25rem;
}

.c671299003b05 {
  text-transform: lowercase;
  padding: 0.375rem;
  padding-left: 0.75rem;
}

.c9442636def87 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.c607d5edbcc07 {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  gap: 0.75rem;
}
@keyframes c697a28e5813c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ca2decf5d2339, .cae4193af0d49 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ca2decf5d2339:hover, .cae4193af0d49:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ca2decf5d2339 ::-webkit-scrollbar, .cae4193af0d49 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ca2decf5d2339 ::-webkit-scrollbar-track, .cae4193af0d49 ::-webkit-scrollbar-track,
.ca2decf5d2339 ::-webkit-scrollbar-corner,
.cae4193af0d49 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ca2decf5d2339 ::-webkit-scrollbar-thumb, .cae4193af0d49 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ca2decf5d2339 ::-webkit-scrollbar-thumb:hover, .cae4193af0d49 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ca2decf5d2339 ::-moz-selection, .cae4193af0d49 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca2decf5d2339 ::selection, .cae4193af0d49 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca2decf5d2339 ::placeholder, .cae4193af0d49 ::placeholder,
.ca2decf5d2339 ::-webkit-input-placeholder,
.cae4193af0d49 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c90a8d6ddb76f, .c69ebbae7025d, .cd609e6abe33c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c90a8d6ddb76f svg, .c69ebbae7025d svg, .cd609e6abe33c svg,
.c90a8d6ddb76f span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c90a8d6ddb76f:focus-visible, .c69ebbae7025d:focus-visible, .cd609e6abe33c:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c90a8d6ddb76f:focus-visible svg, .c69ebbae7025d:focus-visible svg, .cd609e6abe33c:focus-visible svg,
.c90a8d6ddb76f:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c90a8d6ddb76f:hover, .c69ebbae7025d:hover, .cd609e6abe33c:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c90a8d6ddb76f:hover svg, .c69ebbae7025d:hover svg, .cd609e6abe33c:hover svg,
.c90a8d6ddb76f:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c90a8d6ddb76f:active, .c69ebbae7025d:active, .cd609e6abe33c:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c90a8d6ddb76f:active svg, .c69ebbae7025d:active svg, .cd609e6abe33c:active svg,
.c90a8d6ddb76f:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c90a8d6ddb76f.disabled, .c69ebbae7025d.disabled, .cd609e6abe33c.disabled, .c90a8d6ddb76f[disabled], [disabled].c69ebbae7025d, [disabled].cd609e6abe33c, .c90a8d6ddb76f:disabled, .c69ebbae7025d:disabled, .cd609e6abe33c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc17f390f97fe, .c4033a72ee6c2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cc17f390f97fe svg, .c4033a72ee6c2 svg,
.cc17f390f97fe span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cc17f390f97fe:focus-visible, .c4033a72ee6c2:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cc17f390f97fe:focus-visible svg, .c4033a72ee6c2:focus-visible svg,
.cc17f390f97fe:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cc17f390f97fe:hover, .c4033a72ee6c2:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cc17f390f97fe:hover svg, .c4033a72ee6c2:hover svg,
.cc17f390f97fe:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cc17f390f97fe:active, .c4033a72ee6c2:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cc17f390f97fe:active svg, .c4033a72ee6c2:active svg,
.cc17f390f97fe:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cc17f390f97fe.disabled, .c4033a72ee6c2.disabled, .cc17f390f97fe[disabled], [disabled].c4033a72ee6c2, .cc17f390f97fe:disabled, .c4033a72ee6c2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce9b7ea7fbda0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ce9b7ea7fbda0 svg,
.ce9b7ea7fbda0 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ce9b7ea7fbda0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ce9b7ea7fbda0:focus-visible svg,
.ce9b7ea7fbda0:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ce9b7ea7fbda0:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ce9b7ea7fbda0:hover svg,
.ce9b7ea7fbda0:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ce9b7ea7fbda0:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ce9b7ea7fbda0:active svg,
.ce9b7ea7fbda0:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ce9b7ea7fbda0.disabled, .ce9b7ea7fbda0[disabled], .ce9b7ea7fbda0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c41eeeca4b983, .c183e43707163 button, .c74e2a1fe7dd4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c41eeeca4b983 svg, .c183e43707163 button svg, .c74e2a1fe7dd4 svg,
.c41eeeca4b983 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c41eeeca4b983:focus-visible, .c183e43707163 button:focus-visible, .c74e2a1fe7dd4:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c41eeeca4b983:focus-visible svg, .c183e43707163 button:focus-visible svg, .c74e2a1fe7dd4:focus-visible svg,
.c41eeeca4b983:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c41eeeca4b983:hover, .c183e43707163 button:hover, .c74e2a1fe7dd4:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c41eeeca4b983:hover svg, .c183e43707163 button:hover svg, .c74e2a1fe7dd4:hover svg,
.c41eeeca4b983:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c41eeeca4b983:active, .c183e43707163 button:active, .c74e2a1fe7dd4:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c41eeeca4b983:active svg, .c183e43707163 button:active svg, .c74e2a1fe7dd4:active svg,
.c41eeeca4b983:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c41eeeca4b983.disabled, .c183e43707163 button.disabled, .c74e2a1fe7dd4.disabled, .c41eeeca4b983[disabled], .c183e43707163 button[disabled], [disabled].c74e2a1fe7dd4, .c41eeeca4b983:disabled, .c183e43707163 button:disabled, .c74e2a1fe7dd4:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c41eeeca4b983.disabled svg, .c183e43707163 button.disabled svg, .c74e2a1fe7dd4.disabled svg,
.c41eeeca4b983.disabled span svg, .c41eeeca4b983[disabled] svg, .c183e43707163 button[disabled] svg, [disabled].c74e2a1fe7dd4 svg,
.c41eeeca4b983[disabled] span svg, .c41eeeca4b983:disabled svg, .c183e43707163 button:disabled svg, .c74e2a1fe7dd4:disabled svg,
.c41eeeca4b983:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c8807ed3251b5 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c8807ed3251b5 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c86e9bbb59ed9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c86e9bbb59ed9 svg,
.c86e9bbb59ed9 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c86e9bbb59ed9:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c86e9bbb59ed9:focus-visible svg,
.c86e9bbb59ed9:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c86e9bbb59ed9:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c86e9bbb59ed9:hover svg,
.c86e9bbb59ed9:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c86e9bbb59ed9:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c86e9bbb59ed9:active svg,
.c86e9bbb59ed9:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ca0c707e972a0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cd10effd23703 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c724655aa072c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c724655aa072c:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c724655aa072c:focus-visible svg,
.c724655aa072c:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c724655aa072c:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c724655aa072c:active {
  border: none;
  background-color: transparent;
}

.c544713b71340, .c74e2a1fe7dd4 svg, .cdf03055be253, .c5f1f1f408efd span svg, .cba81c6594a60 span svg, .c91e84d2559b7 span svg, .c183e43707163 button svg, .c743df061f1ae.intermediate svg, .c0ad80d525fa7 label span.intermediate svg, .c743df061f1ae.checked svg, .c0ad80d525fa7 label span.checked svg, .c5660485ec67d span svg,
.c5660485ec67d label svg, .c2b76d14b1b63 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cd5dbe2858bf2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cd5dbe2858bf2:hover {
  fill: none;
  stroke: none;
}

.cdf03055be253, .c5f1f1f408efd span svg, .cba81c6594a60 span svg, .c91e84d2559b7 span svg, .c183e43707163 button svg, .c743df061f1ae.intermediate svg, .c0ad80d525fa7 label span.intermediate svg, .c743df061f1ae.checked svg, .c0ad80d525fa7 label span.checked svg, .c5660485ec67d span svg,
.c5660485ec67d label svg, .c2b76d14b1b63 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c6f2042a8ed5b {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c6f2042a8ed5b:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cf5d5a1f30ad6, .cd793153ab9c3 input, .c86175a0d95bc input, .c5660485ec67d input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cf5d5a1f30ad6, .cd793153ab9c3 input, .c86175a0d95bc input, .c5660485ec67d input {
    height: 23px;
  }
}
.cf5d5a1f30ad6, .cd793153ab9c3 input, .c86175a0d95bc input, .c5660485ec67d input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cf5d5a1f30ad6[disabled], .cd793153ab9c3 input[disabled], .c86175a0d95bc input[disabled], .c5660485ec67d input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c2b76d14b1b63 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cd76b26036c28, .c5660485ec67d span,
.c5660485ec67d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd76b26036c28, .c5660485ec67d span,
  .c5660485ec67d label {
    height: 25px;
  }
}
.cd76b26036c28, .c5660485ec67d span,
.c5660485ec67d label {
  color: var(--input-foreground-color);
}

.c5660485ec67d {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c5660485ec67d {
    height: 25px;
    font-size: 10px;
  }
}
.c5660485ec67d {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c5660485ec67d span svg,
.c5660485ec67d label svg {
  color: var(--input-foreground-color);
}
.c5660485ec67d ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c5660485ec67d ::placeholder {
  color: var(--input-placeholder-color);
}
.c5660485ec67d:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c5660485ec67d:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c5660485ec67d:hover span {
  color: var(--input-foreground-color-hover);
}
.c5660485ec67d:hover input {
  color: var(--input-foreground-color-hover);
}
.c5660485ec67d:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c5660485ec67d:active span {
  color: var(--input-foreground-color-active);
}
.c5660485ec67d:active input {
  color: var(--input-foreground-color-active);
}
.c5660485ec67d:focus, .c5660485ec67d:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c5660485ec67d:focus span, .c5660485ec67d:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c5660485ec67d:focus input, .c5660485ec67d:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c5660485ec67d:focus:hover, .c5660485ec67d:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c5660485ec67d:focus:hover span, .c5660485ec67d:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c5660485ec67d:focus:hover input, .c5660485ec67d:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c86175a0d95bc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c86175a0d95bc input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c86175a0d95bc ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c86175a0d95bc ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c86175a0d95bc:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c86175a0d95bc:focus-within input, .c86175a0d95bc:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cc2a157da6a59, .cd793153ab9c3.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cc2a157da6a59 input, .cd793153ab9c3.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cc2a157da6a59 span svg, .cd793153ab9c3.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c743df061f1ae, .c0ad80d525fa7 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c743df061f1ae svg, .c0ad80d525fa7 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c743df061f1ae:hover, .c0ad80d525fa7 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c743df061f1ae:focus, .c0ad80d525fa7 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c743df061f1ae.checked, .c0ad80d525fa7 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c743df061f1ae.checked svg, .c0ad80d525fa7 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c743df061f1ae.intermediate, .c0ad80d525fa7 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c743df061f1ae.intermediate svg, .c0ad80d525fa7 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c743df061f1ae.unchecked, .c0ad80d525fa7 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c743df061f1ae.unchecked svg, .c0ad80d525fa7 label span.unchecked svg {
  display: none;
}

.c0ad80d525fa7 {
  display: flex;
  align-items: center;
}
.c0ad80d525fa7 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c0ad80d525fa7 label input {
  margin: 0;
}
.c0ad80d525fa7 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0ad80d525fa7 label:focus span, .c0ad80d525fa7 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cd793153ab9c3 {
  display: flex;
  flex-direction: column;
}
.cd793153ab9c3 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cd793153ab9c3 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cd793153ab9c3 input:focus-within input, .cd793153ab9c3 input:active input {
  color: var(--input-foreground-color-active);
}
.cd793153ab9c3 input:focus-within, .cd793153ab9c3 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd793153ab9c3.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf4a3bb7cb3ba {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c06dd4eef244b {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c787d2ab98a19 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c74e2a1fe7dd4 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c170201cc36a4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c3bf35890a0f3 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c4033a72ee6c2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd609e6abe33c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c69ebbae7025d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c1c71638e6fb0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c1c71638e6fb0:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cd315e576642b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c547a6337eec8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cb5cd4c1569b1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c32876ffe44cc {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.caddc3e5fb19a {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.caddc3e5fb19a:hover, .caddc3e5fb19a:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c183e43707163 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c183e43707163 button {
  display: none;
}
.c183e43707163 button svg {
  stroke: var(--icon-foreground);
}
.c183e43707163:hover button {
  display: flex;
}

.ca4bc6a524625 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ca4bc6a524625 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ca4bc6a524625 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c70e70bbf239f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c70e70bbf239f:hover div {
  color: var(--entry-foreground-color-hover);
}

.cc7784a829e8c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cc23e092f7bb2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cc23e092f7bb2:hover {
  background-color: var(--menu-background-color-hover);
}

.c5f1f1f408efd, .cba81c6594a60, .c91e84d2559b7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c5f1f1f408efd span, .cba81c6594a60 span, .c91e84d2559b7 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c5f1f1f408efd span svg, .cba81c6594a60 span svg, .c91e84d2559b7 span svg {
  stroke: var(--icon-foreground);
}
.c5f1f1f408efd:hover, .cba81c6594a60:hover, .c91e84d2559b7:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c5f1f1f408efd:hover span svg, .cba81c6594a60:hover span svg, .c91e84d2559b7:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c8c3b33d49c30, .c11e7350c5a6f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c755132aff93a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ca752a131d91b,
.c8e5acdb54c7e {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c5b0f4185aee3 .ca752a131d91b,
.c5b0f4185aee3 .c8e5acdb54c7e {
  transform: scale(1);
}

.c796d172e1484 .ca752a131d91b,
.c796d172e1484 .c8e5acdb54c7e {
  transform: scale(0);
}

.ca671450f3f61 {
  --custom-select-border-color: var(--menu-background-color);
  --custom-select-bg-color: var(--menu-background-color);
  --custom-select-icon-color: var(--color-foreground-secondary);
  --custom-select-text-color: var(--menu-foreground-color);
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  height: 2rem;
  width: 100%;
  margin: 0;
  padding: 0.5rem;
  border-radius: 8px;
  background-color: var(--custom-select-bg-color);
  border: 1px solid var(--custom-select-border-color);
  color: var(--custom-select-text-color);
  cursor: pointer;
}
.ca671450f3f61:hover {
  --custom-select-bg-color: var(--menu-background-color-hover);
  --custom-select-border-color: var(--menu-background-color);
  --custom-select-icon-color: var(--menu-foreground-color-hover);
}
.ca671450f3f61:focus {
  --custom-select-bg-color: var(--menu-background-color-focus);
  --custom-select-border-color: var(--menu-background-focus);
}

.ca51bd7901319 {
  margin-bottom: 0;
}

.cfbab98b8067a {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0.5rem;
  color: var(--color-foreground-secondary);
}

.ce2584f891064 {
  --custom-select-bg-color: var(--menu-background-color-disabled);
  --custom-select-border-color: var(--menu-border-color-disabled);
  --custom-select-icon-color: var(--menu-foreground-color-disabled);
  --custom-select-text-color: var(--menu-foreground-color-disabled);
  pointer-events: none;
  cursor: default;
}

.cd973d047aa17 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-foreground-secondary);
}

.cf261b728273d {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  padding-right: 0.25rem;
}

.ca165cacece1d {
  margin: 0;
  height: 0.125rem;
  border-block-start: 1px solid color-mix(in hsl, var(--color-foreground-secondary) 20%, transparent);
}

.c11e7350c5a6f[data-direction=up] {
  bottom: 2rem;
  top: auto;
}

.ccedc956f0590 {
  padding-left: 1rem;
}

.cba81c6594a60 {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-right: 0;
}

.c91e84d2559b7.cc5940fe1caeb {
  color: var(--menu-foreground-color);
}
.c91e84d2559b7.c42ee3aa50382 {
  display: none;
}

.c81f25bd9e876 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--icon-foreground-primary);
  visibility: hidden;
}

.c7de28c6e56ba {
  flex-grow: 1;
  width: 100%;
}

.c43c0b8d8f5ef {
  visibility: visible;
}

.c2a043d9ba188 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cae4193af0d49 {
  --menu-max-height: 25rem;
  position: absolute;
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

@keyframes c18aed69bfa48 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c18c1c60d9c5b {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c18c1c60d9c5b:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c18c1c60d9c5b ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c18c1c60d9c5b ::-webkit-scrollbar-track,
.c18c1c60d9c5b ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c18c1c60d9c5b ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c18c1c60d9c5b ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c18c1c60d9c5b ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c18c1c60d9c5b ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c18c1c60d9c5b ::placeholder,
.c18c1c60d9c5b ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c1ced2aae8567, .c61ee0b5cfa98, .c33a5a67ff967 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c1ced2aae8567 svg, .c61ee0b5cfa98 svg, .c33a5a67ff967 svg,
.c1ced2aae8567 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c1ced2aae8567:focus-visible, .c61ee0b5cfa98:focus-visible, .c33a5a67ff967:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c1ced2aae8567:focus-visible svg, .c61ee0b5cfa98:focus-visible svg, .c33a5a67ff967:focus-visible svg,
.c1ced2aae8567:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c1ced2aae8567:hover, .c61ee0b5cfa98:hover, .c33a5a67ff967:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c1ced2aae8567:hover svg, .c61ee0b5cfa98:hover svg, .c33a5a67ff967:hover svg,
.c1ced2aae8567:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c1ced2aae8567:active, .c61ee0b5cfa98:active, .c33a5a67ff967:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c1ced2aae8567:active svg, .c61ee0b5cfa98:active svg, .c33a5a67ff967:active svg,
.c1ced2aae8567:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c1ced2aae8567.disabled, .c61ee0b5cfa98.disabled, .c33a5a67ff967.disabled, .c1ced2aae8567[disabled], [disabled].c61ee0b5cfa98, [disabled].c33a5a67ff967, .c1ced2aae8567:disabled, .c61ee0b5cfa98:disabled, .c33a5a67ff967:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3d6d5b21305d, .c31f8c47c2f16 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c3d6d5b21305d svg, .c31f8c47c2f16 svg,
.c3d6d5b21305d span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c3d6d5b21305d:focus-visible, .c31f8c47c2f16:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c3d6d5b21305d:focus-visible svg, .c31f8c47c2f16:focus-visible svg,
.c3d6d5b21305d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c3d6d5b21305d:hover, .c31f8c47c2f16:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c3d6d5b21305d:hover svg, .c31f8c47c2f16:hover svg,
.c3d6d5b21305d:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c3d6d5b21305d:active, .c31f8c47c2f16:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c3d6d5b21305d:active svg, .c31f8c47c2f16:active svg,
.c3d6d5b21305d:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c3d6d5b21305d.disabled, .c31f8c47c2f16.disabled, .c3d6d5b21305d[disabled], [disabled].c31f8c47c2f16, .c3d6d5b21305d:disabled, .c31f8c47c2f16:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c50fb30a3ac54 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c50fb30a3ac54 svg,
.c50fb30a3ac54 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c50fb30a3ac54:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c50fb30a3ac54:focus-visible svg,
.c50fb30a3ac54:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c50fb30a3ac54:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c50fb30a3ac54:hover svg,
.c50fb30a3ac54:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c50fb30a3ac54:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c50fb30a3ac54:active svg,
.c50fb30a3ac54:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c50fb30a3ac54.disabled, .c50fb30a3ac54[disabled], .c50fb30a3ac54:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc07e5ef9e1bf, .c1f178b263fa6 button, .c9c7274341f68, .c33d5176da22e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cc07e5ef9e1bf svg, .c1f178b263fa6 button svg, .c9c7274341f68 svg, .c33d5176da22e svg,
.cc07e5ef9e1bf span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cc07e5ef9e1bf:focus-visible, .c1f178b263fa6 button:focus-visible, .c9c7274341f68:focus-visible, .c33d5176da22e:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cc07e5ef9e1bf:focus-visible svg, .c1f178b263fa6 button:focus-visible svg, .c9c7274341f68:focus-visible svg, .c33d5176da22e:focus-visible svg,
.cc07e5ef9e1bf:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cc07e5ef9e1bf:hover, .c1f178b263fa6 button:hover, .c9c7274341f68:hover, .c33d5176da22e:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cc07e5ef9e1bf:hover svg, .c1f178b263fa6 button:hover svg, .c9c7274341f68:hover svg, .c33d5176da22e:hover svg,
.cc07e5ef9e1bf:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cc07e5ef9e1bf:active, .c1f178b263fa6 button:active, .c9c7274341f68:active, .c33d5176da22e:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cc07e5ef9e1bf:active svg, .c1f178b263fa6 button:active svg, .c9c7274341f68:active svg, .c33d5176da22e:active svg,
.cc07e5ef9e1bf:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cc07e5ef9e1bf.disabled, .c1f178b263fa6 button.disabled, .c9c7274341f68.disabled, .c33d5176da22e.disabled, .cc07e5ef9e1bf[disabled], .c1f178b263fa6 button[disabled], [disabled].c9c7274341f68, [disabled].c33d5176da22e, .cc07e5ef9e1bf:disabled, .c1f178b263fa6 button:disabled, .c9c7274341f68:disabled, .c33d5176da22e:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cc07e5ef9e1bf.disabled svg, .c1f178b263fa6 button.disabled svg, .c9c7274341f68.disabled svg, .c33d5176da22e.disabled svg,
.cc07e5ef9e1bf.disabled span svg, .cc07e5ef9e1bf[disabled] svg, .c1f178b263fa6 button[disabled] svg, [disabled].c9c7274341f68 svg, [disabled].c33d5176da22e svg,
.cc07e5ef9e1bf[disabled] span svg, .cc07e5ef9e1bf:disabled svg, .c1f178b263fa6 button:disabled svg, .c9c7274341f68:disabled svg, .c33d5176da22e:disabled svg,
.cc07e5ef9e1bf:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cd9eecc76a067 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cd9eecc76a067 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cf3009afec803 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cf3009afec803 svg,
.cf3009afec803 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cf3009afec803:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cf3009afec803:focus-visible svg,
.cf3009afec803:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cf3009afec803:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cf3009afec803:hover svg,
.cf3009afec803:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cf3009afec803:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cf3009afec803:active svg,
.cf3009afec803:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c9204cef7af9e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cf1024336c7d3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb89e78b6edfc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cb89e78b6edfc:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cb89e78b6edfc:focus-visible svg,
.cb89e78b6edfc:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cb89e78b6edfc:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cb89e78b6edfc:active {
  border: none;
  background-color: transparent;
}

.ccaa122f0a41f, .c9c7274341f68 svg, .c33d5176da22e svg, .c831a1afe4b31, .c65b007ac6190 span svg, .c1f178b263fa6 button svg, .c4defe2b7692a.intermediate svg, .cc23107246edf label span.intermediate svg, .c4defe2b7692a.checked svg, .cc23107246edf label span.checked svg, .c507a5e1de9bc span svg,
.c507a5e1de9bc label svg, .c1cf20c94f3f9 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c27061af86cb0 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c27061af86cb0:hover {
  fill: none;
  stroke: none;
}

.c831a1afe4b31, .c65b007ac6190 span svg, .c1f178b263fa6 button svg, .c4defe2b7692a.intermediate svg, .cc23107246edf label span.intermediate svg, .c4defe2b7692a.checked svg, .cc23107246edf label span.checked svg, .c507a5e1de9bc span svg,
.c507a5e1de9bc label svg, .c1cf20c94f3f9 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ca85b6354ffcb {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ca85b6354ffcb:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c19d39a6f8019, .cc5e76ac619b0 input, .cf61f05101e93 input, .c507a5e1de9bc input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c19d39a6f8019, .cc5e76ac619b0 input, .cf61f05101e93 input, .c507a5e1de9bc input {
    height: 23px;
  }
}
.c19d39a6f8019, .cc5e76ac619b0 input, .cf61f05101e93 input, .c507a5e1de9bc input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c19d39a6f8019[disabled], .cc5e76ac619b0 input[disabled], .cf61f05101e93 input[disabled], .c507a5e1de9bc input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c1cf20c94f3f9 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c0c1f5c345021, .c507a5e1de9bc span,
.c507a5e1de9bc label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c0c1f5c345021, .c507a5e1de9bc span,
  .c507a5e1de9bc label {
    height: 25px;
  }
}
.c0c1f5c345021, .c507a5e1de9bc span,
.c507a5e1de9bc label {
  color: var(--input-foreground-color);
}

.c507a5e1de9bc {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c507a5e1de9bc {
    height: 25px;
    font-size: 10px;
  }
}
.c507a5e1de9bc {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c507a5e1de9bc span svg,
.c507a5e1de9bc label svg {
  color: var(--input-foreground-color);
}
.c507a5e1de9bc ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c507a5e1de9bc ::placeholder {
  color: var(--input-placeholder-color);
}
.c507a5e1de9bc:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c507a5e1de9bc:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c507a5e1de9bc:hover span {
  color: var(--input-foreground-color-hover);
}
.c507a5e1de9bc:hover input {
  color: var(--input-foreground-color-hover);
}
.c507a5e1de9bc:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c507a5e1de9bc:active span {
  color: var(--input-foreground-color-active);
}
.c507a5e1de9bc:active input {
  color: var(--input-foreground-color-active);
}
.c507a5e1de9bc:focus, .c507a5e1de9bc:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c507a5e1de9bc:focus span, .c507a5e1de9bc:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c507a5e1de9bc:focus input, .c507a5e1de9bc:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c507a5e1de9bc:focus:hover, .c507a5e1de9bc:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c507a5e1de9bc:focus:hover span, .c507a5e1de9bc:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c507a5e1de9bc:focus:hover input, .c507a5e1de9bc:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cf61f05101e93 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cf61f05101e93 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cf61f05101e93 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cf61f05101e93 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cf61f05101e93:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cf61f05101e93:focus-within input, .cf61f05101e93:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c1907610c480e, .cc5e76ac619b0.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c1907610c480e input, .cc5e76ac619b0.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c1907610c480e span svg, .cc5e76ac619b0.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c4defe2b7692a, .cc23107246edf label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c4defe2b7692a svg, .cc23107246edf label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c4defe2b7692a:hover, .cc23107246edf label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4defe2b7692a:focus, .cc23107246edf label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c4defe2b7692a.checked, .cc23107246edf label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c4defe2b7692a.checked svg, .cc23107246edf label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c4defe2b7692a.intermediate, .cc23107246edf label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c4defe2b7692a.intermediate svg, .cc23107246edf label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c4defe2b7692a.unchecked, .cc23107246edf label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c4defe2b7692a.unchecked svg, .cc23107246edf label span.unchecked svg {
  display: none;
}

.cc23107246edf {
  display: flex;
  align-items: center;
}
.cc23107246edf label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cc23107246edf label input {
  margin: 0;
}
.cc23107246edf label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cc23107246edf label:focus span, .cc23107246edf label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cc5e76ac619b0 {
  display: flex;
  flex-direction: column;
}
.cc5e76ac619b0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cc5e76ac619b0 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cc5e76ac619b0 input:focus-within input, .cc5e76ac619b0 input:active input {
  color: var(--input-foreground-color-active);
}
.cc5e76ac619b0 input:focus-within, .cc5e76ac619b0 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc5e76ac619b0.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c11dc5e7534e8 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ccd949a941e6c, .c4eb53aa50a10 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c80f4a03c93b6, .cb3ce2d2b5542 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c9c7274341f68, .c33d5176da22e {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c35e0e4db9590 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c78da8ac03708 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c31f8c47c2f16 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c33a5a67ff967 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c61ee0b5cfa98 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c4a2215ad3ae0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c4a2215ad3ae0:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c1c0c8a82ba61 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c971dcbdbea02 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cba65007b3235 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c3712c3b6a027 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c8b883ce7eed9 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c8b883ce7eed9:hover, .c8b883ce7eed9:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c1f178b263fa6 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c1f178b263fa6 button {
  display: none;
}
.c1f178b263fa6 button svg {
  stroke: var(--icon-foreground);
}
.c1f178b263fa6:hover button {
  display: flex;
}

.c9551d6770cb8 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c9551d6770cb8 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c9551d6770cb8 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c8afafcaf6be1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c8afafcaf6be1:hover div {
  color: var(--entry-foreground-color-hover);
}

.ce81a18ed5df5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cfc56e4698a55 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cfc56e4698a55:hover {
  background-color: var(--menu-background-color-hover);
}

.c65b007ac6190 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c65b007ac6190 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c65b007ac6190 span svg {
  stroke: var(--icon-foreground);
}
.c65b007ac6190:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c65b007ac6190:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c6d741a3fc322 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c4f2745b43e0f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ce96054c59a89,
.cf957f85211dc {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c5341fff6e1e0 .ce96054c59a89,
.c5341fff6e1e0 .cf957f85211dc {
  transform: scale(1);
}

.cba948c2071e5 .ce96054c59a89,
.cba948c2071e5 .cf957f85211dc {
  transform: scale(0);
}

.c7d9d52f043b9 {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: var(--sp-xxl);
}

.cfe479c8e9c7f {
  color: var(--color-foreground-primary);
}

.c0c3c45c4fdb1 {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: var(--sp-m);
}

.c0ef6bca5f46a {
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  gap: var(--sp-s);
}

.cb3c673001c10,
.cae102663c890 {
  color: var(--color-foreground-secondary);
}

.c153d83560b96 {
  display: flex;
  justify-content: flex-end;
  gap: var(--sp-s);
}
@keyframes c667dcdd46b7e {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cbb5498689dcd {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cbb5498689dcd:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cbb5498689dcd ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cbb5498689dcd ::-webkit-scrollbar-track,
.cbb5498689dcd ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cbb5498689dcd ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cbb5498689dcd ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cbb5498689dcd ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cbb5498689dcd ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cbb5498689dcd ::placeholder,
.cbb5498689dcd ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c5906a1b7744b, .cd9612c7d70a0, .c18c2a2f17a34 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c5906a1b7744b svg, .cd9612c7d70a0 svg, .c18c2a2f17a34 svg,
.c5906a1b7744b span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c5906a1b7744b:focus-visible, .cd9612c7d70a0:focus-visible, .c18c2a2f17a34:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c5906a1b7744b:focus-visible svg, .cd9612c7d70a0:focus-visible svg, .c18c2a2f17a34:focus-visible svg,
.c5906a1b7744b:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c5906a1b7744b:hover, .cd9612c7d70a0:hover, .c18c2a2f17a34:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c5906a1b7744b:hover svg, .cd9612c7d70a0:hover svg, .c18c2a2f17a34:hover svg,
.c5906a1b7744b:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c5906a1b7744b:active, .cd9612c7d70a0:active, .c18c2a2f17a34:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c5906a1b7744b:active svg, .cd9612c7d70a0:active svg, .c18c2a2f17a34:active svg,
.c5906a1b7744b:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c5906a1b7744b.disabled, .cd9612c7d70a0.disabled, .c18c2a2f17a34.disabled, .c5906a1b7744b[disabled], [disabled].cd9612c7d70a0, [disabled].c18c2a2f17a34, .c5906a1b7744b:disabled, .cd9612c7d70a0:disabled, .c18c2a2f17a34:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8ef32229b1af, .cf8cb5b9eec5f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c8ef32229b1af svg, .cf8cb5b9eec5f svg,
.c8ef32229b1af span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c8ef32229b1af:focus-visible, .cf8cb5b9eec5f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8ef32229b1af:focus-visible svg, .cf8cb5b9eec5f:focus-visible svg,
.c8ef32229b1af:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8ef32229b1af:hover, .cf8cb5b9eec5f:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c8ef32229b1af:hover svg, .cf8cb5b9eec5f:hover svg,
.c8ef32229b1af:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c8ef32229b1af:active, .cf8cb5b9eec5f:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c8ef32229b1af:active svg, .cf8cb5b9eec5f:active svg,
.c8ef32229b1af:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c8ef32229b1af.disabled, .cf8cb5b9eec5f.disabled, .c8ef32229b1af[disabled], [disabled].cf8cb5b9eec5f, .c8ef32229b1af:disabled, .cf8cb5b9eec5f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cdf676b39fcf7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cdf676b39fcf7 svg,
.cdf676b39fcf7 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cdf676b39fcf7:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cdf676b39fcf7:focus-visible svg,
.cdf676b39fcf7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cdf676b39fcf7:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cdf676b39fcf7:hover svg,
.cdf676b39fcf7:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cdf676b39fcf7:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cdf676b39fcf7:active svg,
.cdf676b39fcf7:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cdf676b39fcf7.disabled, .cdf676b39fcf7[disabled], .cdf676b39fcf7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7391da19e788, .c11242343c277 button, .c2ad44a30f1a5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c7391da19e788 svg, .c11242343c277 button svg, .c2ad44a30f1a5 svg,
.c7391da19e788 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c7391da19e788:focus-visible, .c11242343c277 button:focus-visible, .c2ad44a30f1a5:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c7391da19e788:focus-visible svg, .c11242343c277 button:focus-visible svg, .c2ad44a30f1a5:focus-visible svg,
.c7391da19e788:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c7391da19e788:hover, .c11242343c277 button:hover, .c2ad44a30f1a5:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c7391da19e788:hover svg, .c11242343c277 button:hover svg, .c2ad44a30f1a5:hover svg,
.c7391da19e788:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c7391da19e788:active, .c11242343c277 button:active, .c2ad44a30f1a5:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c7391da19e788:active svg, .c11242343c277 button:active svg, .c2ad44a30f1a5:active svg,
.c7391da19e788:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c7391da19e788.disabled, .c11242343c277 button.disabled, .c2ad44a30f1a5.disabled, .c7391da19e788[disabled], .c11242343c277 button[disabled], [disabled].c2ad44a30f1a5, .c7391da19e788:disabled, .c11242343c277 button:disabled, .c2ad44a30f1a5:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c7391da19e788.disabled svg, .c11242343c277 button.disabled svg, .c2ad44a30f1a5.disabled svg,
.c7391da19e788.disabled span svg, .c7391da19e788[disabled] svg, .c11242343c277 button[disabled] svg, [disabled].c2ad44a30f1a5 svg,
.c7391da19e788[disabled] span svg, .c7391da19e788:disabled svg, .c11242343c277 button:disabled svg, .c2ad44a30f1a5:disabled svg,
.c7391da19e788:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c41c5b10fc130 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c41c5b10fc130 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c4cb66f80da1d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c4cb66f80da1d svg,
.c4cb66f80da1d span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c4cb66f80da1d:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c4cb66f80da1d:focus-visible svg,
.c4cb66f80da1d:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c4cb66f80da1d:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c4cb66f80da1d:hover svg,
.c4cb66f80da1d:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c4cb66f80da1d:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c4cb66f80da1d:active svg,
.c4cb66f80da1d:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ca432ddf97e63 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cbf3f582c0c42 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c28c80a4b13b7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c28c80a4b13b7:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c28c80a4b13b7:focus-visible svg,
.c28c80a4b13b7:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c28c80a4b13b7:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c28c80a4b13b7:active {
  border: none;
  background-color: transparent;
}

.c50d19afe4f50, .c2ad44a30f1a5 svg, .c4345b11084cc, .ca5161eb93a6b span svg, .c11242343c277 button svg, .c18df5983a2f0.intermediate svg, .c637a44d02fcf label span.intermediate svg, .c18df5983a2f0.checked svg, .c637a44d02fcf label span.checked svg, .ce7ce94959469 span svg,
.ce7ce94959469 label svg, .c6234d619baa3 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c6d048dfa462e {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c6d048dfa462e:hover {
  fill: none;
  stroke: none;
}

.c4345b11084cc, .ca5161eb93a6b span svg, .c11242343c277 button svg, .c18df5983a2f0.intermediate svg, .c637a44d02fcf label span.intermediate svg, .c18df5983a2f0.checked svg, .c637a44d02fcf label span.checked svg, .ce7ce94959469 span svg,
.ce7ce94959469 label svg, .c6234d619baa3 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c44076f317f4a {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c44076f317f4a:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c9abb382c7b39, .cbdc8f76815dc input, .c5d460821418b input, .ce7ce94959469 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c9abb382c7b39, .cbdc8f76815dc input, .c5d460821418b input, .ce7ce94959469 input {
    height: 23px;
  }
}
.c9abb382c7b39, .cbdc8f76815dc input, .c5d460821418b input, .ce7ce94959469 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c9abb382c7b39[disabled], .cbdc8f76815dc input[disabled], .c5d460821418b input[disabled], .ce7ce94959469 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c6234d619baa3 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ca7c689fa3a27, .ce7ce94959469 span,
.ce7ce94959469 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca7c689fa3a27, .ce7ce94959469 span,
  .ce7ce94959469 label {
    height: 25px;
  }
}
.ca7c689fa3a27, .ce7ce94959469 span,
.ce7ce94959469 label {
  color: var(--input-foreground-color);
}

.ce7ce94959469 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce7ce94959469 {
    height: 25px;
    font-size: 10px;
  }
}
.ce7ce94959469 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ce7ce94959469 span svg,
.ce7ce94959469 label svg {
  color: var(--input-foreground-color);
}
.ce7ce94959469 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ce7ce94959469 ::placeholder {
  color: var(--input-placeholder-color);
}
.ce7ce94959469:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce7ce94959469:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ce7ce94959469:hover span {
  color: var(--input-foreground-color-hover);
}
.ce7ce94959469:hover input {
  color: var(--input-foreground-color-hover);
}
.ce7ce94959469:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ce7ce94959469:active span {
  color: var(--input-foreground-color-active);
}
.ce7ce94959469:active input {
  color: var(--input-foreground-color-active);
}
.ce7ce94959469:focus, .ce7ce94959469:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce7ce94959469:focus span, .ce7ce94959469:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ce7ce94959469:focus input, .ce7ce94959469:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ce7ce94959469:focus:hover, .ce7ce94959469:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce7ce94959469:focus:hover span, .ce7ce94959469:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ce7ce94959469:focus:hover input, .ce7ce94959469:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c5d460821418b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c5d460821418b input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c5d460821418b ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5d460821418b ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5d460821418b:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c5d460821418b:focus-within input, .c5d460821418b:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c4a9f2d8448b3, .cbdc8f76815dc.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c4a9f2d8448b3 input, .cbdc8f76815dc.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c4a9f2d8448b3 span svg, .cbdc8f76815dc.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c18df5983a2f0, .c637a44d02fcf label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c18df5983a2f0 svg, .c637a44d02fcf label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c18df5983a2f0:hover, .c637a44d02fcf label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c18df5983a2f0:focus, .c637a44d02fcf label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c18df5983a2f0.checked, .c637a44d02fcf label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c18df5983a2f0.checked svg, .c637a44d02fcf label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c18df5983a2f0.intermediate, .c637a44d02fcf label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c18df5983a2f0.intermediate svg, .c637a44d02fcf label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c18df5983a2f0.unchecked, .c637a44d02fcf label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c18df5983a2f0.unchecked svg, .c637a44d02fcf label span.unchecked svg {
  display: none;
}

.c637a44d02fcf {
  display: flex;
  align-items: center;
}
.c637a44d02fcf label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c637a44d02fcf label input {
  margin: 0;
}
.c637a44d02fcf label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c637a44d02fcf label:focus span, .c637a44d02fcf label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cbdc8f76815dc {
  display: flex;
  flex-direction: column;
}
.cbdc8f76815dc label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cbdc8f76815dc input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cbdc8f76815dc input:focus-within input, .cbdc8f76815dc input:active input {
  color: var(--input-foreground-color-active);
}
.cbdc8f76815dc input:focus-within, .cbdc8f76815dc input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbdc8f76815dc.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c4a1105547392 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c4033fe8e9334 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cf945444d1298 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c2ad44a30f1a5 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cd2a8e6cbf871 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ca04874778d0d {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cf8cb5b9eec5f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c18c2a2f17a34 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd9612c7d70a0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c6311d18bb1f0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c6311d18bb1f0:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c90effa27f4cc {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c727d8607f434 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c2d026a0d7dae {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c7d7e7c225fb9 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cbf69cc2d448f {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cbf69cc2d448f:hover, .cbf69cc2d448f:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c11242343c277 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c11242343c277 button {
  display: none;
}
.c11242343c277 button svg {
  stroke: var(--icon-foreground);
}
.c11242343c277:hover button {
  display: flex;
}

.cfb00190826f3 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cfb00190826f3 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cfb00190826f3 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c1631ab1e0bf2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c1631ab1e0bf2:hover div {
  color: var(--entry-foreground-color-hover);
}

.cd0b2db5aef9e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c39b760e5808c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c39b760e5808c:hover {
  background-color: var(--menu-background-color-hover);
}

.ca5161eb93a6b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ca5161eb93a6b span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ca5161eb93a6b span svg {
  stroke: var(--icon-foreground);
}
.ca5161eb93a6b:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ca5161eb93a6b:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c55b8bdd59fdd {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c8b7600040cb3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c3a11f1c10c16,
.cfd013585226a {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce24dae9e3e18 .c3a11f1c10c16,
.ce24dae9e3e18 .cfd013585226a {
  transform: scale(1);
}

.c785532c987f1 .c3a11f1c10c16,
.c785532c987f1 .cfd013585226a {
  transform: scale(0);
}

.cadb524cb66c8 {
  position: absolute;
  z-index: 4;
}

.c378a4e5e975d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: grid;
  width: 15rem;
  padding: 0.25rem;
  border-radius: 8px;
  border: 0.125rem solid var(--panel-border-color);
  background-color: var(--menu-background-color);
  max-height: 100vh;
  overflow-y: auto;
}

.cae5724f7840d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--menu-foreground-color);
  display: flex;
  align-items: center;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cae5724f7840d:hover {
  background-color: var(--menu-background-color-hover);
}
@keyframes c70666796fca9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c8a6bdf8a7af8 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c8a6bdf8a7af8:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c8a6bdf8a7af8 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c8a6bdf8a7af8 ::-webkit-scrollbar-track,
.c8a6bdf8a7af8 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c8a6bdf8a7af8 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c8a6bdf8a7af8 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c8a6bdf8a7af8 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8a6bdf8a7af8 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8a6bdf8a7af8 ::placeholder,
.c8a6bdf8a7af8 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c8cc4d01756d8, .c481abcb701e9, .c7619fdafa024 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c8cc4d01756d8 svg, .c481abcb701e9 svg, .c7619fdafa024 svg,
.c8cc4d01756d8 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c8cc4d01756d8:focus-visible, .c481abcb701e9:focus-visible, .c7619fdafa024:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c8cc4d01756d8:focus-visible svg, .c481abcb701e9:focus-visible svg, .c7619fdafa024:focus-visible svg,
.c8cc4d01756d8:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c8cc4d01756d8:hover, .c481abcb701e9:hover, .c7619fdafa024:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c8cc4d01756d8:hover svg, .c481abcb701e9:hover svg, .c7619fdafa024:hover svg,
.c8cc4d01756d8:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c8cc4d01756d8:active, .c481abcb701e9:active, .c7619fdafa024:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c8cc4d01756d8:active svg, .c481abcb701e9:active svg, .c7619fdafa024:active svg,
.c8cc4d01756d8:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c8cc4d01756d8.disabled, .c481abcb701e9.disabled, .c7619fdafa024.disabled, .c8cc4d01756d8[disabled], [disabled].c481abcb701e9, [disabled].c7619fdafa024, .c8cc4d01756d8:disabled, .c481abcb701e9:disabled, .c7619fdafa024:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4b7b5f6e1c38, .c26b214ae4456 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c4b7b5f6e1c38 svg, .c26b214ae4456 svg,
.c4b7b5f6e1c38 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c4b7b5f6e1c38:focus-visible, .c26b214ae4456:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4b7b5f6e1c38:focus-visible svg, .c26b214ae4456:focus-visible svg,
.c4b7b5f6e1c38:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4b7b5f6e1c38:hover, .c26b214ae4456:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c4b7b5f6e1c38:hover svg, .c26b214ae4456:hover svg,
.c4b7b5f6e1c38:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c4b7b5f6e1c38:active, .c26b214ae4456:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c4b7b5f6e1c38:active svg, .c26b214ae4456:active svg,
.c4b7b5f6e1c38:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c4b7b5f6e1c38.disabled, .c26b214ae4456.disabled, .c4b7b5f6e1c38[disabled], [disabled].c26b214ae4456, .c4b7b5f6e1c38:disabled, .c26b214ae4456:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c01e203084f2e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c01e203084f2e svg,
.c01e203084f2e span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c01e203084f2e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c01e203084f2e:focus-visible svg,
.c01e203084f2e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c01e203084f2e:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c01e203084f2e:hover svg,
.c01e203084f2e:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c01e203084f2e:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c01e203084f2e:active svg,
.c01e203084f2e:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c01e203084f2e.disabled, .c01e203084f2e[disabled], .c01e203084f2e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc920854429a8, .c19e36e85289a button, .c38e56c56efa5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cc920854429a8 svg, .c19e36e85289a button svg, .c38e56c56efa5 svg,
.cc920854429a8 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cc920854429a8:focus-visible, .c19e36e85289a button:focus-visible, .c38e56c56efa5:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cc920854429a8:focus-visible svg, .c19e36e85289a button:focus-visible svg, .c38e56c56efa5:focus-visible svg,
.cc920854429a8:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cc920854429a8:hover, .c19e36e85289a button:hover, .c38e56c56efa5:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cc920854429a8:hover svg, .c19e36e85289a button:hover svg, .c38e56c56efa5:hover svg,
.cc920854429a8:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cc920854429a8:active, .c19e36e85289a button:active, .c38e56c56efa5:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cc920854429a8:active svg, .c19e36e85289a button:active svg, .c38e56c56efa5:active svg,
.cc920854429a8:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cc920854429a8.disabled, .c19e36e85289a button.disabled, .c38e56c56efa5.disabled, .cc920854429a8[disabled], .c19e36e85289a button[disabled], [disabled].c38e56c56efa5, .cc920854429a8:disabled, .c19e36e85289a button:disabled, .c38e56c56efa5:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cc920854429a8.disabled svg, .c19e36e85289a button.disabled svg, .c38e56c56efa5.disabled svg,
.cc920854429a8.disabled span svg, .cc920854429a8[disabled] svg, .c19e36e85289a button[disabled] svg, [disabled].c38e56c56efa5 svg,
.cc920854429a8[disabled] span svg, .cc920854429a8:disabled svg, .c19e36e85289a button:disabled svg, .c38e56c56efa5:disabled svg,
.cc920854429a8:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c2c88f9ee6332 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c2c88f9ee6332 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c6d118fddb9c4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c6d118fddb9c4 svg,
.c6d118fddb9c4 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c6d118fddb9c4:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c6d118fddb9c4:focus-visible svg,
.c6d118fddb9c4:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c6d118fddb9c4:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c6d118fddb9c4:hover svg,
.c6d118fddb9c4:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c6d118fddb9c4:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c6d118fddb9c4:active svg,
.c6d118fddb9c4:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cd4286e551705 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c159f646c2529 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1288394efd15 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c1288394efd15:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c1288394efd15:focus-visible svg,
.c1288394efd15:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c1288394efd15:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c1288394efd15:active {
  border: none;
  background-color: transparent;
}

.c2540e7aca323, .c38e56c56efa5 svg, .c85d075be49cb, .c7539da18a91e span svg, .c19e36e85289a button svg, .cdda391851cc5.intermediate svg, .c3210a5b071ec label span.intermediate svg, .cdda391851cc5.checked svg, .c3210a5b071ec label span.checked svg, .c1e54a0715dc9 span svg,
.c1e54a0715dc9 label svg, .c9458927c2f61 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c6d5baefd923d {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c6d5baefd923d:hover {
  fill: none;
  stroke: none;
}

.c85d075be49cb, .c7539da18a91e span svg, .c19e36e85289a button svg, .cdda391851cc5.intermediate svg, .c3210a5b071ec label span.intermediate svg, .cdda391851cc5.checked svg, .c3210a5b071ec label span.checked svg, .c1e54a0715dc9 span svg,
.c1e54a0715dc9 label svg, .c9458927c2f61 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c0f0dffd5312e {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c0f0dffd5312e:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cc05fd2b581e0, .c5321d3d39cb2 input, .c463e64db53e9 input, .c1e54a0715dc9 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cc05fd2b581e0, .c5321d3d39cb2 input, .c463e64db53e9 input, .c1e54a0715dc9 input {
    height: 23px;
  }
}
.cc05fd2b581e0, .c5321d3d39cb2 input, .c463e64db53e9 input, .c1e54a0715dc9 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cc05fd2b581e0[disabled], .c5321d3d39cb2 input[disabled], .c463e64db53e9 input[disabled], .c1e54a0715dc9 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c9458927c2f61 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c282ec5410d35, .c1e54a0715dc9 span,
.c1e54a0715dc9 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c282ec5410d35, .c1e54a0715dc9 span,
  .c1e54a0715dc9 label {
    height: 25px;
  }
}
.c282ec5410d35, .c1e54a0715dc9 span,
.c1e54a0715dc9 label {
  color: var(--input-foreground-color);
}

.c1e54a0715dc9 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1e54a0715dc9 {
    height: 25px;
    font-size: 10px;
  }
}
.c1e54a0715dc9 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c1e54a0715dc9 span svg,
.c1e54a0715dc9 label svg {
  color: var(--input-foreground-color);
}
.c1e54a0715dc9 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c1e54a0715dc9 ::placeholder {
  color: var(--input-placeholder-color);
}
.c1e54a0715dc9:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1e54a0715dc9:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c1e54a0715dc9:hover span {
  color: var(--input-foreground-color-hover);
}
.c1e54a0715dc9:hover input {
  color: var(--input-foreground-color-hover);
}
.c1e54a0715dc9:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c1e54a0715dc9:active span {
  color: var(--input-foreground-color-active);
}
.c1e54a0715dc9:active input {
  color: var(--input-foreground-color-active);
}
.c1e54a0715dc9:focus, .c1e54a0715dc9:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1e54a0715dc9:focus span, .c1e54a0715dc9:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c1e54a0715dc9:focus input, .c1e54a0715dc9:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c1e54a0715dc9:focus:hover, .c1e54a0715dc9:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1e54a0715dc9:focus:hover span, .c1e54a0715dc9:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c1e54a0715dc9:focus:hover input, .c1e54a0715dc9:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c463e64db53e9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c463e64db53e9 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c463e64db53e9 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c463e64db53e9 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c463e64db53e9:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c463e64db53e9:focus-within input, .c463e64db53e9:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c52c3726de5d6, .c5321d3d39cb2.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c52c3726de5d6 input, .c5321d3d39cb2.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c52c3726de5d6 span svg, .c5321d3d39cb2.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cdda391851cc5, .c3210a5b071ec label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cdda391851cc5 svg, .c3210a5b071ec label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cdda391851cc5:hover, .c3210a5b071ec label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cdda391851cc5:focus, .c3210a5b071ec label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cdda391851cc5.checked, .c3210a5b071ec label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cdda391851cc5.checked svg, .c3210a5b071ec label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cdda391851cc5.intermediate, .c3210a5b071ec label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cdda391851cc5.intermediate svg, .c3210a5b071ec label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cdda391851cc5.unchecked, .c3210a5b071ec label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cdda391851cc5.unchecked svg, .c3210a5b071ec label span.unchecked svg {
  display: none;
}

.c3210a5b071ec {
  display: flex;
  align-items: center;
}
.c3210a5b071ec label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c3210a5b071ec label input {
  margin: 0;
}
.c3210a5b071ec label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c3210a5b071ec label:focus span, .c3210a5b071ec label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c5321d3d39cb2 {
  display: flex;
  flex-direction: column;
}
.c5321d3d39cb2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c5321d3d39cb2 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c5321d3d39cb2 input:focus-within input, .c5321d3d39cb2 input:active input {
  color: var(--input-foreground-color-active);
}
.c5321d3d39cb2 input:focus-within, .c5321d3d39cb2 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c5321d3d39cb2.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c91a452ab45b2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c62490e4429bc {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ce0bbec68871e {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c38e56c56efa5 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ce98b4cbc65f8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c5958ed868f30 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c26b214ae4456 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c7619fdafa024 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c481abcb701e9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c43deede6d285 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c43deede6d285:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c8bdfa5442a6a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c1919ce094996 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c2b38ef274817 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c03e00d93b07b {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c48ac10e02dc6 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c48ac10e02dc6:hover, .c48ac10e02dc6:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c19e36e85289a div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c19e36e85289a button {
  display: none;
}
.c19e36e85289a button svg {
  stroke: var(--icon-foreground);
}
.c19e36e85289a:hover button {
  display: flex;
}

.c20bbab50777a {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c20bbab50777a .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c20bbab50777a .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c1a16b852271d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c1a16b852271d:hover div {
  color: var(--entry-foreground-color-hover);
}

.c64527f29d982 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cbf8ebef5a325 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cbf8ebef5a325:hover {
  background-color: var(--menu-background-color-hover);
}

.c7539da18a91e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c7539da18a91e span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c7539da18a91e span svg {
  stroke: var(--icon-foreground);
}
.c7539da18a91e:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c7539da18a91e:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c09f41ea7b6b4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c3d77825dcd4c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ca10b0a7840b4,
.c5bc8e76ed15a {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c1cea5c2093eb .ca10b0a7840b4,
.c1cea5c2093eb .c5bc8e76ed15a {
  transform: scale(1);
}

.c0351b48a573c .ca10b0a7840b4,
.c0351b48a573c .c5bc8e76ed15a {
  transform: scale(0);
}

.cda706ebcb7fe {
  width: 100%;
  margin-bottom: 0;
  overflow-y: auto;
}

.c47dea5d6477d {
  padding: 0.75rem;
  padding-inline-start: 1.8125rem;
  color: var(--color-foreground-secondary);
}

.c4d1ecdc9eeb4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--color-accent-primary);
  cursor: pointer;
}

.cc6ef9b148e55 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2rem;
  cursor: pointer;
  color: var(--layer-row-foreground-color);
  padding-left: calc(1.5rem * var(--tree-depth, 0) + 0.5rem);
  border: 0.125rem solid transparent;
  gap: 0.125rem;
}
.cc6ef9b148e55.c1054addaefa7 {
  border-bottom: 0.125rem solid var(--layer-row-foreground-color-hover);
}
.cc6ef9b148e55.c8148ebc4848f {
  border-top: 0.125rem solid var(--layer-row-foreground-color-hover);
}
.cc6ef9b148e55.c11af3c919383 {
  border: 0.125rem solid var(--layer-row-foreground-color-hover);
}

.c9dc0d59b53aa {
  cursor: unset;
  padding-left: calc(1.5rem * var(--tree-depth, 0));
  gap: 0;
}

.c832ba73f89b2 {
  cursor: pointer;
  width: auto;
  height: 1.75rem;
}

.c8b2832d1d8fd {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  padding-left: 0.125rem;
}

.cb488f0026af0 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  padding-right: 0.25rem;
}

.ca55a485ddcc2 {
  margin-left: 0.5rem;
}

.c973f16b7412e {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-inline: 0.375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
  padding: 0;
}

.cfc2f78237dcf {
  background-color: var(--input-border-color-active);
  color: var(--color-background-secondary);
}

.c3710ff1fb751 {
  border: 1px solid var(--color-background-quaternary);
  background-color: var(--color-background-tertiary);
}

.c784c751e1ec8 {
  background-color: var(--color-accent-primary-muted);
  color: var(--color-background-quaternary);
}

.ce48ab70e6dda {
  color: currentColor;
}

.cc6ef9b148e55:hover {
  background-color: var(--layer-row-background-color-hover);
  color: var(--layer-row-foreground-color-hover);
  box-shadow: -100px 0 0 0 var(--layer-row-background-color-hover);
}

.c84ce9753e13f {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.75rem;
  color: var(--color-foreground-secondary);
}

.ce95effcfb0bd {
  color: var(--color-foreground-third);
}

.cdefac9689c61 {
  background-color: var(--layer-row-background-color-selected);
  color: var(--layer-row-foreground-color-selected);
  box-shadow: -100px 0 0 0 var(--layer-row-background-color-selected);
}

.c88baf8946481 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  border-radius: 8px;
}
.c88baf8946481:hover {
  color: var(--title-foreground-color-hover);
}

.cc6f06ba71be8 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border: none;
  background: none;
  outline: none;
  border: 1px solid var(--input-border-color-focus);
  border-radius: 8px;
  color: var(--layer-row-foreground-color-focus);
  flex-grow: 1;
  height: 1.75rem;
  margin: 0;
  padding-left: 0.375rem;
}
.cc6f06ba71be8::-moz-placeholder {
  color: var(--layer-row-foreground-color-placeholder);
}
.cc6f06ba71be8::placeholder {
  color: var(--layer-row-foreground-color-placeholder);
}
@keyframes cb570d658086c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cb58fed7db957 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cb58fed7db957:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cb58fed7db957 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cb58fed7db957 ::-webkit-scrollbar-track,
.cb58fed7db957 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cb58fed7db957 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cb58fed7db957 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cb58fed7db957 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb58fed7db957 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb58fed7db957 ::placeholder,
.cb58fed7db957 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ce3c7b164b393, .c68521c7527c4, .c5c03d7a8fdaa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ce3c7b164b393 svg, .c68521c7527c4 svg, .c5c03d7a8fdaa svg,
.ce3c7b164b393 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ce3c7b164b393:focus-visible, .c68521c7527c4:focus-visible, .c5c03d7a8fdaa:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ce3c7b164b393:focus-visible svg, .c68521c7527c4:focus-visible svg, .c5c03d7a8fdaa:focus-visible svg,
.ce3c7b164b393:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ce3c7b164b393:hover, .c68521c7527c4:hover, .c5c03d7a8fdaa:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ce3c7b164b393:hover svg, .c68521c7527c4:hover svg, .c5c03d7a8fdaa:hover svg,
.ce3c7b164b393:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ce3c7b164b393:active, .c68521c7527c4:active, .c5c03d7a8fdaa:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ce3c7b164b393:active svg, .c68521c7527c4:active svg, .c5c03d7a8fdaa:active svg,
.ce3c7b164b393:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ce3c7b164b393.disabled, .c68521c7527c4.disabled, .c5c03d7a8fdaa.disabled, .ce3c7b164b393[disabled], [disabled].c68521c7527c4, [disabled].c5c03d7a8fdaa, .ce3c7b164b393:disabled, .c68521c7527c4:disabled, .c5c03d7a8fdaa:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9601fee36bcb, .cd72b7c8d890b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c9601fee36bcb svg, .cd72b7c8d890b svg,
.c9601fee36bcb span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c9601fee36bcb:focus-visible, .cd72b7c8d890b:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c9601fee36bcb:focus-visible svg, .cd72b7c8d890b:focus-visible svg,
.c9601fee36bcb:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c9601fee36bcb:hover, .cd72b7c8d890b:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c9601fee36bcb:hover svg, .cd72b7c8d890b:hover svg,
.c9601fee36bcb:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c9601fee36bcb:active, .cd72b7c8d890b:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c9601fee36bcb:active svg, .cd72b7c8d890b:active svg,
.c9601fee36bcb:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c9601fee36bcb.disabled, .cd72b7c8d890b.disabled, .c9601fee36bcb[disabled], [disabled].cd72b7c8d890b, .c9601fee36bcb:disabled, .cd72b7c8d890b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c10d68c466493 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c10d68c466493 svg,
.c10d68c466493 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c10d68c466493:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c10d68c466493:focus-visible svg,
.c10d68c466493:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c10d68c466493:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c10d68c466493:hover svg,
.c10d68c466493:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c10d68c466493:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c10d68c466493:active svg,
.c10d68c466493:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c10d68c466493.disabled, .c10d68c466493[disabled], .c10d68c466493:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4fa19ce0bf6b, .ce37c4c6375cd button, .cc4fe8ea08ed7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c4fa19ce0bf6b svg, .ce37c4c6375cd button svg, .cc4fe8ea08ed7 svg,
.c4fa19ce0bf6b span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c4fa19ce0bf6b:focus-visible, .ce37c4c6375cd button:focus-visible, .cc4fe8ea08ed7:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c4fa19ce0bf6b:focus-visible svg, .ce37c4c6375cd button:focus-visible svg, .cc4fe8ea08ed7:focus-visible svg,
.c4fa19ce0bf6b:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c4fa19ce0bf6b:hover, .ce37c4c6375cd button:hover, .cc4fe8ea08ed7:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c4fa19ce0bf6b:hover svg, .ce37c4c6375cd button:hover svg, .cc4fe8ea08ed7:hover svg,
.c4fa19ce0bf6b:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c4fa19ce0bf6b:active, .ce37c4c6375cd button:active, .cc4fe8ea08ed7:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c4fa19ce0bf6b:active svg, .ce37c4c6375cd button:active svg, .cc4fe8ea08ed7:active svg,
.c4fa19ce0bf6b:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c4fa19ce0bf6b.disabled, .ce37c4c6375cd button.disabled, .cc4fe8ea08ed7.disabled, .c4fa19ce0bf6b[disabled], .ce37c4c6375cd button[disabled], [disabled].cc4fe8ea08ed7, .c4fa19ce0bf6b:disabled, .ce37c4c6375cd button:disabled, .cc4fe8ea08ed7:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c4fa19ce0bf6b.disabled svg, .ce37c4c6375cd button.disabled svg, .cc4fe8ea08ed7.disabled svg,
.c4fa19ce0bf6b.disabled span svg, .c4fa19ce0bf6b[disabled] svg, .ce37c4c6375cd button[disabled] svg, [disabled].cc4fe8ea08ed7 svg,
.c4fa19ce0bf6b[disabled] span svg, .c4fa19ce0bf6b:disabled svg, .ce37c4c6375cd button:disabled svg, .cc4fe8ea08ed7:disabled svg,
.c4fa19ce0bf6b:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c8b461a286189 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c8b461a286189 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c802207b083d5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c802207b083d5 svg,
.c802207b083d5 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c802207b083d5:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c802207b083d5:focus-visible svg,
.c802207b083d5:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c802207b083d5:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c802207b083d5:hover svg,
.c802207b083d5:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c802207b083d5:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c802207b083d5:active svg,
.c802207b083d5:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c6deabe341e04 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cdcd241a79c13 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8e782b3ff88b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c8e782b3ff88b:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c8e782b3ff88b:focus-visible svg,
.c8e782b3ff88b:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c8e782b3ff88b:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c8e782b3ff88b:active {
  border: none;
  background-color: transparent;
}

.ca152f984e3ef, .cc4fe8ea08ed7 svg, .c2b2593e2094e, .cb5079fac37c1 span svg, .ce37c4c6375cd button svg, .c033cab288fd1.intermediate svg, .cd8935545f0ab label span.intermediate svg, .c033cab288fd1.checked svg, .cd8935545f0ab label span.checked svg, .cb8233d380aa7 span svg,
.cb8233d380aa7 label svg, .c8005ecf93abb svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c0393233052e6 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c0393233052e6:hover {
  fill: none;
  stroke: none;
}

.c2b2593e2094e, .cb5079fac37c1 span svg, .ce37c4c6375cd button svg, .c033cab288fd1.intermediate svg, .cd8935545f0ab label span.intermediate svg, .c033cab288fd1.checked svg, .cd8935545f0ab label span.checked svg, .cb8233d380aa7 span svg,
.cb8233d380aa7 label svg, .c8005ecf93abb svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c653acd86e4f0 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c653acd86e4f0:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c455aba38b2cf, .c6e33e3fd7728 input, .c765404c13ac7 input, .cb8233d380aa7 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c455aba38b2cf, .c6e33e3fd7728 input, .c765404c13ac7 input, .cb8233d380aa7 input {
    height: 23px;
  }
}
.c455aba38b2cf, .c6e33e3fd7728 input, .c765404c13ac7 input, .cb8233d380aa7 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c455aba38b2cf[disabled], .c6e33e3fd7728 input[disabled], .c765404c13ac7 input[disabled], .cb8233d380aa7 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c8005ecf93abb {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c1eaad0c20c0f, .cb8233d380aa7 span,
.cb8233d380aa7 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1eaad0c20c0f, .cb8233d380aa7 span,
  .cb8233d380aa7 label {
    height: 25px;
  }
}
.c1eaad0c20c0f, .cb8233d380aa7 span,
.cb8233d380aa7 label {
  color: var(--input-foreground-color);
}

.cb8233d380aa7 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb8233d380aa7 {
    height: 25px;
    font-size: 10px;
  }
}
.cb8233d380aa7 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cb8233d380aa7 span svg,
.cb8233d380aa7 label svg {
  color: var(--input-foreground-color);
}
.cb8233d380aa7 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cb8233d380aa7 ::placeholder {
  color: var(--input-placeholder-color);
}
.cb8233d380aa7:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb8233d380aa7:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cb8233d380aa7:hover span {
  color: var(--input-foreground-color-hover);
}
.cb8233d380aa7:hover input {
  color: var(--input-foreground-color-hover);
}
.cb8233d380aa7:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cb8233d380aa7:active span {
  color: var(--input-foreground-color-active);
}
.cb8233d380aa7:active input {
  color: var(--input-foreground-color-active);
}
.cb8233d380aa7:focus, .cb8233d380aa7:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb8233d380aa7:focus span, .cb8233d380aa7:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cb8233d380aa7:focus input, .cb8233d380aa7:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cb8233d380aa7:focus:hover, .cb8233d380aa7:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb8233d380aa7:focus:hover span, .cb8233d380aa7:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cb8233d380aa7:focus:hover input, .cb8233d380aa7:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c765404c13ac7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c765404c13ac7 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c765404c13ac7 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c765404c13ac7 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c765404c13ac7:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c765404c13ac7:focus-within input, .c765404c13ac7:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ce5068d23981f, .c6e33e3fd7728.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ce5068d23981f input, .c6e33e3fd7728.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ce5068d23981f span svg, .c6e33e3fd7728.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c033cab288fd1, .cd8935545f0ab label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c033cab288fd1 svg, .cd8935545f0ab label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c033cab288fd1:hover, .cd8935545f0ab label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c033cab288fd1:focus, .cd8935545f0ab label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c033cab288fd1.checked, .cd8935545f0ab label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c033cab288fd1.checked svg, .cd8935545f0ab label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c033cab288fd1.intermediate, .cd8935545f0ab label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c033cab288fd1.intermediate svg, .cd8935545f0ab label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c033cab288fd1.unchecked, .cd8935545f0ab label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c033cab288fd1.unchecked svg, .cd8935545f0ab label span.unchecked svg {
  display: none;
}

.cd8935545f0ab {
  display: flex;
  align-items: center;
}
.cd8935545f0ab label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cd8935545f0ab label input {
  margin: 0;
}
.cd8935545f0ab label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd8935545f0ab label:focus span, .cd8935545f0ab label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c6e33e3fd7728 {
  display: flex;
  flex-direction: column;
}
.c6e33e3fd7728 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c6e33e3fd7728 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c6e33e3fd7728 input:focus-within input, .c6e33e3fd7728 input:active input {
  color: var(--input-foreground-color-active);
}
.c6e33e3fd7728 input:focus-within, .c6e33e3fd7728 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c6e33e3fd7728.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc57ac8b79f6d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c21a1e30637fc {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c260279e0ba53 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cc4fe8ea08ed7 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cbab4f54e5c7e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c29bd9b5e1347 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cd72b7c8d890b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c5c03d7a8fdaa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c68521c7527c4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce65f0e2cda73 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce65f0e2cda73:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c04fccc4e5149 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c96a25e74dd59 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ca17d519ae6b8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c7750fc231664 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c23c94d82a1e1 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c23c94d82a1e1:hover, .c23c94d82a1e1:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ce37c4c6375cd div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ce37c4c6375cd button {
  display: none;
}
.ce37c4c6375cd button svg {
  stroke: var(--icon-foreground);
}
.ce37c4c6375cd:hover button {
  display: flex;
}

.cc2b7be7611ba {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cc2b7be7611ba .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cc2b7be7611ba .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cff280ab66af3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cff280ab66af3:hover div {
  color: var(--entry-foreground-color-hover);
}

.c00954edb2aab {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ceb922c243745 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ceb922c243745:hover {
  background-color: var(--menu-background-color-hover);
}

.cb5079fac37c1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cb5079fac37c1 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cb5079fac37c1 span svg {
  stroke: var(--icon-foreground);
}
.cb5079fac37c1:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cb5079fac37c1:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c680833bce0ca {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c2a1d90b66dff {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c2ccead907eb3,
.c44f115618862 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c3987df7bab11 .c2ccead907eb3,
.c3987df7bab11 .c44f115618862 {
  transform: scale(1);
}

.c1986c5f2a66b .c2ccead907eb3,
.c1986c5f2a66b .c44f115618862 {
  transform: scale(0);
}

.c8514edb61280 {
  position: absolute;
  z-index: 4;
}

.c8514edb61280[data-direction=up] {
  bottom: var(--bottom);
}

.c8514edb61280[data-direction=down] {
  top: var(--top);
}

.c091e9e4b7646,
.c2f217e72c6a5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: grid;
  width: 15rem;
  padding: 0.25rem;
  border-radius: 8px;
  border: 0.125rem solid var(--color-background-quaternary);
  background-color: var(--color-background-tertiary);
  max-height: 100vh;
  overflow-y: auto;
}

.c2f217e72c6a5 {
  display: none;
}

.c1bca2c6a1378 {
  bottom: 80px;
}

.c2f217e72c6a5 {
  position: absolute;
  padding: 0.25rem;
  margin-left: 0.375rem;
}

.c68016dae0055 {
  margin: 0.375rem;
  border-block-start: 1px solid var(--panel-border-color);
}

.cc07feebbedbe {
  --context-menu-item-bg-color: none;
  --context-menu-item-fg-color: var(--color-foreground-primary);
  --context-menu-item-border-color: none;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  height: 2rem;
  width: 100%;
  padding: 0.5rem;
  border-radius: 8px;
  color: var(--context-menu-item-fg-color);
  background-color: var(--context-menu-item-bg-color);
  border: 1px solid var(--context-menu-item-border-color);
  cursor: pointer;
}
.cc07feebbedbe:hover {
  --context-menu-item-bg-color: var(--color-background-quaternary);
}
.cc07feebbedbe:focus {
  --context-menu-item-bg-color: var(--menu-background-color-focus);
  --context-menu-item-border-color: var(--color-background-tertiary);
}
.cc07feebbedbe[aria-selected=true] {
  --context-menu-item-bg-color: var(--color-background-quaternary);
}

.ca84126e6879a {
  position: relative;
}

.c80f01d4360aa .cba714b40957e {
  color: var(--color-accent-primary);
}

.cd24174dd8a88 {
  color: var(--color-foreground-secondary);
}
.cd24174dd8a88 .cba714b40957e {
  color: var(--color-background-quaternary);
}
.cd24174dd8a88:hover {
  color: var(--color-foreground-primary);
}
.cd24174dd8a88:hover .cba714b40957e {
  color: var(--color-foreground-secondary);
}

.cd1334da2edc7 {
  position: absolute;
  background-color: var(--color-background-primary);
  border-radius: 6px;
  padding: 0.25rem;
  inset-inline-end: 0.25rem;
  inset-block-start: 0.25rem;
  color: var(--color-foreground-secondary);
}

.c8fa97295b57c {
  flex-grow: 1;
}

.cc4f37ee43061 {
  padding-left: 1.25rem;
}

.cba714b40957e {
  margin-right: 0.25rem;
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.c115c580d2cc7 {
  --menu-inline-size: 15rem;
  position: absolute;
  z-index: var(--z-index-dropdown);
}

.c115c580d2cc7[data-direction=up] {
  bottom: var(--bottom);
}

.c115c580d2cc7[data-direction=down] {
  top: var(--top);
}

.caf3bc0ced758 {
  inline-size: var(--menu-inline-size);
  padding: var(--sp-xs);
  border-radius: 0.5rem;
  border: 0.125rem solid var(--color-background-quaternary);
  background-color: var(--color-background-tertiary);
  max-block-size: 100vh;
  overflow-y: auto;
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
}

.cf3d19086ed42 {
  --context-menu-item-bg-color: none;
  --context-menu-item-fg-color: var(--color-foreground-primary);
  --context-menu-item-border-color: none;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--context-menu-item-bg-color);
  border: 0.0625rem solid var(--context-menu-item-border-color);
  color: var(--context-menu-item-fg-color);
  border-radius: 0.5rem;
  cursor: pointer;
  block-size: 2rem;
  inline-size: 100%;
  display: flex;
  align-items: center;
  padding: var(--sp-xs);
}
.cf3d19086ed42:hover {
  --context-menu-item-bg-color: var(--color-background-quaternary);
}
.cf3d19086ed42:focus {
  --context-menu-item-bg-color: var(--menu-background-color-focus);
  --context-menu-item-border-color: var(--color-background-tertiary);
}
.cf3d19086ed42[aria-selected=true] {
  --context-menu-item-bg-color: var(--color-background-quaternary);
}
.cbd725d392775 {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.375rem;
  border: 0.0625rem solid var(--token-pill-border);
  outline: 0.125rem solid var(--token-pill-outline);
  height: var(--sp-xxl);
  border-radius: 0.5rem;
  padding: var(--sp-xxs) var(--sp-s) var(--sp-xxs) var(--sp-xs);
  color: var(--token-pill-foreground);
  background: var(--token-pill-background);
}

.c5297c60cd35d {
  grid-template-columns: 1fr;
  padding: var(--sp-xxs) var(--sp-s);
}

.cdcfad3c423a1 {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ccb7c21bc55c4 {
  height: var(--sp-l);
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}

.c4f488ed06e1a {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.ca0b5110793f3 {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  flex-shrink: 0;
}

.c4311d6ac73e9 {
  color: var(--token-pill-accent);
}

.cafd9fd87050d {
  --token-pill-background: var(--color-background-tertiary);
  --token-pill-foreground: var(--color-foreground-secondary);
  --token-pill-border: var(--color-background-tertiary);
  --token-pill-outline: none;
  --token-pill-accent: var(--color-background-quaternary);
}
.cafd9fd87050d:hover {
  --token-pill-background: var(--color-token-background);
  --token-pill-foreground: var(--color-foreground-primary);
  --token-pill-border: var(--color-token-background);
  --token-pill-outline: none;
  --token-pill-accent: var(--color-background-quaternary);
}
.cafd9fd87050d:focus-visible {
  --token-pill-outline: var(--color-background-primary);
  --token-pill-border: var(--color-accent-primary);
  outline-offset: -3px;
}

.c6b7f589697c7 {
  opacity: 0.4;
  cursor: default;
}

.c78d6f95ebbbe {
  --token-pill-background: var(--color-token-background);
  --token-pill-foreground: var(--color-token-foreground);
  --token-pill-border: var(--color-token-border);
  --token-pill-accent: var(--color-token-accent);
}
.c78d6f95ebbbe:hover {
  --token-pill-background: var(--color-token-background);
  --token-pill-foreground: var(--color-foreground-primary);
  --token-pill-border: var(--color-token-foreground);
  --token-pill-accent: var(--color-token-accent);
}
.c78d6f95ebbbe:focus-visible {
  --token-pill-background: var(--color-token-background);
  --token-pill-foreground: var(--color-token-foreground);
  --token-pill-accent: var(--color-token-accent);
  --token-pill-outline: var(--color-background-primary);
  --token-pill-border: var(--color-accent-primary);
}

.ccdd45dc82aaf {
  --token-pill-background: var(--color-background-tertiary);
  --token-pill-foreground: var(--color-foreground-error);
  --token-pill-border: var(--color-background-tertiary);
  --token-pill-outline: none;
  --token-pill-accent: var(--color-foreground-error);
}
.ccdd45dc82aaf:hover, .ccdd45dc82aaf:focus-visible {
  --token-pill-background: var(--color-background-tertiary);
  --token-pill-accent: var(--color-foreground-error);
}
.ccdd45dc82aaf:hover {
  --token-pill-foreground: var(--color-foreground-primary);
  --token-pill-outline: none;
  --token-pill-border: var(--color-foreground-error);
}
.ccdd45dc82aaf:focus-visible {
  --token-pill-foreground: var(--color-foreground-error);
  --token-pill-border: var(--color-accent-primary);
  --token-pill-outline: var(--color-foreground-error);
}

.c51cb17315bf7 {
  --token-pill-border: var(--color-foreground-error);
}
.c51cb17315bf7:hover, .c51cb17315bf7:focus-visible {
  --token-pill-border: var(--color-foreground-error);
}

.c42c527becdd7 {
  --token-pill-background: var(--color-background-primary);
  --token-pill-foreground: var(--color-foreground-secondary);
  --token-pill-border: var(--color-background-tertiary);
  --token-pill-outline: none;
  --token-pill-accent: var(--color-background-quaternary);
}

.cb0aa51072231 {
  --token-pill-background: var(--color-background-primary);
  --token-pill-foreground: var(--color-token-foreground);
  --token-pill-border: var(--color-token-accent);
  --token-pill-outline: none;
  --token-pill-accent: var(--color-token-accent);
}

.c608cc2e99655 {
  --token-pill-border: var(--color-token-background);
  --token-pill-foreground: var(--color-foreground-error);
  --token-pill-accent: var(--color-foreground-error);
}
.c608cc2e99655:hover, .c608cc2e99655:focus-visible {
  --token-pill-border: var(--color-token-background);
  --token-pill-foreground: var(--color-foreground-error);
  --token-pill-accent: var(--color-foreground-error);
}

.cb3582d900c6a {
  --token-pill-border: var(--color-accent-error);
  --token-pill-foreground: var(--color-foreground-error);
  --token-pill-accent: var(--color-foreground-error);
}
.cb3582d900c6a:hover, .cb3582d900c6a:focus-visible {
  --token-pill-border: var(--color-accent-error);
  --token-pill-foreground: var(--color-foreground-error);
  --token-pill-accent: var(--color-foreground-error);
}
.c7ba4c1461a32 {
  --node-spacing: var(--sp-s);
  padding-block-end: var(--sp-s);
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-s);
  padding-inline-start: calc(var(--node-spacing));
}
.c7ba4c1461a32 .c1d7647003ff0 {
  flex: 1 0 100%;
}
.c7ba4c1461a32 .c1d7647003ff0:last-of-type + * {
  margin-block-end: var(--sp-s);
}
.c7ba4c1461a32 .c774f127cee8a {
  flex: 0 0 auto;
}

.c1d7647003ff0 {
  margin-block-end: 0;
}

.cd05b52273ce6 {
  margin-inline-start: var(--sp-s);
  padding-inline-start: var(--sp-s);
  border-inline-start: 0.125rem solid var(--color-background-quaternary);
}
.cd05b52273ce6:has(> button) {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-xs);
}
.cd05b52273ce6 .c1d7647003ff0 {
  flex: 1 0 100%;
}
.cd05b52273ce6 .c1d7647003ff0:last-of-type {
  margin-block-end: var(--sp-s);
}
.cd05b52273ce6 .c774f127cee8a {
  flex: 0 0 auto;
}
.c2e6869bee21a {
  width: 24rem;
  position: relative;
}

.cbd3758656868 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-l);
}

.c675b51654858 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  position: relative;
}

.c67f232706f2b {
  display: grid;
  grid-template-columns: 1fr auto;
}

.c17a3b2d2d82a {
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
}

.c2868c4550996 {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: end;
  gap: var(--sp-m);
  padding-block-start: var(--sp-s);
}

.c44e35aa17c23 {
  grid-template-columns: 1fr auto auto;
}

.c3db9275a1109 {
  justify-self: start;
}
@keyframes c1206321de816 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cc7dfac570cd8 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cc7dfac570cd8:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cc7dfac570cd8 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cc7dfac570cd8 ::-webkit-scrollbar-track,
.cc7dfac570cd8 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cc7dfac570cd8 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cc7dfac570cd8 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cc7dfac570cd8 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc7dfac570cd8 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc7dfac570cd8 ::placeholder,
.cc7dfac570cd8 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c8af3c7a8c299, .cdd42cd7ca851, .c94347fc34e86 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c8af3c7a8c299 svg, .cdd42cd7ca851 svg, .c94347fc34e86 svg,
.c8af3c7a8c299 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c8af3c7a8c299:focus-visible, .cdd42cd7ca851:focus-visible, .c94347fc34e86:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c8af3c7a8c299:focus-visible svg, .cdd42cd7ca851:focus-visible svg, .c94347fc34e86:focus-visible svg,
.c8af3c7a8c299:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c8af3c7a8c299:hover, .cdd42cd7ca851:hover, .c94347fc34e86:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c8af3c7a8c299:hover svg, .cdd42cd7ca851:hover svg, .c94347fc34e86:hover svg,
.c8af3c7a8c299:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c8af3c7a8c299:active, .cdd42cd7ca851:active, .c94347fc34e86:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c8af3c7a8c299:active svg, .cdd42cd7ca851:active svg, .c94347fc34e86:active svg,
.c8af3c7a8c299:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c8af3c7a8c299.disabled, .cdd42cd7ca851.disabled, .c94347fc34e86.disabled, .c8af3c7a8c299[disabled], [disabled].cdd42cd7ca851, [disabled].c94347fc34e86, .c8af3c7a8c299:disabled, .cdd42cd7ca851:disabled, .c94347fc34e86:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf1c7028a8a67, .cf42effec52f0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cf1c7028a8a67 svg, .cf42effec52f0 svg,
.cf1c7028a8a67 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cf1c7028a8a67:focus-visible, .cf42effec52f0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cf1c7028a8a67:focus-visible svg, .cf42effec52f0:focus-visible svg,
.cf1c7028a8a67:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cf1c7028a8a67:hover, .cf42effec52f0:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cf1c7028a8a67:hover svg, .cf42effec52f0:hover svg,
.cf1c7028a8a67:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cf1c7028a8a67:active, .cf42effec52f0:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cf1c7028a8a67:active svg, .cf42effec52f0:active svg,
.cf1c7028a8a67:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cf1c7028a8a67.disabled, .cf42effec52f0.disabled, .cf1c7028a8a67[disabled], [disabled].cf42effec52f0, .cf1c7028a8a67:disabled, .cf42effec52f0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5464810c093f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c5464810c093f svg,
.c5464810c093f span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c5464810c093f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c5464810c093f:focus-visible svg,
.c5464810c093f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c5464810c093f:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c5464810c093f:hover svg,
.c5464810c093f:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c5464810c093f:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c5464810c093f:active svg,
.c5464810c093f:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c5464810c093f.disabled, .c5464810c093f[disabled], .c5464810c093f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf433dfaa3355, .c0b20c2bec0ba button, .ccc23afc1ae65 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cf433dfaa3355 svg, .c0b20c2bec0ba button svg, .ccc23afc1ae65 svg,
.cf433dfaa3355 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cf433dfaa3355:focus-visible, .c0b20c2bec0ba button:focus-visible, .ccc23afc1ae65:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cf433dfaa3355:focus-visible svg, .c0b20c2bec0ba button:focus-visible svg, .ccc23afc1ae65:focus-visible svg,
.cf433dfaa3355:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cf433dfaa3355:hover, .c0b20c2bec0ba button:hover, .ccc23afc1ae65:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cf433dfaa3355:hover svg, .c0b20c2bec0ba button:hover svg, .ccc23afc1ae65:hover svg,
.cf433dfaa3355:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cf433dfaa3355:active, .c0b20c2bec0ba button:active, .ccc23afc1ae65:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cf433dfaa3355:active svg, .c0b20c2bec0ba button:active svg, .ccc23afc1ae65:active svg,
.cf433dfaa3355:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cf433dfaa3355.disabled, .c0b20c2bec0ba button.disabled, .ccc23afc1ae65.disabled, .cf433dfaa3355[disabled], .c0b20c2bec0ba button[disabled], [disabled].ccc23afc1ae65, .cf433dfaa3355:disabled, .c0b20c2bec0ba button:disabled, .ccc23afc1ae65:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cf433dfaa3355.disabled svg, .c0b20c2bec0ba button.disabled svg, .ccc23afc1ae65.disabled svg,
.cf433dfaa3355.disabled span svg, .cf433dfaa3355[disabled] svg, .c0b20c2bec0ba button[disabled] svg, [disabled].ccc23afc1ae65 svg,
.cf433dfaa3355[disabled] span svg, .cf433dfaa3355:disabled svg, .c0b20c2bec0ba button:disabled svg, .ccc23afc1ae65:disabled svg,
.cf433dfaa3355:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c281b588ad793 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c281b588ad793 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cec6654503e81 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cec6654503e81 svg,
.cec6654503e81 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cec6654503e81:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cec6654503e81:focus-visible svg,
.cec6654503e81:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cec6654503e81:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cec6654503e81:hover svg,
.cec6654503e81:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cec6654503e81:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cec6654503e81:active svg,
.cec6654503e81:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c4fe3b061197d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c0f02306ded7e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc11eb5a3977b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc11eb5a3977b:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cc11eb5a3977b:focus-visible svg,
.cc11eb5a3977b:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cc11eb5a3977b:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cc11eb5a3977b:active {
  border: none;
  background-color: transparent;
}

.c88f9f61afa17, .ccc23afc1ae65 svg, .c380f08c27b6c, .c5051cf7a4bef span svg, .c0b20c2bec0ba button svg, .c0e92d4f5f072.intermediate svg, .cd2c542acb73c label span.intermediate svg, .c0e92d4f5f072.checked svg, .cd2c542acb73c label span.checked svg, .ce5c865dd5ed3 span svg,
.ce5c865dd5ed3 label svg, .cd0a9652f66d0 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c6f3a28425434 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c6f3a28425434:hover {
  fill: none;
  stroke: none;
}

.c380f08c27b6c, .c5051cf7a4bef span svg, .c0b20c2bec0ba button svg, .c0e92d4f5f072.intermediate svg, .cd2c542acb73c label span.intermediate svg, .c0e92d4f5f072.checked svg, .cd2c542acb73c label span.checked svg, .ce5c865dd5ed3 span svg,
.ce5c865dd5ed3 label svg, .cd0a9652f66d0 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cf1b773e550a9 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cf1b773e550a9:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cab4d2dd83bc4, .c65cbe92391a1 input, .ce84181cde3ac input, .ce5c865dd5ed3 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cab4d2dd83bc4, .c65cbe92391a1 input, .ce84181cde3ac input, .ce5c865dd5ed3 input {
    height: 23px;
  }
}
.cab4d2dd83bc4, .c65cbe92391a1 input, .ce84181cde3ac input, .ce5c865dd5ed3 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cab4d2dd83bc4[disabled], .c65cbe92391a1 input[disabled], .ce84181cde3ac input[disabled], .ce5c865dd5ed3 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cd0a9652f66d0 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ca33136cfe031, .ce5c865dd5ed3 span,
.ce5c865dd5ed3 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca33136cfe031, .ce5c865dd5ed3 span,
  .ce5c865dd5ed3 label {
    height: 25px;
  }
}
.ca33136cfe031, .ce5c865dd5ed3 span,
.ce5c865dd5ed3 label {
  color: var(--input-foreground-color);
}

.ce5c865dd5ed3 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce5c865dd5ed3 {
    height: 25px;
    font-size: 10px;
  }
}
.ce5c865dd5ed3 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ce5c865dd5ed3 span svg,
.ce5c865dd5ed3 label svg {
  color: var(--input-foreground-color);
}
.ce5c865dd5ed3 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ce5c865dd5ed3 ::placeholder {
  color: var(--input-placeholder-color);
}
.ce5c865dd5ed3:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce5c865dd5ed3:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ce5c865dd5ed3:hover span {
  color: var(--input-foreground-color-hover);
}
.ce5c865dd5ed3:hover input {
  color: var(--input-foreground-color-hover);
}
.ce5c865dd5ed3:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ce5c865dd5ed3:active span {
  color: var(--input-foreground-color-active);
}
.ce5c865dd5ed3:active input {
  color: var(--input-foreground-color-active);
}
.ce5c865dd5ed3:focus, .ce5c865dd5ed3:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce5c865dd5ed3:focus span, .ce5c865dd5ed3:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ce5c865dd5ed3:focus input, .ce5c865dd5ed3:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ce5c865dd5ed3:focus:hover, .ce5c865dd5ed3:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce5c865dd5ed3:focus:hover span, .ce5c865dd5ed3:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ce5c865dd5ed3:focus:hover input, .ce5c865dd5ed3:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ce84181cde3ac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ce84181cde3ac input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ce84181cde3ac ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce84181cde3ac ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce84181cde3ac:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ce84181cde3ac:focus-within input, .ce84181cde3ac:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c51606d99f2a1, .c65cbe92391a1.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c51606d99f2a1 input, .c65cbe92391a1.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c51606d99f2a1 span svg, .c65cbe92391a1.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c0e92d4f5f072, .cd2c542acb73c label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c0e92d4f5f072 svg, .cd2c542acb73c label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c0e92d4f5f072:hover, .cd2c542acb73c label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0e92d4f5f072:focus, .cd2c542acb73c label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c0e92d4f5f072.checked, .cd2c542acb73c label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c0e92d4f5f072.checked svg, .cd2c542acb73c label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c0e92d4f5f072.intermediate, .cd2c542acb73c label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c0e92d4f5f072.intermediate svg, .cd2c542acb73c label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c0e92d4f5f072.unchecked, .cd2c542acb73c label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c0e92d4f5f072.unchecked svg, .cd2c542acb73c label span.unchecked svg {
  display: none;
}

.cd2c542acb73c {
  display: flex;
  align-items: center;
}
.cd2c542acb73c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cd2c542acb73c label input {
  margin: 0;
}
.cd2c542acb73c label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd2c542acb73c label:focus span, .cd2c542acb73c label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c65cbe92391a1 {
  display: flex;
  flex-direction: column;
}
.c65cbe92391a1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c65cbe92391a1 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c65cbe92391a1 input:focus-within input, .c65cbe92391a1 input:active input {
  color: var(--input-foreground-color-active);
}
.c65cbe92391a1 input:focus-within, .c65cbe92391a1 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c65cbe92391a1.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cccf944daff9d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c040803ecc8d0 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c13c56cb3e53e, .c82ca60ea0f33 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ccc23afc1ae65 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cbaefcb7259cd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cf1dee4215a9b {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cf42effec52f0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c94347fc34e86 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cdd42cd7ca851 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c05f9e3425e63 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c05f9e3425e63:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c5ce002bfb3ea {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.caab94747f7e0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cc6d5db6b5f4c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c7eb7e498ac45 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cc3751dc2d2cc {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cc3751dc2d2cc:hover, .cc3751dc2d2cc:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c0b20c2bec0ba div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c0b20c2bec0ba button {
  display: none;
}
.c0b20c2bec0ba button svg {
  stroke: var(--icon-foreground);
}
.c0b20c2bec0ba:hover button {
  display: flex;
}

.cc39a8536b4c0 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cc39a8536b4c0 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cc39a8536b4c0 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ca4a9ee980bfd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ca4a9ee980bfd:hover div {
  color: var(--entry-foreground-color-hover);
}

.cb8f8dc5ad5ed {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cea6d576d77ba {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cea6d576d77ba:hover {
  background-color: var(--menu-background-color-hover);
}

.c5051cf7a4bef {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c5051cf7a4bef span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c5051cf7a4bef span svg {
  stroke: var(--icon-foreground);
}
.c5051cf7a4bef:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c5051cf7a4bef:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ca986ceb03526 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c6fa64c1da59e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c6120b6365881,
.c945b076d942a {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c09db985d2dc2 .c6120b6365881,
.c09db985d2dc2 .c945b076d942a {
  transform: scale(1);
}

.c923e128894e7 .c6120b6365881,
.c923e128894e7 .c945b076d942a {
  transform: scale(0);
}

.c82ca60ea0f33 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  width: auto;
  min-width: auto;
  z-index: 11;
  overflow-y: auto;
  overflow-x: hidden;
}
.c82ca60ea0f33.c5f0d21326427 {
  max-block-size: 95vh;
}

.c2bef31b1d954 {
  position: absolute;
  top: 0.375rem;
  right: 0.375rem;
}
.c5b08d3110b29 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-m);
  border-inline-start: 0.0625rem solid var(--color-accent-primary-muted);
  padding-inline-start: var(--sp-m);
}

.c64c469d3e9e9 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.c0dab10fa531f {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  border-inline-start: 0.0625rem solid var(--color-accent-primary-muted);
  padding-inline-start: var(--sp-m);
}

.c44d395b272a5 {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: var(--sp-xs);
}

.c6d92bcd178f8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
}

.cef9551316da4 {
  justify-self: start;
}

.cec3abf03e6ec {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
  line-height: 2rem;
}

.cb02e04368c12 {
  display: grid;
  grid-template-columns: 1fr auto;
}
.c4fde284eee2b {
  display: flex;
  flex-direction: column;
  gap: var(--sp-m);
  border-inline-start: 0.0625rem solid var(--color-accent-primary-muted);
  padding-inline-start: var(--sp-m);
}

.cb23a5d9914a8 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.c491ce56c20a3 {
  display: grid;
  grid-template-columns: 1fr auto;
}

.c361f789764d8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
}
.cde20a6490dcc {
  position: absolute;
  width: 100%;
  height: 7.1875rem;
  top: 3.375rem;
}
.c62a29715d53d {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xxl);
}

.c31313019928b {
  color: var(--color-foreground-primary);
}

.c7be29a3b6057 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-s);
  padding-inline-start: var(--sp-m);
  margin: 0;
  color: var(--color-foreground-secondary);
  list-style: disc;
}

.ca4cac855df74 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  justify-content: flex-end;
  gap: var(--sp-s);
}

.c4b2836638d44 {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  border-inline-start: 0.0625rem solid var(--color-accent-tertiary);
  width: var(--sp-xxxl);
  padding-inline-start: 0;
  padding-inline-end: 0;
  justify-content: center;
}

.ca2ad33d76817 {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}

.c36ca9c938e3f {
  position: relative;
  display: flex;
}
.c69f0ffb7be47 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xxl);
}

.ca6c8eb2806ea {
  color: var(--color-foreground-primary);
}

.ca48e599b05e7 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-m);
  padding-top: var(--sp-m);
  max-width: calc(var(--modal-width) - var(--modal-padding) * 2);
}

.c494487b57752 {
  color: var(--color-foreground-secondary);
}

.c12f9715d925f {
  border: 0.0625rem solid var(--color-background-quaternary);
  border-radius: 0.5rem;
  overflow-y: auto;
  padding: var(--sp-xs) var(--sp-m);
  max-height: var(--container-max-height);
}

.c36eedc140e66 {
  width: 100%;
  margin-bottom: 0;
  overflow-y: auto;
}

.c0d24f19b1fd2 {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: default;
  color: var(--color-foreground-secondary);
  border: 0.125rem solid transparent;
}

.c599f6e094ec1 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.c48621c686836 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: var(--sp-xs);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c0bee42cade93 {
  display: flex;
  justify-content: flex-end;
  gap: var(--sp-s);
}

.c67c567131623 {
  width: 100%;
}

.c67c567131623 pre {
  border: 0.0625rem solid var(--color-background-quaternary);
  border-radius: 0.5rem;
  margin: 0;
  max-height: var(--container-max-height);
  overflow-y: auto;
  overflow-x: auto;
  word-wrap: normal;
  white-space: pre;
}

.ca68805dc9d29 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid var(--color-background-quaternary);
  border-radius: 0.5rem;
  overflow-y: auto;
  padding: var(--sp-s) var(--sp-m);
  max-height: var(--container-max-height);
}
@keyframes cbab600dbc9e5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cdb9c29c110e1 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cdb9c29c110e1:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cdb9c29c110e1 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cdb9c29c110e1 ::-webkit-scrollbar-track,
.cdb9c29c110e1 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cdb9c29c110e1 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cdb9c29c110e1 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cdb9c29c110e1 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cdb9c29c110e1 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cdb9c29c110e1 ::placeholder,
.cdb9c29c110e1 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c61e1de18c49c, .c5b98526ceace, .c00655c2f8db7, .c0f628932398d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c61e1de18c49c svg, .c5b98526ceace svg, .c00655c2f8db7 svg, .c0f628932398d svg,
.c61e1de18c49c span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c61e1de18c49c:focus-visible, .c5b98526ceace:focus-visible, .c00655c2f8db7:focus-visible, .c0f628932398d:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c61e1de18c49c:focus-visible svg, .c5b98526ceace:focus-visible svg, .c00655c2f8db7:focus-visible svg, .c0f628932398d:focus-visible svg,
.c61e1de18c49c:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c61e1de18c49c:hover, .c5b98526ceace:hover, .c00655c2f8db7:hover, .c0f628932398d:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c61e1de18c49c:hover svg, .c5b98526ceace:hover svg, .c00655c2f8db7:hover svg, .c0f628932398d:hover svg,
.c61e1de18c49c:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c61e1de18c49c:active, .c5b98526ceace:active, .c00655c2f8db7:active, .c0f628932398d:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c61e1de18c49c:active svg, .c5b98526ceace:active svg, .c00655c2f8db7:active svg, .c0f628932398d:active svg,
.c61e1de18c49c:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c61e1de18c49c.disabled, .c5b98526ceace.disabled, .c00655c2f8db7.disabled, .c0f628932398d.disabled, .c61e1de18c49c[disabled], [disabled].c5b98526ceace, [disabled].c00655c2f8db7, [disabled].c0f628932398d, .c61e1de18c49c:disabled, .c5b98526ceace:disabled, .c00655c2f8db7:disabled, .c0f628932398d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c31ea2f8338f3, .cba05e1498b64, .c14b996e4a9dd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c31ea2f8338f3 svg, .cba05e1498b64 svg, .c14b996e4a9dd svg,
.c31ea2f8338f3 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c31ea2f8338f3:focus-visible, .cba05e1498b64:focus-visible, .c14b996e4a9dd:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c31ea2f8338f3:focus-visible svg, .cba05e1498b64:focus-visible svg, .c14b996e4a9dd:focus-visible svg,
.c31ea2f8338f3:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c31ea2f8338f3:hover, .cba05e1498b64:hover, .c14b996e4a9dd:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c31ea2f8338f3:hover svg, .cba05e1498b64:hover svg, .c14b996e4a9dd:hover svg,
.c31ea2f8338f3:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c31ea2f8338f3:active, .cba05e1498b64:active, .c14b996e4a9dd:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c31ea2f8338f3:active svg, .cba05e1498b64:active svg, .c14b996e4a9dd:active svg,
.c31ea2f8338f3:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c31ea2f8338f3.disabled, .cba05e1498b64.disabled, .c14b996e4a9dd.disabled, .c31ea2f8338f3[disabled], [disabled].cba05e1498b64, [disabled].c14b996e4a9dd, .c31ea2f8338f3:disabled, .cba05e1498b64:disabled, .c14b996e4a9dd:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb255f4a7aaff {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cb255f4a7aaff svg,
.cb255f4a7aaff span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cb255f4a7aaff:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb255f4a7aaff:focus-visible svg,
.cb255f4a7aaff:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb255f4a7aaff:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cb255f4a7aaff:hover svg,
.cb255f4a7aaff:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cb255f4a7aaff:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cb255f4a7aaff:active svg,
.cb255f4a7aaff:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cb255f4a7aaff.disabled, .cb255f4a7aaff[disabled], .cb255f4a7aaff:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0c7a612fa09a, .cf6e87acfabe4 button, .c76e494ff0a05 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c0c7a612fa09a svg, .cf6e87acfabe4 button svg, .c76e494ff0a05 svg,
.c0c7a612fa09a span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c0c7a612fa09a:focus-visible, .cf6e87acfabe4 button:focus-visible, .c76e494ff0a05:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c0c7a612fa09a:focus-visible svg, .cf6e87acfabe4 button:focus-visible svg, .c76e494ff0a05:focus-visible svg,
.c0c7a612fa09a:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c0c7a612fa09a:hover, .cf6e87acfabe4 button:hover, .c76e494ff0a05:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c0c7a612fa09a:hover svg, .cf6e87acfabe4 button:hover svg, .c76e494ff0a05:hover svg,
.c0c7a612fa09a:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c0c7a612fa09a:active, .cf6e87acfabe4 button:active, .c76e494ff0a05:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c0c7a612fa09a:active svg, .cf6e87acfabe4 button:active svg, .c76e494ff0a05:active svg,
.c0c7a612fa09a:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c0c7a612fa09a.disabled, .cf6e87acfabe4 button.disabled, .c76e494ff0a05.disabled, .c0c7a612fa09a[disabled], .cf6e87acfabe4 button[disabled], [disabled].c76e494ff0a05, .c0c7a612fa09a:disabled, .cf6e87acfabe4 button:disabled, .c76e494ff0a05:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c0c7a612fa09a.disabled svg, .cf6e87acfabe4 button.disabled svg, .c76e494ff0a05.disabled svg,
.c0c7a612fa09a.disabled span svg, .c0c7a612fa09a[disabled] svg, .cf6e87acfabe4 button[disabled] svg, [disabled].c76e494ff0a05 svg,
.c0c7a612fa09a[disabled] span svg, .c0c7a612fa09a:disabled svg, .cf6e87acfabe4 button:disabled svg, .c76e494ff0a05:disabled svg,
.c0c7a612fa09a:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c528a69743978, .c10f418f053c6.c45e231eb7561 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c528a69743978 svg, .c10f418f053c6.c45e231eb7561 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c50d1a142fdbc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c50d1a142fdbc svg,
.c50d1a142fdbc span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c50d1a142fdbc:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c50d1a142fdbc:focus-visible svg,
.c50d1a142fdbc:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c50d1a142fdbc:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c50d1a142fdbc:hover svg,
.c50d1a142fdbc:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c50d1a142fdbc:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c50d1a142fdbc:active svg,
.c50d1a142fdbc:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c7bfa63fb4fef {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cce5f0602638e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6d4771b46ada {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c6d4771b46ada:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c6d4771b46ada:focus-visible svg,
.c6d4771b46ada:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c6d4771b46ada:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c6d4771b46ada:active {
  border: none;
  background-color: transparent;
}

.ca598d49804c5, .c76e494ff0a05 svg, .ca0389e37dcce, .cdaf41f62b98f span svg, .cf6e87acfabe4 button svg, .c304f1b010773.intermediate svg, .cf4a7e8d37379 label span.intermediate svg, .c304f1b010773.checked svg, .cf4a7e8d37379 label span.checked svg, .c5b12d2766a52 span svg,
.c5b12d2766a52 label svg, .c5e8a2e1b90b8 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cb265d03df02b {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cb265d03df02b:hover {
  fill: none;
  stroke: none;
}

.ca0389e37dcce, .cdaf41f62b98f span svg, .cf6e87acfabe4 button svg, .c304f1b010773.intermediate svg, .cf4a7e8d37379 label span.intermediate svg, .c304f1b010773.checked svg, .cf4a7e8d37379 label span.checked svg, .c5b12d2766a52 span svg,
.c5b12d2766a52 label svg, .c5e8a2e1b90b8 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cc679c8eeec40 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cc679c8eeec40:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ca6449a5266f9, .cf2b20c15be68 input, .c59b0e5b50709 input, .c5b12d2766a52 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ca6449a5266f9, .cf2b20c15be68 input, .c59b0e5b50709 input, .c5b12d2766a52 input {
    height: 23px;
  }
}
.ca6449a5266f9, .cf2b20c15be68 input, .c59b0e5b50709 input, .c5b12d2766a52 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ca6449a5266f9[disabled], .cf2b20c15be68 input[disabled], .c59b0e5b50709 input[disabled], .c5b12d2766a52 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c5e8a2e1b90b8 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cc858746dd808, .c5b12d2766a52 span,
.c5b12d2766a52 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc858746dd808, .c5b12d2766a52 span,
  .c5b12d2766a52 label {
    height: 25px;
  }
}
.cc858746dd808, .c5b12d2766a52 span,
.c5b12d2766a52 label {
  color: var(--input-foreground-color);
}

.c5b12d2766a52 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c5b12d2766a52 {
    height: 25px;
    font-size: 10px;
  }
}
.c5b12d2766a52 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c5b12d2766a52 span svg,
.c5b12d2766a52 label svg {
  color: var(--input-foreground-color);
}
.c5b12d2766a52 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c5b12d2766a52 ::placeholder {
  color: var(--input-placeholder-color);
}
.c5b12d2766a52:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c5b12d2766a52:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c5b12d2766a52:hover span {
  color: var(--input-foreground-color-hover);
}
.c5b12d2766a52:hover input {
  color: var(--input-foreground-color-hover);
}
.c5b12d2766a52:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c5b12d2766a52:active span {
  color: var(--input-foreground-color-active);
}
.c5b12d2766a52:active input {
  color: var(--input-foreground-color-active);
}
.c5b12d2766a52:focus, .c5b12d2766a52:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c5b12d2766a52:focus span, .c5b12d2766a52:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c5b12d2766a52:focus input, .c5b12d2766a52:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c5b12d2766a52:focus:hover, .c5b12d2766a52:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c5b12d2766a52:focus:hover span, .c5b12d2766a52:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c5b12d2766a52:focus:hover input, .c5b12d2766a52:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c59b0e5b50709 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c59b0e5b50709 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c59b0e5b50709 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c59b0e5b50709 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c59b0e5b50709:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c59b0e5b50709:focus-within input, .c59b0e5b50709:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c369bcf77bd48, .cf2b20c15be68.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c369bcf77bd48 input, .cf2b20c15be68.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c369bcf77bd48 span svg, .cf2b20c15be68.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c304f1b010773, .cf4a7e8d37379 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c304f1b010773 svg, .cf4a7e8d37379 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c304f1b010773:hover, .cf4a7e8d37379 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c304f1b010773:focus, .cf4a7e8d37379 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c304f1b010773.checked, .cf4a7e8d37379 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c304f1b010773.checked svg, .cf4a7e8d37379 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c304f1b010773.intermediate, .cf4a7e8d37379 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c304f1b010773.intermediate svg, .cf4a7e8d37379 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c304f1b010773.unchecked, .cf4a7e8d37379 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c304f1b010773.unchecked svg, .cf4a7e8d37379 label span.unchecked svg {
  display: none;
}

.cf4a7e8d37379 {
  display: flex;
  align-items: center;
}
.cf4a7e8d37379 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cf4a7e8d37379 label input {
  margin: 0;
}
.cf4a7e8d37379 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf4a7e8d37379 label:focus span, .cf4a7e8d37379 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cf2b20c15be68 {
  display: flex;
  flex-direction: column;
}
.cf2b20c15be68 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cf2b20c15be68 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cf2b20c15be68 input:focus-within input, .cf2b20c15be68 input:active input {
  color: var(--input-foreground-color-active);
}
.cf2b20c15be68 input:focus-within, .cf2b20c15be68 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf2b20c15be68.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c63e4e6378a1d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c7463e26bab07 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ca1267d5db6d9 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c76e494ff0a05 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c1529fa258260 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ca63192286e4e {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c14b996e4a9dd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c0f628932398d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c00655c2f8db7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce6723d86c11a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce6723d86c11a:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c99b20b5f54e8 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cd70017bd2afd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ca1ac53243dda {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cb67b92ec32de {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c9bb27d75d4ee {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c9bb27d75d4ee:hover, .c9bb27d75d4ee:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cf6e87acfabe4 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cf6e87acfabe4 button {
  display: none;
}
.cf6e87acfabe4 button svg {
  stroke: var(--icon-foreground);
}
.cf6e87acfabe4:hover button {
  display: flex;
}

.c69b3c2f4f979 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c69b3c2f4f979 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c69b3c2f4f979 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c67f909ec2290 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c67f909ec2290:hover div {
  color: var(--entry-foreground-color-hover);
}

.c1270b1590610 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cfa786bac6c5a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cfa786bac6c5a:hover {
  background-color: var(--menu-background-color-hover);
}

.cdaf41f62b98f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cdaf41f62b98f span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cdaf41f62b98f span svg {
  stroke: var(--icon-foreground);
}
.cdaf41f62b98f:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cdaf41f62b98f:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c8368b744463f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cfe18926a1a44 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c70669b7571ae,
.c6153af19ef2c {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c7d6a52dd3fd5 .c70669b7571ae,
.c7d6a52dd3fd5 .c6153af19ef2c {
  transform: scale(1);
}

.c452c9261ef34 .c70669b7571ae,
.c452c9261ef34 .c6153af19ef2c {
  transform: scale(0);
}

.cd5dd4e8c17b1 {
  display: grid;
  height: 100%;
  min-height: 0;
  grid-auto-rows: max-content;
  scrollbar-gutter: stable;
  overflow-y: auto;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
}

.cba05e1498b64 {
  gap: 0.125rem;
  height: 1.6875rem;
  width: 100%;
  margin-bottom: 0.25rem;
  border-radius: 0.5rem;
  border: none;
}
.cba05e1498b64:hover {
  background-color: var(--button-secondary-background-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
}
.cba05e1498b64:focus {
  background-color: var(--button-secondary-background-color-focus);
  color: var(--button-secondary-foreground-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
}

.c5b98526ceace {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  gap: 0.125rem;
  height: 2rem;
  width: 100%;
  margin-bottom: 0.375rem;
  border-radius: 0.5rem;
}

.c10f418f053c6 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
  height: 1.375rem;
  width: 1.375rem;
  padding: 0;
  margin: 0;
  border-radius: 8px 2px 2px 8px;
  background-color: transparent;
}
.c10f418f053c6 svg {
  height: 1rem;
  width: 1rem;
  color: var(--color-button-secondary);
}
.c10f418f053c6:focus {
  background-color: var(--input-background-color-focus);
  color: var(--input-foreground-color-focus);
}
.c10f418f053c6:focus svg {
  background-color: var(--input-background-color-focus);
  color: var(--button-foreground-hover);
  stroke: none;
}
.c10f418f053c6:hover {
  background-color: var(--input-background-color-hover);
}
.c10f418f053c6:hover svg {
  background-color: var(--input-background-color-hover);
  color: var(--button-foreground-hover);
}
.c10f418f053c6:hover:focus {
  outline: 0;
  background-color: var(--input-background-color-focus);
  color: var(--input-foreground-color-focus);
}
.c10f418f053c6:hover:focus svg {
  background-color: var(--input-background-color-focus);
  stroke: none;
}
.cbf8f6f4f0fb9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  top: 5.25rem;
  left: 0.75rem;
  width: 12rem;
  padding: 0.25rem;
  border-radius: 8px;
  background-color: var(--menu-background-color);
  z-index: 2;
}

.c4ae0d05baf8c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
}

.cd5b7f30ae7fc {
  border: none;
  background: none;
  cursor: pointer;
}

.cac01a7dcd699 {
  padding: 0 0 1.5rem 1.4375rem;
}
@media (max-width: 1680px) {
  .cac01a7dcd699 {
    padding-inline-start: 16px;
  }
}

.cd9f56f5a976a {
  display: flex;
  gap: 0.25rem;
}
@keyframes cbf3d0c3091e1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cd9431ca8f937 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cd9431ca8f937:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cd9431ca8f937 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cd9431ca8f937 ::-webkit-scrollbar-track,
.cd9431ca8f937 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cd9431ca8f937 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cd9431ca8f937 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cd9431ca8f937 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd9431ca8f937 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd9431ca8f937 ::placeholder,
.cd9431ca8f937 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c811212ba1c6a, .c6cfd70e5e9ae, .c0b04d7beab5e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c811212ba1c6a svg, .c6cfd70e5e9ae svg, .c0b04d7beab5e svg,
.c811212ba1c6a span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c811212ba1c6a:focus-visible, .c6cfd70e5e9ae:focus-visible, .c0b04d7beab5e:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c811212ba1c6a:focus-visible svg, .c6cfd70e5e9ae:focus-visible svg, .c0b04d7beab5e:focus-visible svg,
.c811212ba1c6a:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c811212ba1c6a:hover, .c6cfd70e5e9ae:hover, .c0b04d7beab5e:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c811212ba1c6a:hover svg, .c6cfd70e5e9ae:hover svg, .c0b04d7beab5e:hover svg,
.c811212ba1c6a:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c811212ba1c6a:active, .c6cfd70e5e9ae:active, .c0b04d7beab5e:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c811212ba1c6a:active svg, .c6cfd70e5e9ae:active svg, .c0b04d7beab5e:active svg,
.c811212ba1c6a:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c811212ba1c6a.disabled, .c6cfd70e5e9ae.disabled, .c0b04d7beab5e.disabled, .c811212ba1c6a[disabled], [disabled].c6cfd70e5e9ae, [disabled].c0b04d7beab5e, .c811212ba1c6a:disabled, .c6cfd70e5e9ae:disabled, .c0b04d7beab5e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c17e8adfde68b, .ccbab33dcab2a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c17e8adfde68b svg, .ccbab33dcab2a svg,
.c17e8adfde68b span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c17e8adfde68b:focus-visible, .ccbab33dcab2a:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c17e8adfde68b:focus-visible svg, .ccbab33dcab2a:focus-visible svg,
.c17e8adfde68b:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c17e8adfde68b:hover, .ccbab33dcab2a:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c17e8adfde68b:hover svg, .ccbab33dcab2a:hover svg,
.c17e8adfde68b:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c17e8adfde68b:active, .ccbab33dcab2a:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c17e8adfde68b:active svg, .ccbab33dcab2a:active svg,
.c17e8adfde68b:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c17e8adfde68b.disabled, .ccbab33dcab2a.disabled, .c17e8adfde68b[disabled], [disabled].ccbab33dcab2a, .c17e8adfde68b:disabled, .ccbab33dcab2a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbbcae3d60dd2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cbbcae3d60dd2 svg,
.cbbcae3d60dd2 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cbbcae3d60dd2:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cbbcae3d60dd2:focus-visible svg,
.cbbcae3d60dd2:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cbbcae3d60dd2:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cbbcae3d60dd2:hover svg,
.cbbcae3d60dd2:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cbbcae3d60dd2:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cbbcae3d60dd2:active svg,
.cbbcae3d60dd2:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cbbcae3d60dd2.disabled, .cbbcae3d60dd2[disabled], .cbbcae3d60dd2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd8c11c42bb61, .c905b9a20e679 button, .cebd6742752b5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cd8c11c42bb61 svg, .c905b9a20e679 button svg, .cebd6742752b5 svg,
.cd8c11c42bb61 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cd8c11c42bb61:focus-visible, .c905b9a20e679 button:focus-visible, .cebd6742752b5:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cd8c11c42bb61:focus-visible svg, .c905b9a20e679 button:focus-visible svg, .cebd6742752b5:focus-visible svg,
.cd8c11c42bb61:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cd8c11c42bb61:hover, .c905b9a20e679 button:hover, .cebd6742752b5:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cd8c11c42bb61:hover svg, .c905b9a20e679 button:hover svg, .cebd6742752b5:hover svg,
.cd8c11c42bb61:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cd8c11c42bb61:active, .c905b9a20e679 button:active, .cebd6742752b5:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cd8c11c42bb61:active svg, .c905b9a20e679 button:active svg, .cebd6742752b5:active svg,
.cd8c11c42bb61:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cd8c11c42bb61.disabled, .c905b9a20e679 button.disabled, .cebd6742752b5.disabled, .cd8c11c42bb61[disabled], .c905b9a20e679 button[disabled], [disabled].cebd6742752b5, .cd8c11c42bb61:disabled, .c905b9a20e679 button:disabled, .cebd6742752b5:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cd8c11c42bb61.disabled svg, .c905b9a20e679 button.disabled svg, .cebd6742752b5.disabled svg,
.cd8c11c42bb61.disabled span svg, .cd8c11c42bb61[disabled] svg, .c905b9a20e679 button[disabled] svg, [disabled].cebd6742752b5 svg,
.cd8c11c42bb61[disabled] span svg, .cd8c11c42bb61:disabled svg, .c905b9a20e679 button:disabled svg, .cebd6742752b5:disabled svg,
.cd8c11c42bb61:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cec49fcaaae29 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cec49fcaaae29 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c520fba7088a5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c520fba7088a5 svg,
.c520fba7088a5 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c520fba7088a5:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c520fba7088a5:focus-visible svg,
.c520fba7088a5:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c520fba7088a5:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c520fba7088a5:hover svg,
.c520fba7088a5:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c520fba7088a5:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c520fba7088a5:active svg,
.c520fba7088a5:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c6f3c77b59dba {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cdef277787b5c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c763bbba6df89 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c763bbba6df89:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c763bbba6df89:focus-visible svg,
.c763bbba6df89:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c763bbba6df89:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c763bbba6df89:active {
  border: none;
  background-color: transparent;
}

.ce81240f3b2bb, .cebd6742752b5 svg, .cdb67e46ec621, .cdac374264262 span svg, .c905b9a20e679 button svg, .c6687cd6a5ccb.intermediate svg, .c3c148992c264 label span.intermediate svg, .cb37b2029fa04 label span.intermediate svg, .c6687cd6a5ccb.checked svg, .c3c148992c264 label span.checked svg, .cb37b2029fa04 label span.checked svg, .cb9d37c78cbba span svg,
.cb9d37c78cbba label svg, .cec0af801d34d svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ca4c1daf6a64c {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ca4c1daf6a64c:hover {
  fill: none;
  stroke: none;
}

.cdb67e46ec621, .cdac374264262 span svg, .c905b9a20e679 button svg, .c6687cd6a5ccb.intermediate svg, .c3c148992c264 label span.intermediate svg, .cb37b2029fa04 label span.intermediate svg, .c6687cd6a5ccb.checked svg, .c3c148992c264 label span.checked svg, .cb37b2029fa04 label span.checked svg, .cb9d37c78cbba span svg,
.cb9d37c78cbba label svg, .cec0af801d34d svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c2c3c6fb1748e {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c2c3c6fb1748e:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cb4b547a351da, .ce1682f0388d0 input, .ca3755d2ac72c input, .cb9d37c78cbba input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cb4b547a351da, .ce1682f0388d0 input, .ca3755d2ac72c input, .cb9d37c78cbba input {
    height: 23px;
  }
}
.cb4b547a351da, .ce1682f0388d0 input, .ca3755d2ac72c input, .cb9d37c78cbba input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cb4b547a351da[disabled], .ce1682f0388d0 input[disabled], .ca3755d2ac72c input[disabled], .cb9d37c78cbba input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cec0af801d34d {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c9193b6632ecf, .cb9d37c78cbba span,
.cb9d37c78cbba label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c9193b6632ecf, .cb9d37c78cbba span,
  .cb9d37c78cbba label {
    height: 25px;
  }
}
.c9193b6632ecf, .cb9d37c78cbba span,
.cb9d37c78cbba label {
  color: var(--input-foreground-color);
}

.cb9d37c78cbba {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb9d37c78cbba {
    height: 25px;
    font-size: 10px;
  }
}
.cb9d37c78cbba {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cb9d37c78cbba span svg,
.cb9d37c78cbba label svg {
  color: var(--input-foreground-color);
}
.cb9d37c78cbba ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cb9d37c78cbba ::placeholder {
  color: var(--input-placeholder-color);
}
.cb9d37c78cbba:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb9d37c78cbba:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cb9d37c78cbba:hover span {
  color: var(--input-foreground-color-hover);
}
.cb9d37c78cbba:hover input {
  color: var(--input-foreground-color-hover);
}
.cb9d37c78cbba:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cb9d37c78cbba:active span {
  color: var(--input-foreground-color-active);
}
.cb9d37c78cbba:active input {
  color: var(--input-foreground-color-active);
}
.cb9d37c78cbba:focus, .cb9d37c78cbba:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb9d37c78cbba:focus span, .cb9d37c78cbba:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cb9d37c78cbba:focus input, .cb9d37c78cbba:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cb9d37c78cbba:focus:hover, .cb9d37c78cbba:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb9d37c78cbba:focus:hover span, .cb9d37c78cbba:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cb9d37c78cbba:focus:hover input, .cb9d37c78cbba:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ca3755d2ac72c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ca3755d2ac72c input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ca3755d2ac72c ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ca3755d2ac72c ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ca3755d2ac72c:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ca3755d2ac72c:focus-within input, .ca3755d2ac72c:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c1cf9dad62134, .ce1682f0388d0.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c1cf9dad62134 input, .ce1682f0388d0.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c1cf9dad62134 span svg, .ce1682f0388d0.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c6687cd6a5ccb, .c3c148992c264 label span, .cb37b2029fa04 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c6687cd6a5ccb svg, .c3c148992c264 label span svg, .cb37b2029fa04 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c6687cd6a5ccb:hover, .c3c148992c264 label span:hover, .cb37b2029fa04 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c6687cd6a5ccb:focus, .c3c148992c264 label span:focus, .cb37b2029fa04 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c6687cd6a5ccb.checked, .c3c148992c264 label span.checked, .cb37b2029fa04 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c6687cd6a5ccb.checked svg, .c3c148992c264 label span.checked svg, .cb37b2029fa04 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c6687cd6a5ccb.intermediate, .c3c148992c264 label span.intermediate, .cb37b2029fa04 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c6687cd6a5ccb.intermediate svg, .c3c148992c264 label span.intermediate svg, .cb37b2029fa04 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c6687cd6a5ccb.unchecked, .c3c148992c264 label span.unchecked, .cb37b2029fa04 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c6687cd6a5ccb.unchecked svg, .c3c148992c264 label span.unchecked svg, .cb37b2029fa04 label span.unchecked svg {
  display: none;
}

.c3c148992c264, .cb37b2029fa04 {
  display: flex;
  align-items: center;
}
.c3c148992c264 label, .cb37b2029fa04 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c3c148992c264 label input, .cb37b2029fa04 label input {
  margin: 0;
}
.c3c148992c264 label:hover span, .cb37b2029fa04 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c3c148992c264 label:focus span, .cb37b2029fa04 label:focus span, .c3c148992c264 label:focus-within span, .cb37b2029fa04 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ce1682f0388d0 {
  display: flex;
  flex-direction: column;
}
.ce1682f0388d0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ce1682f0388d0 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ce1682f0388d0 input:focus-within input, .ce1682f0388d0 input:active input {
  color: var(--input-foreground-color-active);
}
.ce1682f0388d0 input:focus-within, .ce1682f0388d0 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce1682f0388d0.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ca4efecffbdeb {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c40e864676f2b {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c45bb8b8a439e {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cebd6742752b5 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c744251c17a51 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ca8124cbd57ea {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ccbab33dcab2a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c0b04d7beab5e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c6cfd70e5e9ae {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c6a13ce63bde7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c6a13ce63bde7:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c048848372f96 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c8bb27e3d47c6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c51257784e044 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cdb9cdf117691 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cb028780b6621 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cb028780b6621:hover, .cb028780b6621:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c905b9a20e679 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c905b9a20e679 button {
  display: none;
}
.c905b9a20e679 button svg {
  stroke: var(--icon-foreground);
}
.c905b9a20e679:hover button {
  display: flex;
}

.cada37af195b0 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cada37af195b0 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cada37af195b0 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ce51a30abc3f5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ce51a30abc3f5:hover div {
  color: var(--entry-foreground-color-hover);
}

.c17a29722d6b2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c90778a236530 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c90778a236530:hover {
  background-color: var(--menu-background-color-hover);
}

.cdac374264262 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cdac374264262 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cdac374264262 span svg {
  stroke: var(--icon-foreground);
}
.cdac374264262:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cdac374264262:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cf14eeabf4b76 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cdc53b8272b23 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c9d1acdc35376,
.c1cb20e76ec65 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c2f8ae6a1007d .c9d1acdc35376,
.c2f8ae6a1007d .c1cb20e76ec65 {
  transform: scale(1);
}

.c5f64214cc0fc .c9d1acdc35376,
.c5f64214cc0fc .c1cb20e76ec65 {
  transform: scale(0);
}

.c3d39e44e337d {
  display: flex;
  flex-direction: column;
  background-color: var(--panel-background-color);
}

.ca08e206611c9 {
  margin: var(--sp-s) var(--sp-s) 0 var(--sp-s);
}

.cec90e3702142 {
  padding: 1rem 0.5rem;
}

.cb37b2029fa04 {
  height: 2rem;
  padding: 0;
}

.c6687cd6a5ccb {
  cursor: pointer;
}
@keyframes c54d6b2bc368d {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ccd9016dff054 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ccd9016dff054:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ccd9016dff054 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ccd9016dff054 ::-webkit-scrollbar-track,
.ccd9016dff054 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ccd9016dff054 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ccd9016dff054 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ccd9016dff054 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ccd9016dff054 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ccd9016dff054 ::placeholder,
.ccd9016dff054 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c5549d9f5cf54, .cacf043c085b5, .c5c975b837f43 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c5549d9f5cf54 svg, .cacf043c085b5 svg, .c5c975b837f43 svg,
.c5549d9f5cf54 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c5549d9f5cf54:focus-visible, .cacf043c085b5:focus-visible, .c5c975b837f43:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c5549d9f5cf54:focus-visible svg, .cacf043c085b5:focus-visible svg, .c5c975b837f43:focus-visible svg,
.c5549d9f5cf54:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c5549d9f5cf54:hover, .cacf043c085b5:hover, .c5c975b837f43:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c5549d9f5cf54:hover svg, .cacf043c085b5:hover svg, .c5c975b837f43:hover svg,
.c5549d9f5cf54:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c5549d9f5cf54:active, .cacf043c085b5:active, .c5c975b837f43:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c5549d9f5cf54:active svg, .cacf043c085b5:active svg, .c5c975b837f43:active svg,
.c5549d9f5cf54:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c5549d9f5cf54.disabled, .cacf043c085b5.disabled, .c5c975b837f43.disabled, .c5549d9f5cf54[disabled], [disabled].cacf043c085b5, [disabled].c5c975b837f43, .c5549d9f5cf54:disabled, .cacf043c085b5:disabled, .c5c975b837f43:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ccfea6d7843b4, .c973f53c675d2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ccfea6d7843b4 svg, .c973f53c675d2 svg,
.ccfea6d7843b4 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ccfea6d7843b4:focus-visible, .c973f53c675d2:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ccfea6d7843b4:focus-visible svg, .c973f53c675d2:focus-visible svg,
.ccfea6d7843b4:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ccfea6d7843b4:hover, .c973f53c675d2:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ccfea6d7843b4:hover svg, .c973f53c675d2:hover svg,
.ccfea6d7843b4:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ccfea6d7843b4:active, .c973f53c675d2:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ccfea6d7843b4:active svg, .c973f53c675d2:active svg,
.ccfea6d7843b4:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ccfea6d7843b4.disabled, .c973f53c675d2.disabled, .ccfea6d7843b4[disabled], [disabled].c973f53c675d2, .ccfea6d7843b4:disabled, .c973f53c675d2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2e616f4616d2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c2e616f4616d2 svg,
.c2e616f4616d2 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c2e616f4616d2:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2e616f4616d2:focus-visible svg,
.c2e616f4616d2:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2e616f4616d2:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c2e616f4616d2:hover svg,
.c2e616f4616d2:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c2e616f4616d2:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c2e616f4616d2:active svg,
.c2e616f4616d2:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c2e616f4616d2.disabled, .c2e616f4616d2[disabled], .c2e616f4616d2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd3bae54c7031, .c276ae7c4f62a button, .c1fb30f0007d1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cd3bae54c7031 svg, .c276ae7c4f62a button svg, .c1fb30f0007d1 svg,
.cd3bae54c7031 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cd3bae54c7031:focus-visible, .c276ae7c4f62a button:focus-visible, .c1fb30f0007d1:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cd3bae54c7031:focus-visible svg, .c276ae7c4f62a button:focus-visible svg, .c1fb30f0007d1:focus-visible svg,
.cd3bae54c7031:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cd3bae54c7031:hover, .c276ae7c4f62a button:hover, .c1fb30f0007d1:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cd3bae54c7031:hover svg, .c276ae7c4f62a button:hover svg, .c1fb30f0007d1:hover svg,
.cd3bae54c7031:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cd3bae54c7031:active, .c276ae7c4f62a button:active, .c1fb30f0007d1:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cd3bae54c7031:active svg, .c276ae7c4f62a button:active svg, .c1fb30f0007d1:active svg,
.cd3bae54c7031:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cd3bae54c7031.disabled, .c276ae7c4f62a button.disabled, .c1fb30f0007d1.disabled, .cd3bae54c7031[disabled], .c276ae7c4f62a button[disabled], [disabled].c1fb30f0007d1, .cd3bae54c7031:disabled, .c276ae7c4f62a button:disabled, .c1fb30f0007d1:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cd3bae54c7031.disabled svg, .c276ae7c4f62a button.disabled svg, .c1fb30f0007d1.disabled svg,
.cd3bae54c7031.disabled span svg, .cd3bae54c7031[disabled] svg, .c276ae7c4f62a button[disabled] svg, [disabled].c1fb30f0007d1 svg,
.cd3bae54c7031[disabled] span svg, .cd3bae54c7031:disabled svg, .c276ae7c4f62a button:disabled svg, .c1fb30f0007d1:disabled svg,
.cd3bae54c7031:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c4e0f96f34797 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c4e0f96f34797 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cbee5278d714b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cbee5278d714b svg,
.cbee5278d714b span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cbee5278d714b:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cbee5278d714b:focus-visible svg,
.cbee5278d714b:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cbee5278d714b:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cbee5278d714b:hover svg,
.cbee5278d714b:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cbee5278d714b:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cbee5278d714b:active svg,
.cbee5278d714b:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c62c890f25969 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c04441b532dde {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c61b3f44a04c6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c61b3f44a04c6:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c61b3f44a04c6:focus-visible svg,
.c61b3f44a04c6:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c61b3f44a04c6:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c61b3f44a04c6:active {
  border: none;
  background-color: transparent;
}

.c244060437bd7, .c1fb30f0007d1 svg, .cdebcfb8196eb, .c41f2e0c948fc span svg, .c276ae7c4f62a button svg, .c4409f490be4e.intermediate svg, .c32aeef60ea59 label span.intermediate svg, .c4409f490be4e.checked svg, .c32aeef60ea59 label span.checked svg, .c26f97e7f5352 span svg,
.c26f97e7f5352 label svg, .cb9af99def850 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c4dc5d56a5982 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c4dc5d56a5982:hover {
  fill: none;
  stroke: none;
}

.cdebcfb8196eb, .c41f2e0c948fc span svg, .c276ae7c4f62a button svg, .c4409f490be4e.intermediate svg, .c32aeef60ea59 label span.intermediate svg, .c4409f490be4e.checked svg, .c32aeef60ea59 label span.checked svg, .c26f97e7f5352 span svg,
.c26f97e7f5352 label svg, .cb9af99def850 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c13f103224b21 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c13f103224b21:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c637f72e417f5, .c48d0022e6e89 input, .c5d3896359bc6 input, .c26f97e7f5352 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c637f72e417f5, .c48d0022e6e89 input, .c5d3896359bc6 input, .c26f97e7f5352 input {
    height: 23px;
  }
}
.c637f72e417f5, .c48d0022e6e89 input, .c5d3896359bc6 input, .c26f97e7f5352 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c637f72e417f5[disabled], .c48d0022e6e89 input[disabled], .c5d3896359bc6 input[disabled], .c26f97e7f5352 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cb9af99def850 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c1c2048aa0096, .c26f97e7f5352 span,
.c26f97e7f5352 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1c2048aa0096, .c26f97e7f5352 span,
  .c26f97e7f5352 label {
    height: 25px;
  }
}
.c1c2048aa0096, .c26f97e7f5352 span,
.c26f97e7f5352 label {
  color: var(--input-foreground-color);
}

.c26f97e7f5352 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c26f97e7f5352 {
    height: 25px;
    font-size: 10px;
  }
}
.c26f97e7f5352 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c26f97e7f5352 span svg,
.c26f97e7f5352 label svg {
  color: var(--input-foreground-color);
}
.c26f97e7f5352 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c26f97e7f5352 ::placeholder {
  color: var(--input-placeholder-color);
}
.c26f97e7f5352:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c26f97e7f5352:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c26f97e7f5352:hover span {
  color: var(--input-foreground-color-hover);
}
.c26f97e7f5352:hover input {
  color: var(--input-foreground-color-hover);
}
.c26f97e7f5352:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c26f97e7f5352:active span {
  color: var(--input-foreground-color-active);
}
.c26f97e7f5352:active input {
  color: var(--input-foreground-color-active);
}
.c26f97e7f5352:focus, .c26f97e7f5352:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c26f97e7f5352:focus span, .c26f97e7f5352:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c26f97e7f5352:focus input, .c26f97e7f5352:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c26f97e7f5352:focus:hover, .c26f97e7f5352:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c26f97e7f5352:focus:hover span, .c26f97e7f5352:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c26f97e7f5352:focus:hover input, .c26f97e7f5352:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c5d3896359bc6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c5d3896359bc6 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c5d3896359bc6 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5d3896359bc6 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5d3896359bc6:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c5d3896359bc6:focus-within input, .c5d3896359bc6:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c1678d736e216, .c48d0022e6e89.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c1678d736e216 input, .c48d0022e6e89.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c1678d736e216 span svg, .c48d0022e6e89.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c4409f490be4e, .c32aeef60ea59 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c4409f490be4e svg, .c32aeef60ea59 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c4409f490be4e:hover, .c32aeef60ea59 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4409f490be4e:focus, .c32aeef60ea59 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c4409f490be4e.checked, .c32aeef60ea59 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c4409f490be4e.checked svg, .c32aeef60ea59 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c4409f490be4e.intermediate, .c32aeef60ea59 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c4409f490be4e.intermediate svg, .c32aeef60ea59 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c4409f490be4e.unchecked, .c32aeef60ea59 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c4409f490be4e.unchecked svg, .c32aeef60ea59 label span.unchecked svg {
  display: none;
}

.c32aeef60ea59 {
  display: flex;
  align-items: center;
}
.c32aeef60ea59 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c32aeef60ea59 label input {
  margin: 0;
}
.c32aeef60ea59 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c32aeef60ea59 label:focus span, .c32aeef60ea59 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c48d0022e6e89 {
  display: flex;
  flex-direction: column;
}
.c48d0022e6e89 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c48d0022e6e89 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c48d0022e6e89 input:focus-within input, .c48d0022e6e89 input:active input {
  color: var(--input-foreground-color-active);
}
.c48d0022e6e89 input:focus-within, .c48d0022e6e89 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c48d0022e6e89.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c770e10935304 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c1c72c61a1fbb {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c1d843fea8c57 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c1fb30f0007d1 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c8f09bdee2cc2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ccb288d4382b0 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c973f53c675d2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c5c975b837f43 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cacf043c085b5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cbf707d9d6655 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cbf707d9d6655:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c49d252f809f4 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c03d904dee40c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c504eba643c9b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c3844fbd1d184 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cfa6ec469c9f7 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cfa6ec469c9f7:hover, .cfa6ec469c9f7:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c276ae7c4f62a div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c276ae7c4f62a button {
  display: none;
}
.c276ae7c4f62a button svg {
  stroke: var(--icon-foreground);
}
.c276ae7c4f62a:hover button {
  display: flex;
}

.c896cc05c0642 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c896cc05c0642 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c896cc05c0642 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cc7137c48ea1d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cc7137c48ea1d:hover div {
  color: var(--entry-foreground-color-hover);
}

.caaabead45e5f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ccbc71aabb57b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ccbc71aabb57b:hover {
  background-color: var(--menu-background-color-hover);
}

.c41f2e0c948fc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c41f2e0c948fc span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c41f2e0c948fc span svg {
  stroke: var(--icon-foreground);
}
.c41f2e0c948fc:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c41f2e0c948fc:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ca58661729dee {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c052b8319d024 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ca17ab85df46e,
.ccf2199aafca1 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c86a095c8d0f7 .ca17ab85df46e,
.c86a095c8d0f7 .ccf2199aafca1 {
  transform: scale(1);
}

.c98763793ea56 .ca17ab85df46e,
.c98763793ea56 .ccf2199aafca1 {
  transform: scale(0);
}

.c76f82c18ba84 {
  display: flex;
  flex-direction: column;
  background-color: var(--panel-background-color);
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.c30d28f8afef9 {
  margin: var(--sp-s) var(--sp-s) 0 var(--sp-s);
}

.c31c068afdaf2 {
  padding: 1rem 0.5rem;
  overflow: hidden;
}

.c1fe13c32f7d5 {
  font-size: 0.875rem;
  padding-bottom: 0.25rem;
  background: var(--color-background-quaternary);
  color: var(--color-foreground-primary);
  padding: 0.5rem;
  border-radius: 0.5rem;
  display: flex;
  gap: 0.25rem;
}

.c4f6c1f8f9768 {
  flex: 1;
}

.cec68e7764f01 {
  display: grid;
  grid-template-columns: 25% auto;
  padding: 0.25rem 0;
}
.cec68e7764f01.c0541916463ac {
  grid-template-columns: auto;
  grid-template-rows: auto 1fr;
}

.c022fffe5473a {
  overflow: auto;
  height: calc(100% - 8px);
  padding-bottom: 8px;
}

.ccae4a867a21b {
  color: var(--color-foreground-primary);
  text-decoration: underline;
}

.c83ce022b3f6c {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.c8dee4d927bf1 {
  display: flex;
  gap: 0.5rem;
}

.cb1e10eff13fe {
  display: grid;
  grid-template-columns: 100px 1fr;
}
@keyframes cf6936e1dbf41 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c73ff269a1e14 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c73ff269a1e14:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c73ff269a1e14 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c73ff269a1e14 ::-webkit-scrollbar-track,
.c73ff269a1e14 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c73ff269a1e14 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c73ff269a1e14 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c73ff269a1e14 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c73ff269a1e14 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c73ff269a1e14 ::placeholder,
.c73ff269a1e14 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c7977b7481e55, .c4fd48b567a85, .cce288d799465 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c7977b7481e55 svg, .c4fd48b567a85 svg, .cce288d799465 svg,
.c7977b7481e55 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c7977b7481e55:focus-visible, .c4fd48b567a85:focus-visible, .cce288d799465:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c7977b7481e55:focus-visible svg, .c4fd48b567a85:focus-visible svg, .cce288d799465:focus-visible svg,
.c7977b7481e55:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c7977b7481e55:hover, .c4fd48b567a85:hover, .cce288d799465:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c7977b7481e55:hover svg, .c4fd48b567a85:hover svg, .cce288d799465:hover svg,
.c7977b7481e55:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c7977b7481e55:active, .c4fd48b567a85:active, .cce288d799465:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c7977b7481e55:active svg, .c4fd48b567a85:active svg, .cce288d799465:active svg,
.c7977b7481e55:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c7977b7481e55.disabled, .c4fd48b567a85.disabled, .cce288d799465.disabled, .c7977b7481e55[disabled], [disabled].c4fd48b567a85, [disabled].cce288d799465, .c7977b7481e55:disabled, .c4fd48b567a85:disabled, .cce288d799465:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6137514818da, .c97dd1067047e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c6137514818da svg, .c97dd1067047e svg,
.c6137514818da span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c6137514818da:focus-visible, .c97dd1067047e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c6137514818da:focus-visible svg, .c97dd1067047e:focus-visible svg,
.c6137514818da:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c6137514818da:hover, .c97dd1067047e:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c6137514818da:hover svg, .c97dd1067047e:hover svg,
.c6137514818da:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c6137514818da:active, .c97dd1067047e:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c6137514818da:active svg, .c97dd1067047e:active svg,
.c6137514818da:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c6137514818da.disabled, .c97dd1067047e.disabled, .c6137514818da[disabled], [disabled].c97dd1067047e, .c6137514818da:disabled, .c97dd1067047e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c110b7817173d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c110b7817173d svg,
.c110b7817173d span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c110b7817173d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c110b7817173d:focus-visible svg,
.c110b7817173d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c110b7817173d:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c110b7817173d:hover svg,
.c110b7817173d:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c110b7817173d:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c110b7817173d:active svg,
.c110b7817173d:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c110b7817173d.disabled, .c110b7817173d[disabled], .c110b7817173d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2443c0762be4, .c2306b92dbb28 button, .c9979da3196d3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c2443c0762be4 svg, .c2306b92dbb28 button svg, .c9979da3196d3 svg,
.c2443c0762be4 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c2443c0762be4:focus-visible, .c2306b92dbb28 button:focus-visible, .c9979da3196d3:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c2443c0762be4:focus-visible svg, .c2306b92dbb28 button:focus-visible svg, .c9979da3196d3:focus-visible svg,
.c2443c0762be4:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c2443c0762be4:hover, .c2306b92dbb28 button:hover, .c9979da3196d3:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c2443c0762be4:hover svg, .c2306b92dbb28 button:hover svg, .c9979da3196d3:hover svg,
.c2443c0762be4:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c2443c0762be4:active, .c2306b92dbb28 button:active, .c9979da3196d3:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c2443c0762be4:active svg, .c2306b92dbb28 button:active svg, .c9979da3196d3:active svg,
.c2443c0762be4:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c2443c0762be4.disabled, .c2306b92dbb28 button.disabled, .c9979da3196d3.disabled, .c2443c0762be4[disabled], .c2306b92dbb28 button[disabled], [disabled].c9979da3196d3, .c2443c0762be4:disabled, .c2306b92dbb28 button:disabled, .c9979da3196d3:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c2443c0762be4.disabled svg, .c2306b92dbb28 button.disabled svg, .c9979da3196d3.disabled svg,
.c2443c0762be4.disabled span svg, .c2443c0762be4[disabled] svg, .c2306b92dbb28 button[disabled] svg, [disabled].c9979da3196d3 svg,
.c2443c0762be4[disabled] span svg, .c2443c0762be4:disabled svg, .c2306b92dbb28 button:disabled svg, .c9979da3196d3:disabled svg,
.c2443c0762be4:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cefcb0d418e05 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cefcb0d418e05 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c276df9571cf1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c276df9571cf1 svg,
.c276df9571cf1 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c276df9571cf1:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c276df9571cf1:focus-visible svg,
.c276df9571cf1:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c276df9571cf1:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c276df9571cf1:hover svg,
.c276df9571cf1:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c276df9571cf1:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c276df9571cf1:active svg,
.c276df9571cf1:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cd5e2cabdfd2c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7833496440ca {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3c44a38f3f3c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c3c44a38f3f3c:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c3c44a38f3f3c:focus-visible svg,
.c3c44a38f3f3c:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c3c44a38f3f3c:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c3c44a38f3f3c:active {
  border: none;
  background-color: transparent;
}

.c96b35d2b2e58, .c9979da3196d3 svg, .c00799b145301, .c3b950e19c85e .c490bffb6d3d5 .c0b7853ba4d1e svg, .c3b950e19c85e .c490bffb6d3d5 .c2da4fe4eca50 svg, .c8039b30b8fb7 span svg, .c2306b92dbb28 button svg, .c77195b356ddc.intermediate svg, .c8a04ad84c8f6 label span.intermediate svg, .c77195b356ddc.checked svg, .c8a04ad84c8f6 label span.checked svg, .c7349f5af0ddd span svg,
.c7349f5af0ddd label svg, .caff1cae0e4a7 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ceff939c62513 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ceff939c62513:hover {
  fill: none;
  stroke: none;
}

.c00799b145301, .c3b950e19c85e .c490bffb6d3d5 .c0b7853ba4d1e svg, .c3b950e19c85e .c490bffb6d3d5 .c2da4fe4eca50 svg, .c8039b30b8fb7 span svg, .c2306b92dbb28 button svg, .c77195b356ddc.intermediate svg, .c8a04ad84c8f6 label span.intermediate svg, .c77195b356ddc.checked svg, .c8a04ad84c8f6 label span.checked svg, .c7349f5af0ddd span svg,
.c7349f5af0ddd label svg, .caff1cae0e4a7 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c1fbdd6169e48 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c1fbdd6169e48:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ca15e18fc4643, .cbf77b7b889cc input, .c0b4a12bbd6d7 input, .c7349f5af0ddd input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ca15e18fc4643, .cbf77b7b889cc input, .c0b4a12bbd6d7 input, .c7349f5af0ddd input {
    height: 23px;
  }
}
.ca15e18fc4643, .cbf77b7b889cc input, .c0b4a12bbd6d7 input, .c7349f5af0ddd input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ca15e18fc4643[disabled], .cbf77b7b889cc input[disabled], .c0b4a12bbd6d7 input[disabled], .c7349f5af0ddd input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.caff1cae0e4a7 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cf4a4e43ca1e3, .c7349f5af0ddd span,
.c7349f5af0ddd label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf4a4e43ca1e3, .c7349f5af0ddd span,
  .c7349f5af0ddd label {
    height: 25px;
  }
}
.cf4a4e43ca1e3, .c7349f5af0ddd span,
.c7349f5af0ddd label {
  color: var(--input-foreground-color);
}

.c7349f5af0ddd {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c7349f5af0ddd {
    height: 25px;
    font-size: 10px;
  }
}
.c7349f5af0ddd {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c7349f5af0ddd span svg,
.c7349f5af0ddd label svg {
  color: var(--input-foreground-color);
}
.c7349f5af0ddd ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c7349f5af0ddd ::placeholder {
  color: var(--input-placeholder-color);
}
.c7349f5af0ddd:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c7349f5af0ddd:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c7349f5af0ddd:hover span {
  color: var(--input-foreground-color-hover);
}
.c7349f5af0ddd:hover input {
  color: var(--input-foreground-color-hover);
}
.c7349f5af0ddd:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c7349f5af0ddd:active span {
  color: var(--input-foreground-color-active);
}
.c7349f5af0ddd:active input {
  color: var(--input-foreground-color-active);
}
.c7349f5af0ddd:focus, .c7349f5af0ddd:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c7349f5af0ddd:focus span, .c7349f5af0ddd:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c7349f5af0ddd:focus input, .c7349f5af0ddd:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c7349f5af0ddd:focus:hover, .c7349f5af0ddd:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c7349f5af0ddd:focus:hover span, .c7349f5af0ddd:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c7349f5af0ddd:focus:hover input, .c7349f5af0ddd:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c0b4a12bbd6d7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c0b4a12bbd6d7 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c0b4a12bbd6d7 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c0b4a12bbd6d7 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c0b4a12bbd6d7:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c0b4a12bbd6d7:focus-within input, .c0b4a12bbd6d7:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cd56a807cf3ab, .cbf77b7b889cc.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cd56a807cf3ab input, .cbf77b7b889cc.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cd56a807cf3ab span svg, .cbf77b7b889cc.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c77195b356ddc, .c8a04ad84c8f6 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c77195b356ddc svg, .c8a04ad84c8f6 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c77195b356ddc:hover, .c8a04ad84c8f6 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c77195b356ddc:focus, .c8a04ad84c8f6 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c77195b356ddc.checked, .c8a04ad84c8f6 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c77195b356ddc.checked svg, .c8a04ad84c8f6 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c77195b356ddc.intermediate, .c8a04ad84c8f6 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c77195b356ddc.intermediate svg, .c8a04ad84c8f6 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c77195b356ddc.unchecked, .c8a04ad84c8f6 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c77195b356ddc.unchecked svg, .c8a04ad84c8f6 label span.unchecked svg {
  display: none;
}

.c8a04ad84c8f6 {
  display: flex;
  align-items: center;
}
.c8a04ad84c8f6 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c8a04ad84c8f6 label input {
  margin: 0;
}
.c8a04ad84c8f6 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8a04ad84c8f6 label:focus span, .c8a04ad84c8f6 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cbf77b7b889cc {
  display: flex;
  flex-direction: column;
}
.cbf77b7b889cc label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cbf77b7b889cc input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cbf77b7b889cc input:focus-within input, .cbf77b7b889cc input:active input {
  color: var(--input-foreground-color-active);
}
.cbf77b7b889cc input:focus-within, .cbf77b7b889cc input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbf77b7b889cc.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ca4b0c9ad129c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ce6d3fb33e409 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cffa4c63b5cf6 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c9979da3196d3 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c2fa0cfa051ea {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c5f0016ed54fa {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c97dd1067047e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cce288d799465 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c4fd48b567a85 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cd5cab8481796 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cd5cab8481796:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cc13206a9a9e2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c4ba674d111aa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ca6f985e9d2fc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c783f1de23d9b {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c169fed2a9f8d {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c169fed2a9f8d:hover, .c169fed2a9f8d:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c2306b92dbb28 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c2306b92dbb28 button {
  display: none;
}
.c2306b92dbb28 button svg {
  stroke: var(--icon-foreground);
}
.c2306b92dbb28:hover button {
  display: flex;
}

.cfc516d30019a {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cfc516d30019a .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cfc516d30019a .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c963d973731dc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c963d973731dc:hover div {
  color: var(--entry-foreground-color-hover);
}

.c0ee4530045e2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c4db71cf891c9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c4db71cf891c9:hover {
  background-color: var(--menu-background-color-hover);
}

.c8039b30b8fb7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c8039b30b8fb7 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c8039b30b8fb7 span svg {
  stroke: var(--icon-foreground);
}
.c8039b30b8fb7:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c8039b30b8fb7:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ca30adfb67281 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c497930df82b5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cfb6a1942b515,
.ce1a7b6b86257 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c8bac7bd374f1 .cfb6a1942b515,
.c8bac7bd374f1 .ce1a7b6b86257 {
  transform: scale(1);
}

.c6cabcc000a38 .cfb6a1942b515,
.c6cabcc000a38 .ce1a7b6b86257 {
  transform: scale(0);
}

.ca582c4627671 {
  display: flex;
  flex-direction: column;
  background-color: var(--panel-background-color);
}

.c007a8459abd2 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xxxl);
  margin: var(--sp-xxxl) auto;
  inline-size: 12.5rem;
}

.c635942615849 {
  height: calc(100vh - 6.25rem);
  padding: 0.75rem;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0.75rem;
}

.c3b950e19c85e {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 2rem;
  margin: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
  background-color: var(--entry-background-color);
  cursor: pointer;
  transition: border 0.2s;
}
.c3b950e19c85e .c490bffb6d3d5 {
  display: flex;
  align-items: center;
}
.c3b950e19c85e .c490bffb6d3d5 .c0b7853ba4d1e svg {
  color: var(--entry-foreground-color);
}
.c3b950e19c85e .c490bffb6d3d5 .ce3b383c6d45d {
  margin: 0 0.5rem;
  color: var(--color-foreground-primary);
}
.c3b950e19c85e .c490bffb6d3d5 .c2da4fe4eca50 {
  opacity: 0;
  margin-left: auto;
}
.c3b950e19c85e .c490bffb6d3d5 .c2da4fe4eca50.c19744c181253 svg {
  transform: rotate(90deg);
}
.c3b950e19c85e .c490bffb6d3d5 .c2da4fe4eca50 svg {
  color: var(--entry-foreground-color);
}
.c3b950e19c85e .ceb30669d6c12 {
  display: block;
  padding-top: 1rem;
  color: var(--modal-text-foreground-color);
}
.c3b950e19c85e .ceb30669d6c12 .c483ade657e49 {
  margin: 0;
}
.c3b950e19c85e.c572953c7ee45 {
  border-color: var(--entry-border-color-disabled);
  background-color: var(--entry-background-color-disabled);
}
.c3b950e19c85e.c5410dbfd794c, .c3b950e19c85e:hover {
  background-color: var(--entry-background-color-hover);
  color: var(--entry-foreground-color-hover);
}
.c3b950e19c85e.c5410dbfd794c .c490bffb6d3d5 .c0b7853ba4d1e svg, .c3b950e19c85e:hover .c490bffb6d3d5 .c0b7853ba4d1e svg {
  color: var(--entry-foreground-color-hover);
}
.c3b950e19c85e.c5410dbfd794c .c490bffb6d3d5 .c2da4fe4eca50, .c3b950e19c85e:hover .c490bffb6d3d5 .c2da4fe4eca50 {
  opacity: 1;
}
.c3b950e19c85e.c5410dbfd794c .c490bffb6d3d5 .c2da4fe4eca50.c19744c181253 svg, .c3b950e19c85e:hover .c490bffb6d3d5 .c2da4fe4eca50.c19744c181253 svg {
  transform: rotate(90deg);
}
.cea34404f4b13 {
  --layer-indentation-size: var(--sp-xxl);
  --layer-background-color: var(--color-background-primary);
  --layer-foreground-color: inherit;
  --shadow-color: transparent;
  box-shadow: 1rem 0rem 0rem 0rem var(--shadow-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  inline-size: 100%;
  background-color: var(--layer-background-color);
  border: 0.125rem solid transparent;
  color: var(--layer-foreground-color);
  padding-left: 14px;
}
.cea34404f4b13.c31ea673759b5, .cea34404f4b13:hover {
  --layer-background-color: var(--color-background-primary);
  --shadow-color: var(--color-background-primary);
  --context-hover-color: var(--layer-row-foreground-color-hover);
  --context-hover-opacity: 1;
  --layer-foreground-color: var(--layer-row-foreground-color-hover);
}
.cea34404f4b13.c31ea673759b5.c3072f5aad093, .cea34404f4b13:hover.c3072f5aad093 {
  opacity: 1;
}
.cea34404f4b13.c36f2e4ef8c3c {
  --layer-background-color: var(--color-background-quaternary);
  --shadow-color: var(--color-background-quaternary);
}
.cea34404f4b13.c36f2e4ef8c3c.c31ea673759b5, .cea34404f4b13.c36f2e4ef8c3c:hover {
  --layer-background-color: var(--color-background-quaternary);
}
.c8a31f8a885cd .cea34404f4b13 {
  --layer-background-color: var(--color-background-tertiary);
  --shadow-color: var(--color-background-tertiary);
}
.c8a31f8a885cd .cea34404f4b13.c31ea673759b5, .c8a31f8a885cd .cea34404f4b13:hover {
  --layer-background-color: var(--color-background-secondary);
  --shadow-color: var(--color-background-secondary);
}
.cea34404f4b13.c54c2a84e16cc {
  border-block-end: 0.125rem solid var(--color-accent-primary);
}
.cea34404f4b13.c7f496f91c431 {
  border-block-start: 0.125rem solid var(--color-accent-primary);
}
.cea34404f4b13.cb6984a81ce43 {
  border: 0.125rem solid var(--color-accent-primary);
}

.cea34404f4b13.c31ea673759b5 .c403250db7ee0, .cea34404f4b13:hover .c403250db7ee0 {
  --layer-background-color: var(--color-background-quaternary);
  --shadow-color: var(--color-background-quaternary);
}
.cea34404f4b13.c0bf9c131d330 .c403250db7ee0 {
  --layer-foreground-color: var(--color-accent-secondary);
}
.cea34404f4b13.c36f2e4ef8c3c .c403250db7ee0 {
  --layer-background-color: transparent;
  --layer-foreground-color: var(--color-accent-primary);
}

.c0aa9fed5c008 {
  align-items: center;
  display: grid;
  grid-template-columns: auto 1fr auto;
  -moz-column-gap: var(--sp-xs);
       column-gap: var(--sp-xs);
  block-size: 2rem;
  inline-size: calc(100% - var(--depth) * var(--layer-indentation-size));
  cursor: pointer;
  min-inline-size: 8.75rem;
}
.c0aa9fed5c008.c3a06fefbfe10 {
  inline-size: calc(100% - 0.75rem);
}

.cb02c4b18e04a {
  display: flex;
  align-items: end;
  position: sticky;
  inset-inline-end: 0;
  block-size: 2rem;
}
.cb02c4b18e04a.c36f2e4ef8c3c {
  display: flex;
}
.cea34404f4b13.c31ea673759b5 .cb02c4b18e04a, .cea34404f4b13:hover .cb02c4b18e04a {
  display: flex;
}

.c232a7f1c5cf4 {
  display: flex;
  block-size: 100%;
}

.ccd52ddeb61b6 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
  position: relative;
  justify-self: flex-end;
  block-size: 100%;
  inline-size: 1.5rem;
  padding-inline-start: var(--sp-xs);
  color: var(--color-foreground-secondary);
}
.cea34404f4b13.c36f2e4ef8c3c .ccd52ddeb61b6 {
  color: var(--color-accent-primary);
}
.cea34404f4b13.c0bf9c131d330 .ccd52ddeb61b6 {
  color: var(--color-accent-secondary);
}
.c72e946f56e89 .ccd52ddeb61b6 {
  transform: rotate(-90deg);
}
.cea34404f4b13.c3072f5aad093 .ccd52ddeb61b6 {
  opacity: 0.7;
}
.cea34404f4b13.c31ea673759b5 .ccd52ddeb61b6, .cea34404f4b13:hover .ccd52ddeb61b6 {
  opacity: 1;
}
.cea34404f4b13.c31ea673759b5 .ccd52ddeb61b6 svg, .cea34404f4b13:hover .ccd52ddeb61b6 svg {
  color: var(--color-accent-primary);
}

.c67147c53672e {
  position: absolute;
  background-color: var(--color-foreground-secondary);
  opacity: 0.4;
  inline-size: 0.75rem;
  block-size: 0.75rem;
  border-radius: 0.125rem;
}
.cea34404f4b13.c3072f5aad093 .c67147c53672e {
  opacity: 0.1;
}
.cea34404f4b13.c0bf9c131d330 .c67147c53672e {
  background-color: var(--color-accent-secondary);
}
.cea34404f4b13.c31ea673759b5 .c67147c53672e, .cea34404f4b13:hover .c67147c53672e {
  opacity: 0.4;
  background-color: var(--color-accent-primary);
}
.cea34404f4b13.c36f2e4ef8c3c .c67147c53672e {
  background-color: var(--color-accent-primary);
}

.cca0b15b64d7b {
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  block-size: 100%;
  inline-size: 1.5rem;
  padding-inline-start: var(--sp-s);
}
.cca0b15b64d7b svg {
  display: flex;
  justify-content: center;
  align-items: center;
  color: transparent;
  fill: none;
  block-size: 0.75rem;
  inline-size: 0.75rem;
  stroke-width: 1.33px;
  color: var(--color-foreground-secondary);
}
.cea34404f4b13.c3072f5aad093 .cca0b15b64d7b svg {
  opacity: 0.7;
}
.cea34404f4b13.c36f2e4ef8c3c .cca0b15b64d7b svg {
  color: var(--color-accent-primary);
}
.cea34404f4b13.c0bf9c131d330 .cca0b15b64d7b svg {
  color: var(--color-accent-secondary);
}
.cea34404f4b13.c31ea673759b5 .cca0b15b64d7b svg, .cea34404f4b13:hover .cca0b15b64d7b svg {
  opacity: 1;
  color: var(--color-accent-primary);
}
.cea34404f4b13.c36f2e4ef8c3c .cca0b15b64d7b {
  background-color: var(--color-background-quaternary);
}
.cca0b15b64d7b.c72e946f56e89 svg {
  transform: rotate(90deg);
}

.caa48123b4a22,
.c5fff0fbfe518 {
  --layer-row-action-btn-background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  block-size: 100%;
  inline-size: 1.5rem;
  margin: 0;
  display: none;
  background: var(--layer-row-action-btn-background);
  padding-inline-end: 0.375rem;
}
.caa48123b4a22 svg,
.c5fff0fbfe518 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  fill: none;
  block-size: 0.75rem;
  inline-size: 0.75rem;
  stroke-width: 1.33px;
  color: var(--color-foreground-secondary);
}
.cea34404f4b13.c3072f5aad093 .caa48123b4a22 svg,
.cea34404f4b13.c3072f5aad093 .c5fff0fbfe518 svg {
  opacity: 0.7;
}
.c0bf9c131d330 .caa48123b4a22 svg,
.c0bf9c131d330 .c5fff0fbfe518 svg {
  color: var(--color-accent-secondary);
}
.cb02c4b18e04a.c36f2e4ef8c3c .caa48123b4a22,
.cb02c4b18e04a.c36f2e4ef8c3c .c5fff0fbfe518 {
  display: flex;
  opacity: 0;
}
.cb02c4b18e04a.c36f2e4ef8c3c .caa48123b4a22.c36f2e4ef8c3c,
.cb02c4b18e04a.c36f2e4ef8c3c .c5fff0fbfe518.c36f2e4ef8c3c {
  opacity: 1;
}
.cea34404f4b13:hover .cb02c4b18e04a.c36f2e4ef8c3c .caa48123b4a22,
.cea34404f4b13:hover .cb02c4b18e04a.c36f2e4ef8c3c .c5fff0fbfe518 {
  opacity: 1;
}
.cea34404f4b13.c31ea673759b5 .caa48123b4a22, .cea34404f4b13:hover .caa48123b4a22,
.cea34404f4b13.c31ea673759b5 .c5fff0fbfe518,
.cea34404f4b13:hover .c5fff0fbfe518 {
  display: flex;
  --layer-row-action-btn-background: var(--color-background-secondary);
}
.cea34404f4b13.c31ea673759b5 .caa48123b4a22 svg, .cea34404f4b13:hover .caa48123b4a22 svg,
.cea34404f4b13.c31ea673759b5 .c5fff0fbfe518 svg,
.cea34404f4b13:hover .c5fff0fbfe518 svg {
  opacity: 1;
  color: var(--color-accent-primary);
}
.cea34404f4b13.c36f2e4ef8c3c .caa48123b4a22,
.cea34404f4b13.c36f2e4ef8c3c .c5fff0fbfe518 {
  display: flex;
  --layer-row-action-btn-background: var(--color-background-quaternary);
}
.cea34404f4b13.c36f2e4ef8c3c .caa48123b4a22 svg,
.cea34404f4b13.c36f2e4ef8c3c .c5fff0fbfe518 svg {
  color: var(--color-accent-primary);
}

.sticky {
  position: sticky;
  inset-block-start: 0;
  z-index: 4;
}

.c1a6f7b0c2efe {
  display: block;
  block-size: 1rem;
  min-inline-size: calc(var(--depth) * var(--layer-indentation-size));
}

.c3a06fefbfe10 {
  min-inline-size: 0.75rem;
}

.c2a7a0965df86 {
  min-height: 1px;
  pointer-events: none;
}

.c2a7a0965df86 {
  min-height: 1px;
  pointer-events: none;
}
@keyframes cd4a141d29252 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cc39247340dfc {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cc39247340dfc:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cc39247340dfc ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cc39247340dfc ::-webkit-scrollbar-track,
.cc39247340dfc ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cc39247340dfc ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cc39247340dfc ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cc39247340dfc ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc39247340dfc ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc39247340dfc ::placeholder,
.cc39247340dfc ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ca36077262a44, .cdef428b47ca9, .c188df61c5de2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ca36077262a44 svg, .cdef428b47ca9 svg, .c188df61c5de2 svg,
.ca36077262a44 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ca36077262a44:focus-visible, .cdef428b47ca9:focus-visible, .c188df61c5de2:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ca36077262a44:focus-visible svg, .cdef428b47ca9:focus-visible svg, .c188df61c5de2:focus-visible svg,
.ca36077262a44:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ca36077262a44:hover, .cdef428b47ca9:hover, .c188df61c5de2:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ca36077262a44:hover svg, .cdef428b47ca9:hover svg, .c188df61c5de2:hover svg,
.ca36077262a44:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ca36077262a44:active, .cdef428b47ca9:active, .c188df61c5de2:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ca36077262a44:active svg, .cdef428b47ca9:active svg, .c188df61c5de2:active svg,
.ca36077262a44:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ca36077262a44.disabled, .cdef428b47ca9.disabled, .c188df61c5de2.disabled, .ca36077262a44[disabled], [disabled].cdef428b47ca9, [disabled].c188df61c5de2, .ca36077262a44:disabled, .cdef428b47ca9:disabled, .c188df61c5de2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ccb3e3691b0f9, .cdbbb38747d3e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ccb3e3691b0f9 svg, .cdbbb38747d3e svg,
.ccb3e3691b0f9 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ccb3e3691b0f9:focus-visible, .cdbbb38747d3e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ccb3e3691b0f9:focus-visible svg, .cdbbb38747d3e:focus-visible svg,
.ccb3e3691b0f9:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ccb3e3691b0f9:hover, .cdbbb38747d3e:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ccb3e3691b0f9:hover svg, .cdbbb38747d3e:hover svg,
.ccb3e3691b0f9:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ccb3e3691b0f9:active, .cdbbb38747d3e:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ccb3e3691b0f9:active svg, .cdbbb38747d3e:active svg,
.ccb3e3691b0f9:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ccb3e3691b0f9.disabled, .cdbbb38747d3e.disabled, .ccb3e3691b0f9[disabled], [disabled].cdbbb38747d3e, .ccb3e3691b0f9:disabled, .cdbbb38747d3e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2b2393586a7e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c2b2393586a7e svg,
.c2b2393586a7e span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c2b2393586a7e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2b2393586a7e:focus-visible svg,
.c2b2393586a7e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2b2393586a7e:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c2b2393586a7e:hover svg,
.c2b2393586a7e:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c2b2393586a7e:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c2b2393586a7e:active svg,
.c2b2393586a7e:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c2b2393586a7e.disabled, .c2b2393586a7e[disabled], .c2b2393586a7e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc88cf9521e4b, .ca926a30d8435 button, .c81b98c96e58f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cc88cf9521e4b svg, .ca926a30d8435 button svg, .c81b98c96e58f svg,
.cc88cf9521e4b span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cc88cf9521e4b:focus-visible, .ca926a30d8435 button:focus-visible, .c81b98c96e58f:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cc88cf9521e4b:focus-visible svg, .ca926a30d8435 button:focus-visible svg, .c81b98c96e58f:focus-visible svg,
.cc88cf9521e4b:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cc88cf9521e4b:hover, .ca926a30d8435 button:hover, .c81b98c96e58f:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cc88cf9521e4b:hover svg, .ca926a30d8435 button:hover svg, .c81b98c96e58f:hover svg,
.cc88cf9521e4b:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cc88cf9521e4b:active, .ca926a30d8435 button:active, .c81b98c96e58f:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cc88cf9521e4b:active svg, .ca926a30d8435 button:active svg, .c81b98c96e58f:active svg,
.cc88cf9521e4b:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cc88cf9521e4b.disabled, .ca926a30d8435 button.disabled, .c81b98c96e58f.disabled, .cc88cf9521e4b[disabled], .ca926a30d8435 button[disabled], [disabled].c81b98c96e58f, .cc88cf9521e4b:disabled, .ca926a30d8435 button:disabled, .c81b98c96e58f:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cc88cf9521e4b.disabled svg, .ca926a30d8435 button.disabled svg, .c81b98c96e58f.disabled svg,
.cc88cf9521e4b.disabled span svg, .cc88cf9521e4b[disabled] svg, .ca926a30d8435 button[disabled] svg, [disabled].c81b98c96e58f svg,
.cc88cf9521e4b[disabled] span svg, .cc88cf9521e4b:disabled svg, .ca926a30d8435 button:disabled svg, .c81b98c96e58f:disabled svg,
.cc88cf9521e4b:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ca9dd77d3041c {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ca9dd77d3041c svg {
  color: var(--button-icon-foreground-color-selected);
}

.cb997d7b388b0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cb997d7b388b0 svg,
.cb997d7b388b0 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cb997d7b388b0:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cb997d7b388b0:focus-visible svg,
.cb997d7b388b0:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cb997d7b388b0:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cb997d7b388b0:hover svg,
.cb997d7b388b0:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cb997d7b388b0:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cb997d7b388b0:active svg,
.cb997d7b388b0:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cb949f9b7bffd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c1e4d402eb7c0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c60d03b8dada7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c60d03b8dada7:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c60d03b8dada7:focus-visible svg,
.c60d03b8dada7:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c60d03b8dada7:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c60d03b8dada7:active {
  border: none;
  background-color: transparent;
}

.ca67ca3721968, .c81b98c96e58f svg, .ce4ead1a97f1c, .cef72ee15c9aa span svg, .ca926a30d8435 button svg, .c2bd02fb08525.intermediate svg, .c7f5af15b4c73 label span.intermediate svg, .c2bd02fb08525.checked svg, .c7f5af15b4c73 label span.checked svg, .cf3d3449bbe28 span svg,
.cf3d3449bbe28 label svg, .ca6709415ad68 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cd9d709ba4c4c {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cd9d709ba4c4c:hover {
  fill: none;
  stroke: none;
}

.ce4ead1a97f1c, .cef72ee15c9aa span svg, .ca926a30d8435 button svg, .c2bd02fb08525.intermediate svg, .c7f5af15b4c73 label span.intermediate svg, .c2bd02fb08525.checked svg, .c7f5af15b4c73 label span.checked svg, .cf3d3449bbe28 span svg,
.cf3d3449bbe28 label svg, .ca6709415ad68 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c4f7f291e0455 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c4f7f291e0455:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cf47c53ec4057, .c947ff25ab2ef input, .c4f22662b990d input, .cf3d3449bbe28 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cf47c53ec4057, .c947ff25ab2ef input, .c4f22662b990d input, .cf3d3449bbe28 input {
    height: 23px;
  }
}
.cf47c53ec4057, .c947ff25ab2ef input, .c4f22662b990d input, .cf3d3449bbe28 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cf47c53ec4057[disabled], .c947ff25ab2ef input[disabled], .c4f22662b990d input[disabled], .cf3d3449bbe28 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ca6709415ad68 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c64ed96799807, .cf3d3449bbe28 span,
.cf3d3449bbe28 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c64ed96799807, .cf3d3449bbe28 span,
  .cf3d3449bbe28 label {
    height: 25px;
  }
}
.c64ed96799807, .cf3d3449bbe28 span,
.cf3d3449bbe28 label {
  color: var(--input-foreground-color);
}

.cf3d3449bbe28 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf3d3449bbe28 {
    height: 25px;
    font-size: 10px;
  }
}
.cf3d3449bbe28 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cf3d3449bbe28 span svg,
.cf3d3449bbe28 label svg {
  color: var(--input-foreground-color);
}
.cf3d3449bbe28 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cf3d3449bbe28 ::placeholder {
  color: var(--input-placeholder-color);
}
.cf3d3449bbe28:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf3d3449bbe28:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cf3d3449bbe28:hover span {
  color: var(--input-foreground-color-hover);
}
.cf3d3449bbe28:hover input {
  color: var(--input-foreground-color-hover);
}
.cf3d3449bbe28:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cf3d3449bbe28:active span {
  color: var(--input-foreground-color-active);
}
.cf3d3449bbe28:active input {
  color: var(--input-foreground-color-active);
}
.cf3d3449bbe28:focus, .cf3d3449bbe28:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf3d3449bbe28:focus span, .cf3d3449bbe28:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cf3d3449bbe28:focus input, .cf3d3449bbe28:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cf3d3449bbe28:focus:hover, .cf3d3449bbe28:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf3d3449bbe28:focus:hover span, .cf3d3449bbe28:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cf3d3449bbe28:focus:hover input, .cf3d3449bbe28:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c4f22662b990d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c4f22662b990d input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c4f22662b990d ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4f22662b990d ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4f22662b990d:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c4f22662b990d:focus-within input, .c4f22662b990d:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c9084e95d785b, .c947ff25ab2ef.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c9084e95d785b input, .c947ff25ab2ef.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c9084e95d785b span svg, .c947ff25ab2ef.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c2bd02fb08525, .c7f5af15b4c73 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c2bd02fb08525 svg, .c7f5af15b4c73 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c2bd02fb08525:hover, .c7f5af15b4c73 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c2bd02fb08525:focus, .c7f5af15b4c73 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c2bd02fb08525.checked, .c7f5af15b4c73 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c2bd02fb08525.checked svg, .c7f5af15b4c73 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c2bd02fb08525.intermediate, .c7f5af15b4c73 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c2bd02fb08525.intermediate svg, .c7f5af15b4c73 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c2bd02fb08525.unchecked, .c7f5af15b4c73 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c2bd02fb08525.unchecked svg, .c7f5af15b4c73 label span.unchecked svg {
  display: none;
}

.c7f5af15b4c73 {
  display: flex;
  align-items: center;
}
.c7f5af15b4c73 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c7f5af15b4c73 label input {
  margin: 0;
}
.c7f5af15b4c73 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c7f5af15b4c73 label:focus span, .c7f5af15b4c73 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c947ff25ab2ef {
  display: flex;
  flex-direction: column;
}
.c947ff25ab2ef label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c947ff25ab2ef input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c947ff25ab2ef input:focus-within input, .c947ff25ab2ef input:active input {
  color: var(--input-foreground-color-active);
}
.c947ff25ab2ef input:focus-within, .c947ff25ab2ef input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c947ff25ab2ef.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf40ce9a86a16 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cdb25b43fb0e7 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cfb77509711f2 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c81b98c96e58f {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cedd9aedcfd0e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c75625895a3da {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cdbbb38747d3e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c188df61c5de2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cdef428b47ca9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c820e22bd93db {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c820e22bd93db:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c14024f15796d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c6f4d23c1b882 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c1c7d72fb2ec6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c145ad671bd4c {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ca00ced1e8b82 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ca00ced1e8b82:hover, .ca00ced1e8b82:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ca926a30d8435 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ca926a30d8435 button {
  display: none;
}
.ca926a30d8435 button svg {
  stroke: var(--icon-foreground);
}
.ca926a30d8435:hover button {
  display: flex;
}

.c2559f048c888 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c2559f048c888 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c2559f048c888 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c2f7e720237f4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c2f7e720237f4:hover div {
  color: var(--entry-foreground-color-hover);
}

.ccbfafa93add2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c9ed623bed0a9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c9ed623bed0a9:hover {
  background-color: var(--menu-background-color-hover);
}

.cef72ee15c9aa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cef72ee15c9aa span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cef72ee15c9aa span svg {
  stroke: var(--icon-foreground);
}
.cef72ee15c9aa:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cef72ee15c9aa:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ca245f52b00af {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c5fe0c4add298 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c1cd790cd7f94,
.cea1640e57480 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c404f24cd3dc5 .c1cd790cd7f94,
.c404f24cd3dc5 .cea1640e57480 {
  transform: scale(1);
}

.cfeb0927ff7cb .c1cd790cd7f94,
.cfeb0927ff7cb .cea1640e57480 {
  transform: scale(0);
}

.cbcc79985e467 {
  --element-name-color: var(--context-hover-color, var(--layer-row-foreground-color));
  --element-name-comp-color: var(--context-hover-color, var(--layer-row-component-foreground-color));
  --element-name-opacity: var(--context-hover-opacity, deprecated.$op-7);
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--element-name-color);
  flex-grow: 1;
  block-size: 100%;
  align-content: center;
  min-inline-size: var(--sp-xl);
}
.cbcc79985e467.cdc5bd8a17932 {
  color: var(--layer-row-foreground-color-selected);
}
.cbcc79985e467.c4e63a5794bee {
  color: var(--element-name-comp-color);
}
.cbcc79985e467.c4e63a5794bee.cbaa43b3ee4e7 {
  opacity: var(--element-name-opacity);
}
.cbcc79985e467.cbaa43b3ee4e7 {
  opacity: var(--element-name-opacity);
}

.c086e58d896d3 {
  --element-name-input-border-color: var(--input-border-color-focus);
  --element-name-input-color: var(--layer-row-foreground-color);
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border: none;
  background: none;
  outline: none;
  flex-grow: 1;
  height: 1.75rem;
  max-inline-size: calc(var(--parent-size) - var(--depth) * var(--layer-indentation-size));
  margin: 0;
  padding-inline-start: 0.375rem;
  border-radius: 8px;
  border: 1px solid var(--element-name-input-border-color);
  color: var(--element-name-input-color);
}
.c086e58d896d3.cdc5bd8a17932 {
  min-inline-size: 6.25rem;
}

.c1d55dc2243e6 {
  --element-name-touched-color: var(--layer-row-component-foreground-color);
  color: var(--element-name-touched-color);
}
@keyframes c6299d223f1e5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c5adcd0a04528 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c5adcd0a04528:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c5adcd0a04528 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c5adcd0a04528 ::-webkit-scrollbar-track,
.c5adcd0a04528 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c5adcd0a04528 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c5adcd0a04528 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c5adcd0a04528 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5adcd0a04528 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5adcd0a04528 ::placeholder,
.c5adcd0a04528 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cfa11c8089aab, .ccd257bbefabc, .cc847cb3c81ee {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cfa11c8089aab svg, .ccd257bbefabc svg, .cc847cb3c81ee svg,
.cfa11c8089aab span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cfa11c8089aab:focus-visible, .ccd257bbefabc:focus-visible, .cc847cb3c81ee:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cfa11c8089aab:focus-visible svg, .ccd257bbefabc:focus-visible svg, .cc847cb3c81ee:focus-visible svg,
.cfa11c8089aab:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cfa11c8089aab:hover, .ccd257bbefabc:hover, .cc847cb3c81ee:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cfa11c8089aab:hover svg, .ccd257bbefabc:hover svg, .cc847cb3c81ee:hover svg,
.cfa11c8089aab:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cfa11c8089aab:active, .ccd257bbefabc:active, .cc847cb3c81ee:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cfa11c8089aab:active svg, .ccd257bbefabc:active svg, .cc847cb3c81ee:active svg,
.cfa11c8089aab:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cfa11c8089aab.disabled, .ccd257bbefabc.disabled, .cc847cb3c81ee.disabled, .cfa11c8089aab[disabled], [disabled].ccd257bbefabc, [disabled].cc847cb3c81ee, .cfa11c8089aab:disabled, .ccd257bbefabc:disabled, .cc847cb3c81ee:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd6d55f385054, .c2fa044b3a5b3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cd6d55f385054 svg, .c2fa044b3a5b3 svg,
.cd6d55f385054 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cd6d55f385054:focus-visible, .c2fa044b3a5b3:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd6d55f385054:focus-visible svg, .c2fa044b3a5b3:focus-visible svg,
.cd6d55f385054:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd6d55f385054:hover, .c2fa044b3a5b3:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cd6d55f385054:hover svg, .c2fa044b3a5b3:hover svg,
.cd6d55f385054:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cd6d55f385054:active, .c2fa044b3a5b3:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cd6d55f385054:active svg, .c2fa044b3a5b3:active svg,
.cd6d55f385054:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cd6d55f385054.disabled, .c2fa044b3a5b3.disabled, .cd6d55f385054[disabled], [disabled].c2fa044b3a5b3, .cd6d55f385054:disabled, .c2fa044b3a5b3:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6f968206325a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c6f968206325a svg,
.c6f968206325a span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c6f968206325a:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c6f968206325a:focus-visible svg,
.c6f968206325a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c6f968206325a:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c6f968206325a:hover svg,
.c6f968206325a:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c6f968206325a:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c6f968206325a:active svg,
.c6f968206325a:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c6f968206325a.disabled, .c6f968206325a[disabled], .c6f968206325a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0e81d0076c6d, .c76216988e798, .c689ff61b5071 button, .cdf361961a834 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c0e81d0076c6d svg, .c76216988e798 svg, .c689ff61b5071 button svg, .cdf361961a834 svg,
.c0e81d0076c6d span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c0e81d0076c6d:focus-visible, .c76216988e798:focus-visible, .c689ff61b5071 button:focus-visible, .cdf361961a834:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c0e81d0076c6d:focus-visible svg, .c76216988e798:focus-visible svg, .c689ff61b5071 button:focus-visible svg, .cdf361961a834:focus-visible svg,
.c0e81d0076c6d:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c0e81d0076c6d:hover, .c76216988e798:hover, .c689ff61b5071 button:hover, .cdf361961a834:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c0e81d0076c6d:hover svg, .c76216988e798:hover svg, .c689ff61b5071 button:hover svg, .cdf361961a834:hover svg,
.c0e81d0076c6d:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c0e81d0076c6d:active, .c76216988e798:active, .c689ff61b5071 button:active, .cdf361961a834:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c0e81d0076c6d:active svg, .c76216988e798:active svg, .c689ff61b5071 button:active svg, .cdf361961a834:active svg,
.c0e81d0076c6d:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c0e81d0076c6d.disabled, .c76216988e798.disabled, .c689ff61b5071 button.disabled, .cdf361961a834.disabled, .c0e81d0076c6d[disabled], [disabled].c76216988e798, .c689ff61b5071 button[disabled], [disabled].cdf361961a834, .c0e81d0076c6d:disabled, .c76216988e798:disabled, .c689ff61b5071 button:disabled, .cdf361961a834:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c0e81d0076c6d.disabled svg, .c76216988e798.disabled svg, .c689ff61b5071 button.disabled svg, .cdf361961a834.disabled svg,
.c0e81d0076c6d.disabled span svg, .c0e81d0076c6d[disabled] svg, [disabled].c76216988e798 svg, .c689ff61b5071 button[disabled] svg, [disabled].cdf361961a834 svg,
.c0e81d0076c6d[disabled] span svg, .c0e81d0076c6d:disabled svg, .c76216988e798:disabled svg, .c689ff61b5071 button:disabled svg, .cdf361961a834:disabled svg,
.c0e81d0076c6d:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c22bee071c9fd, .c31f76c1da3a0.c54e799f57088 .c99b9191f9fd7.c9b3a729e2aa8 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c22bee071c9fd svg, .c31f76c1da3a0.c54e799f57088 .c99b9191f9fd7.c9b3a729e2aa8 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c39aa3d4ad351 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c39aa3d4ad351 svg,
.c39aa3d4ad351 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c39aa3d4ad351:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c39aa3d4ad351:focus-visible svg,
.c39aa3d4ad351:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c39aa3d4ad351:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c39aa3d4ad351:hover svg,
.c39aa3d4ad351:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c39aa3d4ad351:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c39aa3d4ad351:active svg,
.c39aa3d4ad351:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c43ebc0c54f44 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cfd4c783d8e77 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c00ea8e268fd0, .ce8f9d3ef735b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c00ea8e268fd0:focus-visible, .ce8f9d3ef735b:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c00ea8e268fd0:focus-visible svg, .ce8f9d3ef735b:focus-visible svg,
.c00ea8e268fd0:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c00ea8e268fd0:hover svg, .ce8f9d3ef735b:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c00ea8e268fd0:active, .ce8f9d3ef735b:active {
  border: none;
  background-color: transparent;
}

.c3cd2129c5df4, .c76216988e798 svg, .cdf361961a834 svg, .c4d67fe8f06f9, .c101617684957 svg, .ce975f89a7942 span svg, .c689ff61b5071 button svg, .c30f8d8e5fd01.intermediate svg, .cbebb741f708f label span.intermediate svg, .c30f8d8e5fd01.checked svg, .cbebb741f708f label span.checked svg, .c2719915a9feb span svg,
.c2719915a9feb label svg, .c1c98bc287ab7 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cedfe61ded801 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cedfe61ded801:hover {
  fill: none;
  stroke: none;
}

.c4d67fe8f06f9, .c101617684957 svg, .ce975f89a7942 span svg, .c689ff61b5071 button svg, .c30f8d8e5fd01.intermediate svg, .cbebb741f708f label span.intermediate svg, .c30f8d8e5fd01.checked svg, .cbebb741f708f label span.checked svg, .c2719915a9feb span svg,
.c2719915a9feb label svg, .c1c98bc287ab7 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c179d49ed68d3 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c179d49ed68d3:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c2ffdf37828a6, .c62576a402c56 input, .cc84fd94daed1 input, .c2719915a9feb input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c2ffdf37828a6, .c62576a402c56 input, .cc84fd94daed1 input, .c2719915a9feb input {
    height: 23px;
  }
}
.c2ffdf37828a6, .c62576a402c56 input, .cc84fd94daed1 input, .c2719915a9feb input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c2ffdf37828a6[disabled], .c62576a402c56 input[disabled], .cc84fd94daed1 input[disabled], .c2719915a9feb input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c1c98bc287ab7 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c0853dee28e61, .c2719915a9feb span,
.c2719915a9feb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c0853dee28e61, .c2719915a9feb span,
  .c2719915a9feb label {
    height: 25px;
  }
}
.c0853dee28e61, .c2719915a9feb span,
.c2719915a9feb label {
  color: var(--input-foreground-color);
}

.c2719915a9feb {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c2719915a9feb {
    height: 25px;
    font-size: 10px;
  }
}
.c2719915a9feb {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c2719915a9feb span svg,
.c2719915a9feb label svg {
  color: var(--input-foreground-color);
}
.c2719915a9feb ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c2719915a9feb ::placeholder {
  color: var(--input-placeholder-color);
}
.c2719915a9feb:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c2719915a9feb:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c2719915a9feb:hover span {
  color: var(--input-foreground-color-hover);
}
.c2719915a9feb:hover input {
  color: var(--input-foreground-color-hover);
}
.c2719915a9feb:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c2719915a9feb:active span {
  color: var(--input-foreground-color-active);
}
.c2719915a9feb:active input {
  color: var(--input-foreground-color-active);
}
.c2719915a9feb:focus, .c2719915a9feb:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c2719915a9feb:focus span, .c2719915a9feb:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c2719915a9feb:focus input, .c2719915a9feb:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c2719915a9feb:focus:hover, .c2719915a9feb:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c2719915a9feb:focus:hover span, .c2719915a9feb:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c2719915a9feb:focus:hover input, .c2719915a9feb:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cc84fd94daed1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cc84fd94daed1 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cc84fd94daed1 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc84fd94daed1 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc84fd94daed1:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cc84fd94daed1:focus-within input, .cc84fd94daed1:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c59e2de1e9313, .c62576a402c56.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c59e2de1e9313 input, .c62576a402c56.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c59e2de1e9313 span svg, .c62576a402c56.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c30f8d8e5fd01, .cbebb741f708f label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c30f8d8e5fd01 svg, .cbebb741f708f label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c30f8d8e5fd01:hover, .cbebb741f708f label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c30f8d8e5fd01:focus, .cbebb741f708f label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c30f8d8e5fd01.checked, .cbebb741f708f label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c30f8d8e5fd01.checked svg, .cbebb741f708f label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c30f8d8e5fd01.intermediate, .cbebb741f708f label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c30f8d8e5fd01.intermediate svg, .cbebb741f708f label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c30f8d8e5fd01.unchecked, .cbebb741f708f label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c30f8d8e5fd01.unchecked svg, .cbebb741f708f label span.unchecked svg {
  display: none;
}

.cbebb741f708f {
  display: flex;
  align-items: center;
}
.cbebb741f708f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cbebb741f708f label input {
  margin: 0;
}
.cbebb741f708f label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cbebb741f708f label:focus span, .cbebb741f708f label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c62576a402c56 {
  display: flex;
  flex-direction: column;
}
.c62576a402c56 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c62576a402c56 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c62576a402c56 input:focus-within input, .c62576a402c56 input:active input {
  color: var(--input-foreground-color-active);
}
.c62576a402c56 input:focus-within, .c62576a402c56 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c62576a402c56.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c3190d4cd37fa {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c1aab1010c6a1 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c6a8e3e7c02f7 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cdf361961a834 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c5acef81a6ba5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cf093d83bf840 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c2fa044b3a5b3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc847cb3c81ee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ccd257bbefabc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c8b659fdfa2fd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c8b659fdfa2fd:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c713cbe435c3e {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c834a947d415a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c904411b470df {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c73c0b15c9abb {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c103623a262f2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c103623a262f2:hover, .c103623a262f2:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c689ff61b5071 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c689ff61b5071 button {
  display: none;
}
.c689ff61b5071 button svg {
  stroke: var(--icon-foreground);
}
.c689ff61b5071:hover button {
  display: flex;
}

.c60367497c556 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c60367497c556 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c60367497c556 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c94275a21ec0c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c94275a21ec0c:hover div {
  color: var(--entry-foreground-color-hover);
}

.cb0a8126d6f53, .cf309ae9cdbef {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c89e53d9f5676 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c89e53d9f5676:hover {
  background-color: var(--menu-background-color-hover);
}

.ce975f89a7942 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ce975f89a7942 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ce975f89a7942 span svg {
  stroke: var(--icon-foreground);
}
.ce975f89a7942:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ce975f89a7942:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c08050b065260 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c69466730d51c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c48b5ddf14e43,
.c694e2e1e5f54 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c884c3994c75b .c48b5ddf14e43,
.c884c3994c75b .c694e2e1e5f54 {
  transform: scale(1);
}

.c7ee780f3942b .c48b5ddf14e43,
.c7ee780f3942b .c694e2e1e5f54 {
  transform: scale(0);
}

.c31f76c1da3a0 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2rem;
  min-height: 2rem;
  margin: 0.5rem 0 0.25rem 1.125rem;
  padding-right: 1.25rem;
}
@media (max-width: 1680px) {
  .c31f76c1da3a0 {
    padding-right: 16px;
  }
}
.c31f76c1da3a0.c54e799f57088 {
  gap: 0.25rem;
}
.c31f76c1da3a0.c54e799f57088 .c99b9191f9fd7 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
  height: 1.375rem;
  width: 1.375rem;
  padding: 0;
  margin: 0;
  border-radius: 8px 2px 2px 8px;
  background-color: transparent;
}
.c31f76c1da3a0.c54e799f57088 .c99b9191f9fd7 svg {
  height: 1rem;
  width: 1rem;
  color: var(--color-button-secondary);
}
.c31f76c1da3a0.c54e799f57088 .c99b9191f9fd7:focus {
  background-color: var(--input-background-color-focus);
  color: var(--input-foreground-color-focus);
}
.c31f76c1da3a0.c54e799f57088 .c99b9191f9fd7:focus svg {
  background-color: var(--input-background-color-focus);
  color: var(--button-foreground-hover);
  stroke: none;
}
.c31f76c1da3a0.c54e799f57088 .c99b9191f9fd7:hover {
  background-color: var(--input-background-color-hover);
}
.c31f76c1da3a0.c54e799f57088 .c99b9191f9fd7:hover svg {
  background-color: var(--input-background-color-hover);
  color: var(--button-foreground-hover);
}
.c31f76c1da3a0.c54e799f57088 .c99b9191f9fd7:hover:focus {
  outline: 0;
  background-color: var(--input-background-color-focus);
  color: var(--input-foreground-color-focus);
}
.c31f76c1da3a0.c54e799f57088 .c99b9191f9fd7:hover:focus svg {
  background-color: var(--input-background-color-focus);
  stroke: none;
}
.c7d7d07f7e6e7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0 0.75rem;
  color: var(--title-foreground-color);
}

.c76216988e798 {
  height: 2rem;
  width: 1.75rem;
  border-radius: 8px;
  margin-right: 0.5rem;
  padding: 0;
}
.c76216988e798 svg {
  stroke: none;
}

.c678b72831181 {
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  width: 100%;
  padding: 0;
}

.c101617684957 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 1.5rem;
  padding: 0 0.25rem 0 0.5rem;
}
.c101617684957 svg {
  stroke: none;
  transform: rotate(180deg);
}

.cc5c86884877b {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  padding-left: 0.25rem;
  color: var(--title-foreground-color);
}

.cb169f91ec79c {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-right: 0.75rem;
}

.c07f71063e421 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  flex-wrap: wrap;
  margin: 0 0.75rem;
}

.ce8f9d3ef735b {
  gap: 0.375rem;
  height: 1.5rem;
  margin: 0.125rem 0;
  border-radius: 6px;
  background-color: var(--pill-background-color);
  cursor: pointer;
}

.c7a738ebb8a7e,
.c491b21ca5fba {
  color: var(--pill-foreground-color);
}

.cbad3f701bad4 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--pill-foreground-color);
}

.c3ffb7a7bbc11 {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.cf309ae9cdbef {
  position: absolute;
  left: 1.25rem;
  width: 12rem;
}
.cf309ae9cdbef .c168581e4236b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
}
.cf309ae9cdbef .c168581e4236b .cd97290015ca5 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cf309ae9cdbef .c168581e4236b .cd97290015ca5 .c8bbf6ddf3165 {
  color: var(--menu-foreground-color);
}
.cf309ae9cdbef .c168581e4236b .cd97290015ca5 .c37d3f0f41cd7 {
  padding-top: 0.125rem;
  color: var(--menu-foreground-color);
}
.cf309ae9cdbef .c168581e4236b .c11e0d7571695 {
  color: var(--menu-foreground-color);
}
.cf309ae9cdbef .c168581e4236b.cb2b26a644194 {
  background-color: var(--menu-background-color-selected);
}
.cf309ae9cdbef .c168581e4236b.cb2b26a644194 .cd97290015ca5 .c8bbf6ddf3165 {
  color: var(--menu-foreground-color);
}
.cf309ae9cdbef .c168581e4236b.cb2b26a644194 .cd97290015ca5 .c37d3f0f41cd7 {
  color: var(--menu-foreground-color);
}
.cf309ae9cdbef .c168581e4236b.cb2b26a644194 .c11e0d7571695 {
  color: var(--menu-foreground-color);
}
.cf309ae9cdbef .c168581e4236b:hover {
  background-color: var(--menu-background-color-hover);
}
.cf309ae9cdbef .c168581e4236b:hover .cd97290015ca5 .c8bbf6ddf3165 {
  color: var(--menu-foreground-color-hover);
}
.cf309ae9cdbef .c168581e4236b:hover .cd97290015ca5 .c37d3f0f41cd7 {
  color: var(--menu-foreground-color-hover);
}
.cf309ae9cdbef .c168581e4236b:hover .c11e0d7571695 {
  color: var(--menu-foreground-color-hover);
}

.cf86609e6d2a3 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: calc(var(--left-sidebar-width) + var(--depth) * var(--layer-indentation-size));
  overflow-x: auto;
  overflow-y: overlay;
  scrollbar-gutter: stable;
}

.c6f9609132344 {
  display: grid;
  position: relative;
}
.c92086c3e1d46 {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
}

.c559b6ff38c08 {
  margin-inline-end: var(--sp-m);
}

.cf3f839580e05 {
  border-top: 1px solid var(--color-border-secondary);
  border-bottom: 1px solid var(--color-border-secondary);
}

.c914bda05bb7a {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 6rem);
  scrollbar-gutter: stable;
}

.c4247746b35d1 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
  width: 100%;
  height: 100%;
  min-height: 0;
  padding-block-start: var(--sp-s);
  padding-block-end: var(--sp-s);
}

.cc63147a551bf {
  grid-template-areas: "right-sidebar";
  padding: var(--sp-s);
}

.c4b4b7655a393,
.c8eb630e3b741 {
  overflow: auto;
  scrollbar-gutter: stable;
}

.c4b4b7655a393 {
  padding-inline: var(--sp-17);
  --grid-exception-input-width: 7.5rem;
}
@media (min-width: 2277px) {
  .c4b4b7655a393 {
    padding-inline: 22px;
    --grid-exception-input-width: 9.75rem;
  }
}
@media (max-width: 1680px) {
  .c4b4b7655a393 {
    padding-inline: 11px;
    --grid-exception-input-width: 6.4375rem;
    --column-width: 25px;
    --input-height: 25px;
  }
}

.cc9f56a20d108 {
  scrollbar-gutter: unset;
}

.cdb2318846358 {
  --tabs-nav-padding-inline-start: var(--sp-26);
  --tabs-nav-padding-inline-end: var(--sp-26);
  --tabs-nav-padding-block-end: var(--sp-6);
  --tabs-nav-padding-block-start: var(--sp-6);
  height: 100%;
  min-height: 0;
}

.c8eb630e3b741 {
  padding-inline: var(--sp-17);
}
@media (min-width: 2277px) {
  .c8eb630e3b741 {
    padding-inline: 22px;
  }
}
@media (max-width: 1680px) {
  .c8eb630e3b741 {
    padding-inline: 11px;
    --column-width: 25px;
  }
}
@keyframes c39299039cb5c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cf5ace145e834 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cf5ace145e834:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cf5ace145e834 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cf5ace145e834 ::-webkit-scrollbar-track,
.cf5ace145e834 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cf5ace145e834 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cf5ace145e834 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cf5ace145e834 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cf5ace145e834 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cf5ace145e834 ::placeholder,
.cf5ace145e834 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c69c7813d7ed6, .c3bc4e0e558a2, .cc2520f8b1fdc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c69c7813d7ed6 svg, .c3bc4e0e558a2 svg, .cc2520f8b1fdc svg,
.c69c7813d7ed6 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c69c7813d7ed6:focus-visible, .c3bc4e0e558a2:focus-visible, .cc2520f8b1fdc:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c69c7813d7ed6:focus-visible svg, .c3bc4e0e558a2:focus-visible svg, .cc2520f8b1fdc:focus-visible svg,
.c69c7813d7ed6:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c69c7813d7ed6:hover, .c3bc4e0e558a2:hover, .cc2520f8b1fdc:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c69c7813d7ed6:hover svg, .c3bc4e0e558a2:hover svg, .cc2520f8b1fdc:hover svg,
.c69c7813d7ed6:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c69c7813d7ed6:active, .c3bc4e0e558a2:active, .cc2520f8b1fdc:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c69c7813d7ed6:active svg, .c3bc4e0e558a2:active svg, .cc2520f8b1fdc:active svg,
.c69c7813d7ed6:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c69c7813d7ed6.disabled, .c3bc4e0e558a2.disabled, .cc2520f8b1fdc.disabled, .c69c7813d7ed6[disabled], [disabled].c3bc4e0e558a2, [disabled].cc2520f8b1fdc, .c69c7813d7ed6:disabled, .c3bc4e0e558a2:disabled, .cc2520f8b1fdc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c58c27501e1c8, .cfb5be3554c79 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c58c27501e1c8 svg, .cfb5be3554c79 svg,
.c58c27501e1c8 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c58c27501e1c8:focus-visible, .cfb5be3554c79:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c58c27501e1c8:focus-visible svg, .cfb5be3554c79:focus-visible svg,
.c58c27501e1c8:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c58c27501e1c8:hover, .cfb5be3554c79:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c58c27501e1c8:hover svg, .cfb5be3554c79:hover svg,
.c58c27501e1c8:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c58c27501e1c8:active, .cfb5be3554c79:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c58c27501e1c8:active svg, .cfb5be3554c79:active svg,
.c58c27501e1c8:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c58c27501e1c8.disabled, .cfb5be3554c79.disabled, .c58c27501e1c8[disabled], [disabled].cfb5be3554c79, .c58c27501e1c8:disabled, .cfb5be3554c79:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca5fb4c1cd3e7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ca5fb4c1cd3e7 svg,
.ca5fb4c1cd3e7 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ca5fb4c1cd3e7:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca5fb4c1cd3e7:focus-visible svg,
.ca5fb4c1cd3e7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca5fb4c1cd3e7:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ca5fb4c1cd3e7:hover svg,
.ca5fb4c1cd3e7:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ca5fb4c1cd3e7:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ca5fb4c1cd3e7:active svg,
.ca5fb4c1cd3e7:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ca5fb4c1cd3e7.disabled, .ca5fb4c1cd3e7[disabled], .ca5fb4c1cd3e7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7a0cccde6d93, .cbb389c8869bd button, .ce12fe283090e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c7a0cccde6d93 svg, .cbb389c8869bd button svg, .ce12fe283090e svg,
.c7a0cccde6d93 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c7a0cccde6d93:focus-visible, .cbb389c8869bd button:focus-visible, .ce12fe283090e:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c7a0cccde6d93:focus-visible svg, .cbb389c8869bd button:focus-visible svg, .ce12fe283090e:focus-visible svg,
.c7a0cccde6d93:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c7a0cccde6d93:hover, .cbb389c8869bd button:hover, .ce12fe283090e:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c7a0cccde6d93:hover svg, .cbb389c8869bd button:hover svg, .ce12fe283090e:hover svg,
.c7a0cccde6d93:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c7a0cccde6d93:active, .cbb389c8869bd button:active, .ce12fe283090e:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c7a0cccde6d93:active svg, .cbb389c8869bd button:active svg, .ce12fe283090e:active svg,
.c7a0cccde6d93:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c7a0cccde6d93.disabled, .cbb389c8869bd button.disabled, .ce12fe283090e.disabled, .c7a0cccde6d93[disabled], .cbb389c8869bd button[disabled], [disabled].ce12fe283090e, .c7a0cccde6d93:disabled, .cbb389c8869bd button:disabled, .ce12fe283090e:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c7a0cccde6d93.disabled svg, .cbb389c8869bd button.disabled svg, .ce12fe283090e.disabled svg,
.c7a0cccde6d93.disabled span svg, .c7a0cccde6d93[disabled] svg, .cbb389c8869bd button[disabled] svg, [disabled].ce12fe283090e svg,
.c7a0cccde6d93[disabled] span svg, .c7a0cccde6d93:disabled svg, .cbb389c8869bd button:disabled svg, .ce12fe283090e:disabled svg,
.c7a0cccde6d93:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c9408ca93433e {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c9408ca93433e svg {
  color: var(--button-icon-foreground-color-selected);
}

.c8e863592430e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c8e863592430e svg,
.c8e863592430e span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c8e863592430e:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c8e863592430e:focus-visible svg,
.c8e863592430e:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c8e863592430e:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c8e863592430e:hover svg,
.c8e863592430e:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c8e863592430e:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c8e863592430e:active svg,
.c8e863592430e:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.caf769e4af497 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c63f9caa2edab {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c03a33a2fc472 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c03a33a2fc472:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c03a33a2fc472:focus-visible svg,
.c03a33a2fc472:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c03a33a2fc472:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c03a33a2fc472:active {
  border: none;
  background-color: transparent;
}

.cc0e82ceb294c, .ce12fe283090e svg, .ca67243dfb669, .cb40fd99d34af span svg, .cbb389c8869bd button svg, .cff5c95b1bd93.intermediate svg, .c3d210062c3cb label span.intermediate svg, .cff5c95b1bd93.checked svg, .c3d210062c3cb label span.checked svg, .c9714522c8080 span svg,
.c9714522c8080 label svg, .cabe89ce73342 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ce30ccb129cde {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ce30ccb129cde:hover {
  fill: none;
  stroke: none;
}

.ca67243dfb669, .cb40fd99d34af span svg, .cbb389c8869bd button svg, .cff5c95b1bd93.intermediate svg, .c3d210062c3cb label span.intermediate svg, .cff5c95b1bd93.checked svg, .c3d210062c3cb label span.checked svg, .c9714522c8080 span svg,
.c9714522c8080 label svg, .cabe89ce73342 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c1c6ec09e9e10 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c1c6ec09e9e10:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cfc3cbfbf9ac8, .c677f7c2d8f0f input, .c3efb0b78559d input, .c9714522c8080 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cfc3cbfbf9ac8, .c677f7c2d8f0f input, .c3efb0b78559d input, .c9714522c8080 input {
    height: 23px;
  }
}
.cfc3cbfbf9ac8, .c677f7c2d8f0f input, .c3efb0b78559d input, .c9714522c8080 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cfc3cbfbf9ac8[disabled], .c677f7c2d8f0f input[disabled], .c3efb0b78559d input[disabled], .c9714522c8080 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cabe89ce73342 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c3afe03007b85, .c9714522c8080 span,
.c9714522c8080 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c3afe03007b85, .c9714522c8080 span,
  .c9714522c8080 label {
    height: 25px;
  }
}
.c3afe03007b85, .c9714522c8080 span,
.c9714522c8080 label {
  color: var(--input-foreground-color);
}

.c9714522c8080 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c9714522c8080 {
    height: 25px;
    font-size: 10px;
  }
}
.c9714522c8080 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c9714522c8080 span svg,
.c9714522c8080 label svg {
  color: var(--input-foreground-color);
}
.c9714522c8080 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c9714522c8080 ::placeholder {
  color: var(--input-placeholder-color);
}
.c9714522c8080:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c9714522c8080:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c9714522c8080:hover span {
  color: var(--input-foreground-color-hover);
}
.c9714522c8080:hover input {
  color: var(--input-foreground-color-hover);
}
.c9714522c8080:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c9714522c8080:active span {
  color: var(--input-foreground-color-active);
}
.c9714522c8080:active input {
  color: var(--input-foreground-color-active);
}
.c9714522c8080:focus, .c9714522c8080:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c9714522c8080:focus span, .c9714522c8080:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c9714522c8080:focus input, .c9714522c8080:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c9714522c8080:focus:hover, .c9714522c8080:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c9714522c8080:focus:hover span, .c9714522c8080:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c9714522c8080:focus:hover input, .c9714522c8080:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c3efb0b78559d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c3efb0b78559d input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c3efb0b78559d ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c3efb0b78559d ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c3efb0b78559d:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c3efb0b78559d:focus-within input, .c3efb0b78559d:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cc4dccecc24b9, .c677f7c2d8f0f.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cc4dccecc24b9 input, .c677f7c2d8f0f.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cc4dccecc24b9 span svg, .c677f7c2d8f0f.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cff5c95b1bd93, .c3d210062c3cb label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cff5c95b1bd93 svg, .c3d210062c3cb label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cff5c95b1bd93:hover, .c3d210062c3cb label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cff5c95b1bd93:focus, .c3d210062c3cb label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cff5c95b1bd93.checked, .c3d210062c3cb label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cff5c95b1bd93.checked svg, .c3d210062c3cb label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cff5c95b1bd93.intermediate, .c3d210062c3cb label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cff5c95b1bd93.intermediate svg, .c3d210062c3cb label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cff5c95b1bd93.unchecked, .c3d210062c3cb label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cff5c95b1bd93.unchecked svg, .c3d210062c3cb label span.unchecked svg {
  display: none;
}

.c3d210062c3cb {
  display: flex;
  align-items: center;
}
.c3d210062c3cb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c3d210062c3cb label input {
  margin: 0;
}
.c3d210062c3cb label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c3d210062c3cb label:focus span, .c3d210062c3cb label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c677f7c2d8f0f {
  display: flex;
  flex-direction: column;
}
.c677f7c2d8f0f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c677f7c2d8f0f input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c677f7c2d8f0f input:focus-within input, .c677f7c2d8f0f input:active input {
  color: var(--input-foreground-color-active);
}
.c677f7c2d8f0f input:focus-within, .c677f7c2d8f0f input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c677f7c2d8f0f.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c43bdf22aaadd {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c427e8c31c8a1 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cde5f36b35f12 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ce12fe283090e {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cbec9e1b91546 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c51acd799e08f {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cfb5be3554c79 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc2520f8b1fdc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3bc4e0e558a2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c148c46f4a973 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c148c46f4a973:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cb94379123240 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cdfe0181f217f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c9fce1dc93b11 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c78607cb0b0eb {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cebe3dc9b507b {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cebe3dc9b507b:hover, .cebe3dc9b507b:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cbb389c8869bd div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cbb389c8869bd button {
  display: none;
}
.cbb389c8869bd button svg {
  stroke: var(--icon-foreground);
}
.cbb389c8869bd:hover button {
  display: flex;
}

.c0f10e3e20336 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c0f10e3e20336 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c0f10e3e20336 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c10e23dff3402 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c10e23dff3402:hover div {
  color: var(--entry-foreground-color-hover);
}

.c6368855e822a {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c4b609b8fc46a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c4b609b8fc46a:hover {
  background-color: var(--menu-background-color-hover);
}

.cb40fd99d34af {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cb40fd99d34af span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cb40fd99d34af span svg {
  stroke: var(--icon-foreground);
}
.cb40fd99d34af:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cb40fd99d34af:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cc723cc3a504b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cbede3385b7c9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c71fc382d8bd6,
.c787758fa9045 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c20aa6e71a014 .c71fc382d8bd6,
.c20aa6e71a014 .c787758fa9045 {
  transform: scale(1);
}

.c894dffc0ea95 .c71fc382d8bd6,
.c894dffc0ea95 .c787758fa9045 {
  transform: scale(0);
}

.ceae624235ab0 {
  display: grid;
  grid-template-rows: auto auto 1fr;
  height: calc(100vh - 3.75rem);
}

.c79364755dc27 {
  margin: 1rem 0.75rem 0.25rem 0.75rem;
}

.cbf2a69f64121 {
  margin: var(--sp-s) var(--sp-s) 0 var(--sp-s);
}

.c17a049af1d82 {
  margin: 0;
}

.c931f0793a348 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--empty-message-foreground-color);
  margin: 0.75rem;
}

.c3fb3934183e8 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0.75rem;
  overflow-y: auto;
  font-size: 0.75rem;
  color: var(--title-foreground-color);
}
.c3fb3934183e8 .c5e533bd28ef5,
.c3fb3934183e8 .c67d6f9f4a301 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0.5rem 0;
  cursor: pointer;
}
.c3fb3934183e8 .c5e533bd28ef5 .c6839d194d52a,
.c3fb3934183e8 .c5e533bd28ef5 .c57e82c83ccca,
.c3fb3934183e8 .c67d6f9f4a301 .c6839d194d52a,
.c3fb3934183e8 .c67d6f9f4a301 .c57e82c83ccca {
  padding-left: 0.25rem;
}
.c3fb3934183e8 .c5e533bd28ef5:hover,
.c3fb3934183e8 .c67d6f9f4a301:hover {
  color: var(--title-foreground-color-hover);
}
.c3fb3934183e8 .c67d6f9f4a301 {
  text-transform: none;
  padding-left: 0.75rem;
}
.c3fb3934183e8 .c83b353be1203 {
  margin-bottom: 0.25rem;
}
.c3fb3934183e8 .ca75df3a0f3ef {
  margin-bottom: 0.25rem;
}
.c3fb3934183e8 .ca75df3a0f3ef .c9ca75f48a543 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 2rem;
  padding: 0.375rem;
  margin-bottom: 0.25rem;
  border-radius: 8px;
  background-color: var(--pill-background-color);
}
.c3fb3934183e8 .ca75df3a0f3ef .c9ca75f48a543 .ccb546591ff09 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  margin-left: 0.125rem;
  color: var(--pill-foreground-color);
}
.c3fb3934183e8 .ca75df3a0f3ef .c9ca75f48a543 .c7b9108c16e3a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--pill-foreground-color);
}
.c3fb3934183e8 .ca75df3a0f3ef .c9ca75f48a543 .c7b9108c16e3a .c1cdd3ca5d60c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}
.c3fb3934183e8 .ca75df3a0f3ef .c9ca75f48a543 .c7b9108c16e3a .cd89d0df504be {
  margin: 0 0.125rem;
}
@keyframes cc132070431e9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cfcdab9ceb586 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cfcdab9ceb586:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cfcdab9ceb586 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cfcdab9ceb586 ::-webkit-scrollbar-track,
.cfcdab9ceb586 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cfcdab9ceb586 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cfcdab9ceb586 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cfcdab9ceb586 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cfcdab9ceb586 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cfcdab9ceb586 ::placeholder,
.cfcdab9ceb586 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c42cd3407107c, .cf3cea465c14d, .c0ea6f197b881 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c42cd3407107c svg, .cf3cea465c14d svg, .c0ea6f197b881 svg,
.c42cd3407107c span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c42cd3407107c:focus-visible, .cf3cea465c14d:focus-visible, .c0ea6f197b881:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c42cd3407107c:focus-visible svg, .cf3cea465c14d:focus-visible svg, .c0ea6f197b881:focus-visible svg,
.c42cd3407107c:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c42cd3407107c:hover, .cf3cea465c14d:hover, .c0ea6f197b881:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c42cd3407107c:hover svg, .cf3cea465c14d:hover svg, .c0ea6f197b881:hover svg,
.c42cd3407107c:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c42cd3407107c:active, .cf3cea465c14d:active, .c0ea6f197b881:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c42cd3407107c:active svg, .cf3cea465c14d:active svg, .c0ea6f197b881:active svg,
.c42cd3407107c:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c42cd3407107c.disabled, .cf3cea465c14d.disabled, .c0ea6f197b881.disabled, .c42cd3407107c[disabled], [disabled].cf3cea465c14d, [disabled].c0ea6f197b881, .c42cd3407107c:disabled, .cf3cea465c14d:disabled, .c0ea6f197b881:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c652058fb6236, .c9b8e773a2920 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c652058fb6236 svg, .c9b8e773a2920 svg,
.c652058fb6236 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c652058fb6236:focus-visible, .c9b8e773a2920:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c652058fb6236:focus-visible svg, .c9b8e773a2920:focus-visible svg,
.c652058fb6236:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c652058fb6236:hover, .c9b8e773a2920:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c652058fb6236:hover svg, .c9b8e773a2920:hover svg,
.c652058fb6236:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c652058fb6236:active, .c9b8e773a2920:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c652058fb6236:active svg, .c9b8e773a2920:active svg,
.c652058fb6236:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c652058fb6236.disabled, .c9b8e773a2920.disabled, .c652058fb6236[disabled], [disabled].c9b8e773a2920, .c652058fb6236:disabled, .c9b8e773a2920:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc287e8a55560 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cc287e8a55560 svg,
.cc287e8a55560 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cc287e8a55560:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cc287e8a55560:focus-visible svg,
.cc287e8a55560:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cc287e8a55560:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cc287e8a55560:hover svg,
.cc287e8a55560:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cc287e8a55560:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cc287e8a55560:active svg,
.cc287e8a55560:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cc287e8a55560.disabled, .cc287e8a55560[disabled], .cc287e8a55560:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8256ae5f1a5e, .c521970b2026e button, .c9942cbcd1ad2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c8256ae5f1a5e svg, .c521970b2026e button svg, .c9942cbcd1ad2 svg,
.c8256ae5f1a5e span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c8256ae5f1a5e:focus-visible, .c521970b2026e button:focus-visible, .c9942cbcd1ad2:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c8256ae5f1a5e:focus-visible svg, .c521970b2026e button:focus-visible svg, .c9942cbcd1ad2:focus-visible svg,
.c8256ae5f1a5e:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c8256ae5f1a5e:hover, .c521970b2026e button:hover, .c9942cbcd1ad2:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c8256ae5f1a5e:hover svg, .c521970b2026e button:hover svg, .c9942cbcd1ad2:hover svg,
.c8256ae5f1a5e:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c8256ae5f1a5e:active, .c521970b2026e button:active, .c9942cbcd1ad2:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c8256ae5f1a5e:active svg, .c521970b2026e button:active svg, .c9942cbcd1ad2:active svg,
.c8256ae5f1a5e:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c8256ae5f1a5e.disabled, .c521970b2026e button.disabled, .c9942cbcd1ad2.disabled, .c8256ae5f1a5e[disabled], .c521970b2026e button[disabled], [disabled].c9942cbcd1ad2, .c8256ae5f1a5e:disabled, .c521970b2026e button:disabled, .c9942cbcd1ad2:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c8256ae5f1a5e.disabled svg, .c521970b2026e button.disabled svg, .c9942cbcd1ad2.disabled svg,
.c8256ae5f1a5e.disabled span svg, .c8256ae5f1a5e[disabled] svg, .c521970b2026e button[disabled] svg, [disabled].c9942cbcd1ad2 svg,
.c8256ae5f1a5e[disabled] span svg, .c8256ae5f1a5e:disabled svg, .c521970b2026e button:disabled svg, .c9942cbcd1ad2:disabled svg,
.c8256ae5f1a5e:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cda5aafb643d3 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cda5aafb643d3 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cea74d976fe15 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cea74d976fe15 svg,
.cea74d976fe15 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cea74d976fe15:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cea74d976fe15:focus-visible svg,
.cea74d976fe15:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cea74d976fe15:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cea74d976fe15:hover svg,
.cea74d976fe15:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cea74d976fe15:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cea74d976fe15:active svg,
.cea74d976fe15:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c8892afacce80 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c2a88eafb77bb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c065895abc0d0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c065895abc0d0:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c065895abc0d0:focus-visible svg,
.c065895abc0d0:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c065895abc0d0:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c065895abc0d0:active {
  border: none;
  background-color: transparent;
}

.cc0ca0f583c12, .c9942cbcd1ad2 svg, .c369b3cd3aadc, .c095214e75a43 .c42f0b6925485 .ca232e9e68188 svg, .c095214e75a43 .c42f0b6925485 .cdb3009b2ffb4 button svg, .c6d8788760625 span svg, .c521970b2026e button svg, .cddebc5b0046b.intermediate svg, .c02df47838bc7 label span.intermediate svg, .cddebc5b0046b.checked svg, .c02df47838bc7 label span.checked svg, .cab66ce23d9ba span svg,
.cab66ce23d9ba label svg, .c4a832b18cccc svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c96f911300d18 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c96f911300d18:hover {
  fill: none;
  stroke: none;
}

.c369b3cd3aadc, .c095214e75a43 .c42f0b6925485 .ca232e9e68188 svg, .c095214e75a43 .c42f0b6925485 .cdb3009b2ffb4 button svg, .c6d8788760625 span svg, .c521970b2026e button svg, .cddebc5b0046b.intermediate svg, .c02df47838bc7 label span.intermediate svg, .cddebc5b0046b.checked svg, .c02df47838bc7 label span.checked svg, .cab66ce23d9ba span svg,
.cab66ce23d9ba label svg, .c4a832b18cccc svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cb63a81e8a092 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cb63a81e8a092:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c5f52d09ef673, .ce2425d1684ad input, .ccfe528e08f5a input, .cab66ce23d9ba input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c5f52d09ef673, .ce2425d1684ad input, .ccfe528e08f5a input, .cab66ce23d9ba input {
    height: 23px;
  }
}
.c5f52d09ef673, .ce2425d1684ad input, .ccfe528e08f5a input, .cab66ce23d9ba input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c5f52d09ef673[disabled], .ce2425d1684ad input[disabled], .ccfe528e08f5a input[disabled], .cab66ce23d9ba input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c4a832b18cccc {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c5ab45091d15f, .cab66ce23d9ba span,
.cab66ce23d9ba label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c5ab45091d15f, .cab66ce23d9ba span,
  .cab66ce23d9ba label {
    height: 25px;
  }
}
.c5ab45091d15f, .cab66ce23d9ba span,
.cab66ce23d9ba label {
  color: var(--input-foreground-color);
}

.cab66ce23d9ba {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cab66ce23d9ba {
    height: 25px;
    font-size: 10px;
  }
}
.cab66ce23d9ba {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cab66ce23d9ba span svg,
.cab66ce23d9ba label svg {
  color: var(--input-foreground-color);
}
.cab66ce23d9ba ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cab66ce23d9ba ::placeholder {
  color: var(--input-placeholder-color);
}
.cab66ce23d9ba:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cab66ce23d9ba:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cab66ce23d9ba:hover span {
  color: var(--input-foreground-color-hover);
}
.cab66ce23d9ba:hover input {
  color: var(--input-foreground-color-hover);
}
.cab66ce23d9ba:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cab66ce23d9ba:active span {
  color: var(--input-foreground-color-active);
}
.cab66ce23d9ba:active input {
  color: var(--input-foreground-color-active);
}
.cab66ce23d9ba:focus, .cab66ce23d9ba:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cab66ce23d9ba:focus span, .cab66ce23d9ba:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cab66ce23d9ba:focus input, .cab66ce23d9ba:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cab66ce23d9ba:focus:hover, .cab66ce23d9ba:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cab66ce23d9ba:focus:hover span, .cab66ce23d9ba:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cab66ce23d9ba:focus:hover input, .cab66ce23d9ba:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ccfe528e08f5a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ccfe528e08f5a input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ccfe528e08f5a ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ccfe528e08f5a ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ccfe528e08f5a:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ccfe528e08f5a:focus-within input, .ccfe528e08f5a:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cb3f82143b6d6, .ce2425d1684ad.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cb3f82143b6d6 input, .ce2425d1684ad.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cb3f82143b6d6 span svg, .ce2425d1684ad.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cddebc5b0046b, .c02df47838bc7 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cddebc5b0046b svg, .c02df47838bc7 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cddebc5b0046b:hover, .c02df47838bc7 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cddebc5b0046b:focus, .c02df47838bc7 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cddebc5b0046b.checked, .c02df47838bc7 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cddebc5b0046b.checked svg, .c02df47838bc7 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cddebc5b0046b.intermediate, .c02df47838bc7 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cddebc5b0046b.intermediate svg, .c02df47838bc7 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cddebc5b0046b.unchecked, .c02df47838bc7 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cddebc5b0046b.unchecked svg, .c02df47838bc7 label span.unchecked svg {
  display: none;
}

.c02df47838bc7 {
  display: flex;
  align-items: center;
}
.c02df47838bc7 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c02df47838bc7 label input {
  margin: 0;
}
.c02df47838bc7 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c02df47838bc7 label:focus span, .c02df47838bc7 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ce2425d1684ad {
  display: flex;
  flex-direction: column;
}
.ce2425d1684ad label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ce2425d1684ad input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ce2425d1684ad input:focus-within input, .ce2425d1684ad input:active input {
  color: var(--input-foreground-color-active);
}
.ce2425d1684ad input:focus-within, .ce2425d1684ad input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce2425d1684ad.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c710b1d3d1ee5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c0245ef013f92 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c145ca3372877 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c9942cbcd1ad2 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cd806cee1fede {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cfaf081176bc3 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c9b8e773a2920 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c0ea6f197b881 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cf3cea465c14d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c9b0462cb3c22 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c9b0462cb3c22:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c438de3319dd1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cd96b1f160c15 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c85343de6cd1a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c6e910bb96e00 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c3d6d313bcfff {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c3d6d313bcfff:hover, .c3d6d313bcfff:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c521970b2026e div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c521970b2026e button {
  display: none;
}
.c521970b2026e button svg {
  stroke: var(--icon-foreground);
}
.c521970b2026e:hover button {
  display: flex;
}

.ca80c0f6efcc4 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ca80c0f6efcc4 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ca80c0f6efcc4 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ca4e60864adac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ca4e60864adac:hover div {
  color: var(--entry-foreground-color-hover);
}

.c59b472475260 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c3f8ff490b40b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c3f8ff490b40b:hover {
  background-color: var(--menu-background-color-hover);
}

.c6d8788760625 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c6d8788760625 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c6d8788760625 span svg {
  stroke: var(--icon-foreground);
}
.c6d8788760625:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c6d8788760625:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c20ffb279cf96 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c50bc8016e9a3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c5e2cc7f3d077,
.cabf10bb6a5a8 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c824f32347aa0 .c5e2cc7f3d077,
.c824f32347aa0 .cabf10bb6a5a8 {
  transform: scale(1);
}

.c7cb04e64ce49 .c5e2cc7f3d077,
.c7cb04e64ce49 .cabf10bb6a5a8 {
  transform: scale(0);
}

.c84ed06199b72 {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  min-height: 0;
  width: 100%;
  height: var(--height, 12.5rem);
}

.cd84f93733f08 {
  border-bottom: 1px solid var(--color-border-secondary);
}

.c6c592364f708 {
  margin-left: 0.125rem;
  color: var(--title-foreground-color-hover);
}

.c00798c533d40 {
  position: absolute;
  bottom: calc(-1 * 0.5rem);
  left: 0;
  width: 100%;
  height: 0.75rem;
  border-top: 0.125rem solid var(--resize-area-border-color);
  background-color: var(--resize-area-background-color);
  cursor: ns-resize;
}
.c00798c533d40:hover {
  border-color: var(--resize-area-border-color);
}

.c6c475b703ff9 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: var(--left-sidebar-width);
  overflow-x: hidden;
  overflow-y: overlay;
  scrollbar-gutter: stable;
}
.c6c475b703ff9 .cf4ee7fbb0f26 {
  display: grid;
}

.cb64438b70149 {
  width: 100%;
  max-height: 9.5rem;
  margin-bottom: 0.75rem;
}

.c095214e75a43 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  min-height: 2rem;
  width: 100%;
  cursor: pointer;
}
.c095214e75a43.c22e0675bb174 {
  border-top: 1px solid var(--layer-row-foreground-color-drag);
}
.c095214e75a43.c13ec4a8b29ca {
  border-bottom: 1px solid var(--layer-row-foreground-color-drag);
}
.c095214e75a43 .cac08fd84e30c > .c42f0b6925485 {
  border: 1px solid var(--layer-row-foreground-color-drag);
}
.c095214e75a43 .c42f0b6925485 {
  display: flex;
  align-items: center;
  height: 2rem;
  width: 100%;
  padding: 0 0.75rem 0 1.625rem;
}
@media (max-width: 1680px) {
  .c095214e75a43 .c42f0b6925485 {
    padding: 0 0.75rem 0 1rem;
  }
}
.c095214e75a43 .c42f0b6925485 {
  transition: none;
  color: var(--layer-row-foreground-color);
}
.c095214e75a43 .c42f0b6925485 .c6cb082422653 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  padding-left: 0.125rem;
}
.c095214e75a43 .c42f0b6925485 .ca232e9e68188 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 1.5rem;
  padding: 0 0.25rem 0 0.5rem;
}
.c095214e75a43 .c42f0b6925485 .ca232e9e68188 svg {
  height: 0.75rem;
  width: 0.75rem;
  color: transparent;
  fill: none;
  color: none;
}
.c095214e75a43 .c42f0b6925485 .cdb3009b2ffb4 {
  height: 2rem;
}
.c095214e75a43 .c42f0b6925485 .cdb3009b2ffb4 button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 100%;
  opacity: 0;
}
.c095214e75a43 .c42f0b6925485 .cdb3009b2ffb4 button svg {
  height: 0.75rem;
  width: 0.75rem;
  color: transparent;
  fill: none;
  color: none;
}
.c095214e75a43 .c42f0b6925485 .c8b7ca4261d4a {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--layer-row-foreground-color-focus);
}
.c095214e75a43 .c42f0b6925485 input.c8b7ca4261d4a {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border: none;
  background: none;
  outline: none;
  flex-grow: 1;
  height: 1.75rem;
  max-width: calc(var(--parent-size) - var(--depth) * var(--layer-indentation-size));
  padding-left: 0.375rem;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color-focus);
  color: var(--layer-row-foreground-color);
}
.c095214e75a43:active .c42f0b6925485, .c095214e75a43.c966bab4983d1 .c42f0b6925485 {
  color: var(--layer-row-foreground-color-drag);
  background-color: var(--layer-row-background-color-drag);
}
.c095214e75a43:active .c42f0b6925485 .cdb3009b2ffb4 button svg, .c095214e75a43.c966bab4983d1 .c42f0b6925485 .cdb3009b2ffb4 button svg {
  color: var(--layer-row-foreground-color-drag);
}
.c095214e75a43:active .c42f0b6925485 .ca232e9e68188 svg, .c095214e75a43.c966bab4983d1 .c42f0b6925485 .ca232e9e68188 svg {
  color: var(--layer-row-foreground-color-drag);
}
.c095214e75a43.c90e70990fd71 .c42f0b6925485, .c095214e75a43.c90e70990fd71:hover .c42f0b6925485 {
  color: var(--layer-row-foreground-color-selected);
  background-color: var(--layer-row-background-color-selected);
  box-shadow: 1rem 0px 0px 0px var(--layer-row-background-color-selected);
}
.c095214e75a43.c90e70990fd71 .c42f0b6925485 .cdb3009b2ffb4 button svg, .c095214e75a43.c90e70990fd71:hover .c42f0b6925485 .cdb3009b2ffb4 button svg {
  color: var(--layer-row-foreground-color-selected);
}
.c095214e75a43.c90e70990fd71 .c42f0b6925485 .ca232e9e68188 svg, .c095214e75a43.c90e70990fd71:hover .c42f0b6925485 .ca232e9e68188 svg {
  color: var(--layer-row-foreground-color-selected);
}
.c095214e75a43:hover .c42f0b6925485, .c095214e75a43.c1aebc1672829 .c42f0b6925485 {
  color: var(--layer-row-foreground-color-hover);
  background-color: var(--layer-row-background-color-hover);
  box-shadow: 1rem 0px 0px 0px var(--layer-row-background-color-hover);
}
.c095214e75a43:hover .c42f0b6925485 .cdb3009b2ffb4 button, .c095214e75a43.c1aebc1672829 .c42f0b6925485 .cdb3009b2ffb4 button {
  opacity: 1;
}
.c095214e75a43:hover .c42f0b6925485 .cdb3009b2ffb4 button svg, .c095214e75a43.c1aebc1672829 .c42f0b6925485 .cdb3009b2ffb4 button svg {
  color: var(--layer-row-foreground-color-hover);
}
.c095214e75a43:hover .c42f0b6925485 .ca232e9e68188 svg, .c095214e75a43.c1aebc1672829 .c42f0b6925485 .ca232e9e68188 svg {
  color: var(--layer-row-foreground-color-hover);
}
.c095214e75a43:focus .c42f0b6925485 {
  color: var(--layer-row-foreground-color-focus);
  border: 1px solid var(--layer-row-border-color-focus);
  outline: none;
}
.c095214e75a43:focus .c42f0b6925485 .cdb3009b2ffb4 button {
  opacity: 1;
}
.c095214e75a43:focus-within .c42f0b6925485 {
  outline: none;
}
.c095214e75a43:focus-within .c42f0b6925485 .cdb3009b2ffb4 button {
  opacity: 1;
}
.c095214e75a43.c403b0439a058 .c42f0b6925485 {
  color: var(--layer-row-foreground-color-hidden);
  background-color: var(--layer-row-background-color-hidden);
  opacity: 0.7;
}
.c095214e75a43.c403b0439a058 .c42f0b6925485 .cdb3009b2ffb4 button svg {
  color: var(--layer-row-foreground-color-hidden);
}
.c095214e75a43.c403b0439a058 .c42f0b6925485 .ca232e9e68188 svg {
  color: var(--layer-row-foreground-color-hidden);
}

.c25a92229ed9e {
  padding-right: 1.25rem;
  padding-inline-start: 1.375rem;
  margin-block-start: 0px;
  margin-block-end: 0px;
}
@media (max-width: 1680px) {
  .c25a92229ed9e {
    padding-right: 14px;
    padding-inline-start: 16px;
  }
}
@keyframes ca598717551d5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c2e2b0772f147 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c2e2b0772f147:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c2e2b0772f147 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c2e2b0772f147 ::-webkit-scrollbar-track,
.c2e2b0772f147 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c2e2b0772f147 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c2e2b0772f147 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c2e2b0772f147 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2e2b0772f147 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2e2b0772f147 ::placeholder,
.c2e2b0772f147 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c35553c8b76a6, .ce2203dd3aa6b, .c118e7bcd67f8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c35553c8b76a6 svg, .ce2203dd3aa6b svg, .c118e7bcd67f8 svg,
.c35553c8b76a6 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c35553c8b76a6:focus-visible, .ce2203dd3aa6b:focus-visible, .c118e7bcd67f8:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c35553c8b76a6:focus-visible svg, .ce2203dd3aa6b:focus-visible svg, .c118e7bcd67f8:focus-visible svg,
.c35553c8b76a6:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c35553c8b76a6:hover, .ce2203dd3aa6b:hover, .c118e7bcd67f8:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c35553c8b76a6:hover svg, .ce2203dd3aa6b:hover svg, .c118e7bcd67f8:hover svg,
.c35553c8b76a6:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c35553c8b76a6:active, .ce2203dd3aa6b:active, .c118e7bcd67f8:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c35553c8b76a6:active svg, .ce2203dd3aa6b:active svg, .c118e7bcd67f8:active svg,
.c35553c8b76a6:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c35553c8b76a6.disabled, .ce2203dd3aa6b.disabled, .c118e7bcd67f8.disabled, .c35553c8b76a6[disabled], [disabled].ce2203dd3aa6b, [disabled].c118e7bcd67f8, .c35553c8b76a6:disabled, .ce2203dd3aa6b:disabled, .c118e7bcd67f8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cba858b501cb5, .cbb1ef87c2c1d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cba858b501cb5 svg, .cbb1ef87c2c1d svg,
.cba858b501cb5 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cba858b501cb5:focus-visible, .cbb1ef87c2c1d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cba858b501cb5:focus-visible svg, .cbb1ef87c2c1d:focus-visible svg,
.cba858b501cb5:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cba858b501cb5:hover, .cbb1ef87c2c1d:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cba858b501cb5:hover svg, .cbb1ef87c2c1d:hover svg,
.cba858b501cb5:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cba858b501cb5:active, .cbb1ef87c2c1d:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cba858b501cb5:active svg, .cbb1ef87c2c1d:active svg,
.cba858b501cb5:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cba858b501cb5.disabled, .cbb1ef87c2c1d.disabled, .cba858b501cb5[disabled], [disabled].cbb1ef87c2c1d, .cba858b501cb5:disabled, .cbb1ef87c2c1d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2156d61cb16c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c2156d61cb16c svg,
.c2156d61cb16c span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c2156d61cb16c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2156d61cb16c:focus-visible svg,
.c2156d61cb16c:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2156d61cb16c:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c2156d61cb16c:hover svg,
.c2156d61cb16c:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c2156d61cb16c:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c2156d61cb16c:active svg,
.c2156d61cb16c:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c2156d61cb16c.disabled, .c2156d61cb16c[disabled], .c2156d61cb16c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8986d4ef20f7, .cd21396830d07 button, .cc4f78b954bbd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c8986d4ef20f7 svg, .cd21396830d07 button svg, .cc4f78b954bbd svg,
.c8986d4ef20f7 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c8986d4ef20f7:focus-visible, .cd21396830d07 button:focus-visible, .cc4f78b954bbd:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c8986d4ef20f7:focus-visible svg, .cd21396830d07 button:focus-visible svg, .cc4f78b954bbd:focus-visible svg,
.c8986d4ef20f7:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c8986d4ef20f7:hover, .cd21396830d07 button:hover, .cc4f78b954bbd:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c8986d4ef20f7:hover svg, .cd21396830d07 button:hover svg, .cc4f78b954bbd:hover svg,
.c8986d4ef20f7:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c8986d4ef20f7:active, .cd21396830d07 button:active, .cc4f78b954bbd:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c8986d4ef20f7:active svg, .cd21396830d07 button:active svg, .cc4f78b954bbd:active svg,
.c8986d4ef20f7:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c8986d4ef20f7.disabled, .cd21396830d07 button.disabled, .cc4f78b954bbd.disabled, .c8986d4ef20f7[disabled], .cd21396830d07 button[disabled], [disabled].cc4f78b954bbd, .c8986d4ef20f7:disabled, .cd21396830d07 button:disabled, .cc4f78b954bbd:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c8986d4ef20f7.disabled svg, .cd21396830d07 button.disabled svg, .cc4f78b954bbd.disabled svg,
.c8986d4ef20f7.disabled span svg, .c8986d4ef20f7[disabled] svg, .cd21396830d07 button[disabled] svg, [disabled].cc4f78b954bbd svg,
.c8986d4ef20f7[disabled] span svg, .c8986d4ef20f7:disabled svg, .cd21396830d07 button:disabled svg, .cc4f78b954bbd:disabled svg,
.c8986d4ef20f7:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c53c9a8f98906 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c53c9a8f98906 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c15d5d5af5a89 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c15d5d5af5a89 svg,
.c15d5d5af5a89 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c15d5d5af5a89:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c15d5d5af5a89:focus-visible svg,
.c15d5d5af5a89:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c15d5d5af5a89:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c15d5d5af5a89:hover svg,
.c15d5d5af5a89:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c15d5d5af5a89:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c15d5d5af5a89:active svg,
.c15d5d5af5a89:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cd8e37e0971c7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ca94e4da7ea5b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc03c1169c0d4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc03c1169c0d4:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cc03c1169c0d4:focus-visible svg,
.cc03c1169c0d4:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cc03c1169c0d4:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cc03c1169c0d4:active {
  border: none;
  background-color: transparent;
}

.ca810397b2fe4, .cc4f78b954bbd svg, .ccede2c0b5c2e, .c5d5851b0340d span svg, .c2b338e45d231 .c1546b88e24f7 span svg, .cd21396830d07 button svg, .ca7e5d6453050.intermediate svg, .c279a070085e7 label span.intermediate svg, .ca7e5d6453050.checked svg, .c279a070085e7 label span.checked svg, .cc687620a3c4d span svg,
.cc687620a3c4d label svg, .cf673ff750060 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cd9c21f99c9f1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cd9c21f99c9f1:hover {
  fill: none;
  stroke: none;
}

.ccede2c0b5c2e, .c5d5851b0340d span svg, .c2b338e45d231 .c1546b88e24f7 span svg, .cd21396830d07 button svg, .ca7e5d6453050.intermediate svg, .c279a070085e7 label span.intermediate svg, .ca7e5d6453050.checked svg, .c279a070085e7 label span.checked svg, .cc687620a3c4d span svg,
.cc687620a3c4d label svg, .cf673ff750060 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cd8daa7c8e067 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cd8daa7c8e067:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cf8a65ceaccc4, .c035b51b01e6e input, .c309e536605d5 input, .cc687620a3c4d input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cf8a65ceaccc4, .c035b51b01e6e input, .c309e536605d5 input, .cc687620a3c4d input {
    height: 23px;
  }
}
.cf8a65ceaccc4, .c035b51b01e6e input, .c309e536605d5 input, .cc687620a3c4d input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cf8a65ceaccc4[disabled], .c035b51b01e6e input[disabled], .c309e536605d5 input[disabled], .cc687620a3c4d input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cf673ff750060 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c114dc6d4380b, .cc687620a3c4d span,
.cc687620a3c4d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c114dc6d4380b, .cc687620a3c4d span,
  .cc687620a3c4d label {
    height: 25px;
  }
}
.c114dc6d4380b, .cc687620a3c4d span,
.cc687620a3c4d label {
  color: var(--input-foreground-color);
}

.cc687620a3c4d {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc687620a3c4d {
    height: 25px;
    font-size: 10px;
  }
}
.cc687620a3c4d {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cc687620a3c4d span svg,
.cc687620a3c4d label svg {
  color: var(--input-foreground-color);
}
.cc687620a3c4d ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cc687620a3c4d ::placeholder {
  color: var(--input-placeholder-color);
}
.cc687620a3c4d:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc687620a3c4d:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cc687620a3c4d:hover span {
  color: var(--input-foreground-color-hover);
}
.cc687620a3c4d:hover input {
  color: var(--input-foreground-color-hover);
}
.cc687620a3c4d:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cc687620a3c4d:active span {
  color: var(--input-foreground-color-active);
}
.cc687620a3c4d:active input {
  color: var(--input-foreground-color-active);
}
.cc687620a3c4d:focus, .cc687620a3c4d:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc687620a3c4d:focus span, .cc687620a3c4d:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cc687620a3c4d:focus input, .cc687620a3c4d:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cc687620a3c4d:focus:hover, .cc687620a3c4d:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc687620a3c4d:focus:hover span, .cc687620a3c4d:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cc687620a3c4d:focus:hover input, .cc687620a3c4d:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c309e536605d5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c309e536605d5 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c309e536605d5 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c309e536605d5 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c309e536605d5:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c309e536605d5:focus-within input, .c309e536605d5:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c2ab0d9dfa68a, .c035b51b01e6e.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c2ab0d9dfa68a input, .c035b51b01e6e.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c2ab0d9dfa68a span svg, .c035b51b01e6e.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ca7e5d6453050, .c279a070085e7 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ca7e5d6453050 svg, .c279a070085e7 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ca7e5d6453050:hover, .c279a070085e7 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca7e5d6453050:focus, .c279a070085e7 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ca7e5d6453050.checked, .c279a070085e7 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ca7e5d6453050.checked svg, .c279a070085e7 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ca7e5d6453050.intermediate, .c279a070085e7 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ca7e5d6453050.intermediate svg, .c279a070085e7 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ca7e5d6453050.unchecked, .c279a070085e7 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ca7e5d6453050.unchecked svg, .c279a070085e7 label span.unchecked svg {
  display: none;
}

.c279a070085e7 {
  display: flex;
  align-items: center;
}
.c279a070085e7 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c279a070085e7 label input {
  margin: 0;
}
.c279a070085e7 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c279a070085e7 label:focus span, .c279a070085e7 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c035b51b01e6e {
  display: flex;
  flex-direction: column;
}
.c035b51b01e6e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c035b51b01e6e input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c035b51b01e6e input:focus-within input, .c035b51b01e6e input:active input {
  color: var(--input-foreground-color-active);
}
.c035b51b01e6e input:focus-within, .c035b51b01e6e input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c035b51b01e6e.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cbf2a70db5d75 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cf3819d04d6fb {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cc045b124b886 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cc4f78b954bbd {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c944d55ddd060 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cebec6bb60ff6 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cbb1ef87c2c1d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c118e7bcd67f8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce2203dd3aa6b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c2fd7f2889353 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c2fd7f2889353:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cc0f7d64c27e1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cacccc87d5081 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c145f214001b8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c91e6b7baf571 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c373aef66e3e4 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c373aef66e3e4:hover, .c373aef66e3e4:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cd21396830d07 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cd21396830d07 button {
  display: none;
}
.cd21396830d07 button svg {
  stroke: var(--icon-foreground);
}
.cd21396830d07:hover button {
  display: flex;
}

.c9d6deaa5544d {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c9d6deaa5544d .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c9d6deaa5544d .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cd1fc9b1a018f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cd1fc9b1a018f:hover div {
  color: var(--entry-foreground-color-hover);
}

.cf6dec0fb0ade {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c1822fbc9fab1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c1822fbc9fab1:hover {
  background-color: var(--menu-background-color-hover);
}

.c5d5851b0340d, .c2b338e45d231 .c1546b88e24f7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c5d5851b0340d span, .c2b338e45d231 .c1546b88e24f7 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c5d5851b0340d span svg, .c2b338e45d231 .c1546b88e24f7 span svg {
  stroke: var(--icon-foreground);
}
.c5d5851b0340d:hover, .c2b338e45d231 .c1546b88e24f7:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c5d5851b0340d:hover span svg, .c2b338e45d231 .c1546b88e24f7:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c4d0aa77a2a90, .c2b338e45d231 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ceedbfab1b6e2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c49ad618ea246,
.c8bab2fd87276 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb8ba80a51440 .c49ad618ea246,
.cb8ba80a51440 .c8bab2fd87276 {
  transform: scale(1);
}

.c0f748c5b3c53 .c49ad618ea246,
.c0f748c5b3c53 .c8bab2fd87276 {
  transform: scale(0);
}

.cc119deb65857 {
  padding: 0.5rem;
  height: 100%;
  display: grid;
  overflow: hidden;
  grid-template-rows: auto auto 1fr;
}

.c446244c6fab7 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xxxl);
  margin: var(--sp-xxxl) auto;
  inline-size: 12.5rem;
}

.cc41fbbd50609 {
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  padding: 1rem 0 1rem 1rem;
  justify-content: space-between;
  width: 100%;
  display: flex;
  align-items: center;
}

.ce960adf9e97a {
  background: none;
  border: none;
  cursor: pointer;
}

.cbef5e258d37a {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  overflow: auto;
  margin: 0;
}

.c618ccfee5576 {
  border: 1px solid transparent;
}
.c618ccfee5576 p {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c618ccfee5576:hover .cf8ba5513042c {
  visibility: initial;
}

.c618ccfee5576 {
  display: flex;
  padding: 0.25rem 0.25rem 0.25rem 1rem;
  gap: 0.5rem;
  border-radius: 8px;
  align-items: center;
}
.c618ccfee5576:hover {
  border-color: var(--color-accent-primary);
}

.c618ccfee5576.c85860a43af51 {
  flex-direction: column;
  align-items: start;
  padding-left: 3rem;
  gap: 0;
}

.c81a400e4e1c7 {
  position: relative;
}

.c93a6316c665d {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
}

.c77e6c66c3eff {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.c454d53582a11 {
  color: var(--color-foreground-primary);
  border-bottom: 1px solid transparent;
}

.c8ca81e269635 {
  font-size: 0.75rem;
  color: var(--color-foreground-primary);
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--color-foreground-secondary);
}

.ca9a0e90a652b {
  color: var(--color-foreground-secondary);
}

.cf8ba5513042c {
  background: none;
  border: 0;
  cursor: pointer;
  visibility: hidden;
  padding: 0;
  height: 2.5rem;
  width: 2rem;
}

.c2b338e45d231 {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 12.5rem;
  right: 0;
  left: unset;
  top: var(--offset);
}
.cec02d8605af4 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--color-foreground-secondary);
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.cec02d8605af4 .c729de8dead79 {
  stroke: var(--color-accent-warning);
}
.cec02d8605af4 .c6df6220f646a {
  stroke: var(--color-foreground-secondary);
}
.cec02d8605af4:hover {
  color: var(--color-accent-primary);
}
.cec02d8605af4:hover .c6df6220f646a {
  stroke: var(--color-accent-primary);
}
.c64e000ad50e7 .cec02d8605af4 .c6df6220f646a {
  transform: rotate(90deg);
}

.c34673092f7e7 {
  display: none;
  margin-top: 0.5rem;
  flex-direction: column;
  width: 100%;
}
.c618ccfee5576.c64e000ad50e7 .c34673092f7e7 {
  display: flex;
}

.c610165d39ee3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.c610165d39ee3:hover .c60d0412a6b3f {
  visibility: initial;
}

.cc1f7f59e2450 {
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  white-space: nowrap;
}
.cc1f7f59e2450:hover {
  color: var(--color-accent-primary);
}
.cc1f7f59e2450:active {
  color: var(--color-accent-primary);
}
.cc1f7f59e2450:active .icon-pin {
  visibility: initial;
  fill: var(--color-accent-primary);
}

.c60d0412a6b3f {
  visibility: hidden;
}

.cad02b2c7ceb4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
}
.cad02b2c7ceb4 a {
  color: var(--color-accent-primary);
}
.c0a014468d9fa {
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
}
@keyframes c30e92db5fb5f {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c84034292a376 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c84034292a376:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c84034292a376 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c84034292a376 ::-webkit-scrollbar-track,
.c84034292a376 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c84034292a376 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c84034292a376 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c84034292a376 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c84034292a376 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c84034292a376 ::placeholder,
.c84034292a376 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c60d5d7c15c71, .c9428844475aa, .c31e8b5dbd25e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c60d5d7c15c71 svg, .c9428844475aa svg, .c31e8b5dbd25e svg,
.c60d5d7c15c71 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c60d5d7c15c71:focus-visible, .c9428844475aa:focus-visible, .c31e8b5dbd25e:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c60d5d7c15c71:focus-visible svg, .c9428844475aa:focus-visible svg, .c31e8b5dbd25e:focus-visible svg,
.c60d5d7c15c71:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c60d5d7c15c71:hover, .c9428844475aa:hover, .c31e8b5dbd25e:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c60d5d7c15c71:hover svg, .c9428844475aa:hover svg, .c31e8b5dbd25e:hover svg,
.c60d5d7c15c71:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c60d5d7c15c71:active, .c9428844475aa:active, .c31e8b5dbd25e:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c60d5d7c15c71:active svg, .c9428844475aa:active svg, .c31e8b5dbd25e:active svg,
.c60d5d7c15c71:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c60d5d7c15c71.disabled, .c9428844475aa.disabled, .c31e8b5dbd25e.disabled, .c60d5d7c15c71[disabled], [disabled].c9428844475aa, [disabled].c31e8b5dbd25e, .c60d5d7c15c71:disabled, .c9428844475aa:disabled, .c31e8b5dbd25e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8fb6e3aff8fc, .c096769ff25ca {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c8fb6e3aff8fc svg, .c096769ff25ca svg,
.c8fb6e3aff8fc span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c8fb6e3aff8fc:focus-visible, .c096769ff25ca:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8fb6e3aff8fc:focus-visible svg, .c096769ff25ca:focus-visible svg,
.c8fb6e3aff8fc:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8fb6e3aff8fc:hover, .c096769ff25ca:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c8fb6e3aff8fc:hover svg, .c096769ff25ca:hover svg,
.c8fb6e3aff8fc:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c8fb6e3aff8fc:active, .c096769ff25ca:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c8fb6e3aff8fc:active svg, .c096769ff25ca:active svg,
.c8fb6e3aff8fc:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c8fb6e3aff8fc.disabled, .c096769ff25ca.disabled, .c8fb6e3aff8fc[disabled], [disabled].c096769ff25ca, .c8fb6e3aff8fc:disabled, .c096769ff25ca:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb0124931a727 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cb0124931a727 svg,
.cb0124931a727 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cb0124931a727:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb0124931a727:focus-visible svg,
.cb0124931a727:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb0124931a727:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cb0124931a727:hover svg,
.cb0124931a727:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cb0124931a727:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cb0124931a727:active svg,
.cb0124931a727:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cb0124931a727.disabled, .cb0124931a727[disabled], .cb0124931a727:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc56d4e9e6e7a, .c145b2890d33d button, .cd943d4522866 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cc56d4e9e6e7a svg, .c145b2890d33d button svg, .cd943d4522866 svg,
.cc56d4e9e6e7a span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cc56d4e9e6e7a:focus-visible, .c145b2890d33d button:focus-visible, .cd943d4522866:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cc56d4e9e6e7a:focus-visible svg, .c145b2890d33d button:focus-visible svg, .cd943d4522866:focus-visible svg,
.cc56d4e9e6e7a:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cc56d4e9e6e7a:hover, .c145b2890d33d button:hover, .cd943d4522866:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cc56d4e9e6e7a:hover svg, .c145b2890d33d button:hover svg, .cd943d4522866:hover svg,
.cc56d4e9e6e7a:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cc56d4e9e6e7a:active, .c145b2890d33d button:active, .cd943d4522866:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cc56d4e9e6e7a:active svg, .c145b2890d33d button:active svg, .cd943d4522866:active svg,
.cc56d4e9e6e7a:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cc56d4e9e6e7a.disabled, .c145b2890d33d button.disabled, .cd943d4522866.disabled, .cc56d4e9e6e7a[disabled], .c145b2890d33d button[disabled], [disabled].cd943d4522866, .cc56d4e9e6e7a:disabled, .c145b2890d33d button:disabled, .cd943d4522866:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cc56d4e9e6e7a.disabled svg, .c145b2890d33d button.disabled svg, .cd943d4522866.disabled svg,
.cc56d4e9e6e7a.disabled span svg, .cc56d4e9e6e7a[disabled] svg, .c145b2890d33d button[disabled] svg, [disabled].cd943d4522866 svg,
.cc56d4e9e6e7a[disabled] span svg, .cc56d4e9e6e7a:disabled svg, .c145b2890d33d button:disabled svg, .cd943d4522866:disabled svg,
.cc56d4e9e6e7a:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c42bfada7ca32 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c42bfada7ca32 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c61a7a3bc6567 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c61a7a3bc6567 svg,
.c61a7a3bc6567 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c61a7a3bc6567:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c61a7a3bc6567:focus-visible svg,
.c61a7a3bc6567:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c61a7a3bc6567:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c61a7a3bc6567:hover svg,
.c61a7a3bc6567:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c61a7a3bc6567:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c61a7a3bc6567:active svg,
.c61a7a3bc6567:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c2fc59c6a7140 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cf9b730fa4a9f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8c5a8ed02b43 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c8c5a8ed02b43:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c8c5a8ed02b43:focus-visible svg,
.c8c5a8ed02b43:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c8c5a8ed02b43:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c8c5a8ed02b43:active {
  border: none;
  background-color: transparent;
}

.cef1bfeaff134, .cd943d4522866 svg, .c5497cd8cbd53, .c90563dcbf3d6 span svg, .c145b2890d33d button svg, .cc742c9d4a37d.intermediate svg, .cb3d3d3c086d0 label span.intermediate svg, .cc742c9d4a37d.checked svg, .cb3d3d3c086d0 label span.checked svg, .ca6f84ad18d13 span svg,
.ca6f84ad18d13 label svg, .cb3a343608a04 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c94aace510ebc {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c94aace510ebc:hover {
  fill: none;
  stroke: none;
}

.c5497cd8cbd53, .c90563dcbf3d6 span svg, .c145b2890d33d button svg, .cc742c9d4a37d.intermediate svg, .cb3d3d3c086d0 label span.intermediate svg, .cc742c9d4a37d.checked svg, .cb3d3d3c086d0 label span.checked svg, .ca6f84ad18d13 span svg,
.ca6f84ad18d13 label svg, .cb3a343608a04 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c87b2f9a6a305 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c87b2f9a6a305:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c3f1f964fd178, .cd4dc3d60c364 input, .c15de282dc5b1 input, .ca6f84ad18d13 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c3f1f964fd178, .cd4dc3d60c364 input, .c15de282dc5b1 input, .ca6f84ad18d13 input {
    height: 23px;
  }
}
.c3f1f964fd178, .cd4dc3d60c364 input, .c15de282dc5b1 input, .ca6f84ad18d13 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c3f1f964fd178[disabled], .cd4dc3d60c364 input[disabled], .c15de282dc5b1 input[disabled], .ca6f84ad18d13 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cb3a343608a04 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ce0c554cb5963, .ca6f84ad18d13 span,
.ca6f84ad18d13 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce0c554cb5963, .ca6f84ad18d13 span,
  .ca6f84ad18d13 label {
    height: 25px;
  }
}
.ce0c554cb5963, .ca6f84ad18d13 span,
.ca6f84ad18d13 label {
  color: var(--input-foreground-color);
}

.ca6f84ad18d13 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca6f84ad18d13 {
    height: 25px;
    font-size: 10px;
  }
}
.ca6f84ad18d13 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ca6f84ad18d13 span svg,
.ca6f84ad18d13 label svg {
  color: var(--input-foreground-color);
}
.ca6f84ad18d13 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ca6f84ad18d13 ::placeholder {
  color: var(--input-placeholder-color);
}
.ca6f84ad18d13:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ca6f84ad18d13:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ca6f84ad18d13:hover span {
  color: var(--input-foreground-color-hover);
}
.ca6f84ad18d13:hover input {
  color: var(--input-foreground-color-hover);
}
.ca6f84ad18d13:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ca6f84ad18d13:active span {
  color: var(--input-foreground-color-active);
}
.ca6f84ad18d13:active input {
  color: var(--input-foreground-color-active);
}
.ca6f84ad18d13:focus, .ca6f84ad18d13:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca6f84ad18d13:focus span, .ca6f84ad18d13:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ca6f84ad18d13:focus input, .ca6f84ad18d13:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ca6f84ad18d13:focus:hover, .ca6f84ad18d13:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca6f84ad18d13:focus:hover span, .ca6f84ad18d13:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ca6f84ad18d13:focus:hover input, .ca6f84ad18d13:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c15de282dc5b1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c15de282dc5b1 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c15de282dc5b1 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c15de282dc5b1 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c15de282dc5b1:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c15de282dc5b1:focus-within input, .c15de282dc5b1:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cb2a4e2447bfb, .cd4dc3d60c364.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cb2a4e2447bfb input, .cd4dc3d60c364.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cb2a4e2447bfb span svg, .cd4dc3d60c364.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cc742c9d4a37d, .cb3d3d3c086d0 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cc742c9d4a37d svg, .cb3d3d3c086d0 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cc742c9d4a37d:hover, .cb3d3d3c086d0 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cc742c9d4a37d:focus, .cb3d3d3c086d0 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cc742c9d4a37d.checked, .cb3d3d3c086d0 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cc742c9d4a37d.checked svg, .cb3d3d3c086d0 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cc742c9d4a37d.intermediate, .cb3d3d3c086d0 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cc742c9d4a37d.intermediate svg, .cb3d3d3c086d0 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cc742c9d4a37d.unchecked, .cb3d3d3c086d0 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cc742c9d4a37d.unchecked svg, .cb3d3d3c086d0 label span.unchecked svg {
  display: none;
}

.cb3d3d3c086d0 {
  display: flex;
  align-items: center;
}
.cb3d3d3c086d0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cb3d3d3c086d0 label input {
  margin: 0;
}
.cb3d3d3c086d0 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb3d3d3c086d0 label:focus span, .cb3d3d3c086d0 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cd4dc3d60c364 {
  display: flex;
  flex-direction: column;
}
.cd4dc3d60c364 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cd4dc3d60c364 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cd4dc3d60c364 input:focus-within input, .cd4dc3d60c364 input:active input {
  color: var(--input-foreground-color-active);
}
.cd4dc3d60c364 input:focus-within, .cd4dc3d60c364 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd4dc3d60c364.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cb3af109c3b2b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c43d6904b40fb {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cc5887875ff2c {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd943d4522866 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cd295dfa11f50 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c38cc9043ced4 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c096769ff25ca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c31e8b5dbd25e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c9428844475aa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cc6969e0af169 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cc6969e0af169:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cf190b5a53656 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cf2a79dffb417 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cab6556e63364 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ca646e7806561 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c39f044565e41 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c39f044565e41:hover, .c39f044565e41:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c145b2890d33d div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c145b2890d33d button {
  display: none;
}
.c145b2890d33d button svg {
  stroke: var(--icon-foreground);
}
.c145b2890d33d:hover button {
  display: flex;
}

.cd601dc1b9134 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cd601dc1b9134 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cd601dc1b9134 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c44e78612ab92 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c44e78612ab92:hover div {
  color: var(--entry-foreground-color-hover);
}

.c6c7a55c0f44c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c6f2c307474cd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c6f2c307474cd:hover {
  background-color: var(--menu-background-color-hover);
}

.c90563dcbf3d6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c90563dcbf3d6 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c90563dcbf3d6 span svg {
  stroke: var(--icon-foreground);
}
.c90563dcbf3d6:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c90563dcbf3d6:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c1a6b3749c0b9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c6658410f8b69 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.caa9382730436,
.c260a835f98c8 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce2b701d333c4 .caa9382730436,
.ce2b701d333c4 .c260a835f98c8 {
  transform: scale(1);
}

.c0539c9bbc7dd .caa9382730436,
.c0539c9bbc7dd .c260a835f98c8 {
  transform: scale(0);
}

.ce298b5d014c0 {
  --title-color: var(--color-foreground-primary) ;
}
@keyframes c647c3f688826 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ca00a19e48231 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ca00a19e48231:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ca00a19e48231 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ca00a19e48231 ::-webkit-scrollbar-track,
.ca00a19e48231 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ca00a19e48231 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ca00a19e48231 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ca00a19e48231 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca00a19e48231 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca00a19e48231 ::placeholder,
.ca00a19e48231 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c94cab2cd52ba, .cc3185794a3eb, .c19585f6762fe {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c94cab2cd52ba svg, .cc3185794a3eb svg, .c19585f6762fe svg,
.c94cab2cd52ba span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c94cab2cd52ba:focus-visible, .cc3185794a3eb:focus-visible, .c19585f6762fe:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c94cab2cd52ba:focus-visible svg, .cc3185794a3eb:focus-visible svg, .c19585f6762fe:focus-visible svg,
.c94cab2cd52ba:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c94cab2cd52ba:hover, .cc3185794a3eb:hover, .c19585f6762fe:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c94cab2cd52ba:hover svg, .cc3185794a3eb:hover svg, .c19585f6762fe:hover svg,
.c94cab2cd52ba:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c94cab2cd52ba:active, .cc3185794a3eb:active, .c19585f6762fe:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c94cab2cd52ba:active svg, .cc3185794a3eb:active svg, .c19585f6762fe:active svg,
.c94cab2cd52ba:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c94cab2cd52ba.disabled, .cc3185794a3eb.disabled, .c19585f6762fe.disabled, .c94cab2cd52ba[disabled], [disabled].cc3185794a3eb, [disabled].c19585f6762fe, .c94cab2cd52ba:disabled, .cc3185794a3eb:disabled, .c19585f6762fe:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cec917a0ac22d, .cc6ca462097db {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cec917a0ac22d svg, .cc6ca462097db svg,
.cec917a0ac22d span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cec917a0ac22d:focus-visible, .cc6ca462097db:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cec917a0ac22d:focus-visible svg, .cc6ca462097db:focus-visible svg,
.cec917a0ac22d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cec917a0ac22d:hover, .cc6ca462097db:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cec917a0ac22d:hover svg, .cc6ca462097db:hover svg,
.cec917a0ac22d:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cec917a0ac22d:active, .cc6ca462097db:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cec917a0ac22d:active svg, .cc6ca462097db:active svg,
.cec917a0ac22d:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cec917a0ac22d.disabled, .cc6ca462097db.disabled, .cec917a0ac22d[disabled], [disabled].cc6ca462097db, .cec917a0ac22d:disabled, .cc6ca462097db:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd5c9c8db3b4e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cd5c9c8db3b4e svg,
.cd5c9c8db3b4e span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cd5c9c8db3b4e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd5c9c8db3b4e:focus-visible svg,
.cd5c9c8db3b4e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd5c9c8db3b4e:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cd5c9c8db3b4e:hover svg,
.cd5c9c8db3b4e:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cd5c9c8db3b4e:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cd5c9c8db3b4e:active svg,
.cd5c9c8db3b4e:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cd5c9c8db3b4e.disabled, .cd5c9c8db3b4e[disabled], .cd5c9c8db3b4e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc1961f2b0f35, .c0ae321a26182 button, .c1799ebb6ac6d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cc1961f2b0f35 svg, .c0ae321a26182 button svg, .c1799ebb6ac6d svg,
.cc1961f2b0f35 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cc1961f2b0f35:focus-visible, .c0ae321a26182 button:focus-visible, .c1799ebb6ac6d:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cc1961f2b0f35:focus-visible svg, .c0ae321a26182 button:focus-visible svg, .c1799ebb6ac6d:focus-visible svg,
.cc1961f2b0f35:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cc1961f2b0f35:hover, .c0ae321a26182 button:hover, .c1799ebb6ac6d:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cc1961f2b0f35:hover svg, .c0ae321a26182 button:hover svg, .c1799ebb6ac6d:hover svg,
.cc1961f2b0f35:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cc1961f2b0f35:active, .c0ae321a26182 button:active, .c1799ebb6ac6d:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cc1961f2b0f35:active svg, .c0ae321a26182 button:active svg, .c1799ebb6ac6d:active svg,
.cc1961f2b0f35:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cc1961f2b0f35.disabled, .c0ae321a26182 button.disabled, .c1799ebb6ac6d.disabled, .cc1961f2b0f35[disabled], .c0ae321a26182 button[disabled], [disabled].c1799ebb6ac6d, .cc1961f2b0f35:disabled, .c0ae321a26182 button:disabled, .c1799ebb6ac6d:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cc1961f2b0f35.disabled svg, .c0ae321a26182 button.disabled svg, .c1799ebb6ac6d.disabled svg,
.cc1961f2b0f35.disabled span svg, .cc1961f2b0f35[disabled] svg, .c0ae321a26182 button[disabled] svg, [disabled].c1799ebb6ac6d svg,
.cc1961f2b0f35[disabled] span svg, .cc1961f2b0f35:disabled svg, .c0ae321a26182 button:disabled svg, .c1799ebb6ac6d:disabled svg,
.cc1961f2b0f35:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c7e1394f5c7b6 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c7e1394f5c7b6 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c18dd201e62f0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c18dd201e62f0 svg,
.c18dd201e62f0 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c18dd201e62f0:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c18dd201e62f0:focus-visible svg,
.c18dd201e62f0:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c18dd201e62f0:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c18dd201e62f0:hover svg,
.c18dd201e62f0:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c18dd201e62f0:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c18dd201e62f0:active svg,
.c18dd201e62f0:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ccb3ff72b13d6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ccd7274f00965 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc33fc8ff175c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc33fc8ff175c:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cc33fc8ff175c:focus-visible svg,
.cc33fc8ff175c:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cc33fc8ff175c:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cc33fc8ff175c:active {
  border: none;
  background-color: transparent;
}

.cb4214c71c331, .c1799ebb6ac6d svg, .c9a2abf4e0a7b, .c0c236a289f50 span svg, .c0ae321a26182 button svg, .cc8b6f089cfce.intermediate svg, .c4b6913c71adb label span.intermediate svg, .cc8b6f089cfce.checked svg, .c4b6913c71adb label span.checked svg, .cb11db33e4bc1 span svg,
.cb11db33e4bc1 label svg, .cb51a180e0a61 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c1435faac6859 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c1435faac6859:hover {
  fill: none;
  stroke: none;
}

.c9a2abf4e0a7b, .c0c236a289f50 span svg, .c0ae321a26182 button svg, .cc8b6f089cfce.intermediate svg, .c4b6913c71adb label span.intermediate svg, .cc8b6f089cfce.checked svg, .c4b6913c71adb label span.checked svg, .cb11db33e4bc1 span svg,
.cb11db33e4bc1 label svg, .cb51a180e0a61 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cb1bf0932a6ef {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cb1bf0932a6ef:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c71bd22523063, .ce793d8454cb9 input, .c6dbdfa0adbbe input, .cb11db33e4bc1 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c71bd22523063, .ce793d8454cb9 input, .c6dbdfa0adbbe input, .cb11db33e4bc1 input {
    height: 23px;
  }
}
.c71bd22523063, .ce793d8454cb9 input, .c6dbdfa0adbbe input, .cb11db33e4bc1 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c71bd22523063[disabled], .ce793d8454cb9 input[disabled], .c6dbdfa0adbbe input[disabled], .cb11db33e4bc1 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cb51a180e0a61 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c0634c1aa8033, .cb11db33e4bc1 span,
.cb11db33e4bc1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c0634c1aa8033, .cb11db33e4bc1 span,
  .cb11db33e4bc1 label {
    height: 25px;
  }
}
.c0634c1aa8033, .cb11db33e4bc1 span,
.cb11db33e4bc1 label {
  color: var(--input-foreground-color);
}

.cb11db33e4bc1 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb11db33e4bc1 {
    height: 25px;
    font-size: 10px;
  }
}
.cb11db33e4bc1 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cb11db33e4bc1 span svg,
.cb11db33e4bc1 label svg {
  color: var(--input-foreground-color);
}
.cb11db33e4bc1 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cb11db33e4bc1 ::placeholder {
  color: var(--input-placeholder-color);
}
.cb11db33e4bc1:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb11db33e4bc1:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cb11db33e4bc1:hover span {
  color: var(--input-foreground-color-hover);
}
.cb11db33e4bc1:hover input {
  color: var(--input-foreground-color-hover);
}
.cb11db33e4bc1:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cb11db33e4bc1:active span {
  color: var(--input-foreground-color-active);
}
.cb11db33e4bc1:active input {
  color: var(--input-foreground-color-active);
}
.cb11db33e4bc1:focus, .cb11db33e4bc1:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb11db33e4bc1:focus span, .cb11db33e4bc1:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cb11db33e4bc1:focus input, .cb11db33e4bc1:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cb11db33e4bc1:focus:hover, .cb11db33e4bc1:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb11db33e4bc1:focus:hover span, .cb11db33e4bc1:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cb11db33e4bc1:focus:hover input, .cb11db33e4bc1:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c6dbdfa0adbbe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c6dbdfa0adbbe input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c6dbdfa0adbbe ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c6dbdfa0adbbe ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c6dbdfa0adbbe:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c6dbdfa0adbbe:focus-within input, .c6dbdfa0adbbe:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c2e1214186468, .ce793d8454cb9.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c2e1214186468 input, .ce793d8454cb9.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c2e1214186468 span svg, .ce793d8454cb9.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cc8b6f089cfce, .c4b6913c71adb label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cc8b6f089cfce svg, .c4b6913c71adb label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cc8b6f089cfce:hover, .c4b6913c71adb label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cc8b6f089cfce:focus, .c4b6913c71adb label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cc8b6f089cfce.checked, .c4b6913c71adb label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cc8b6f089cfce.checked svg, .c4b6913c71adb label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cc8b6f089cfce.intermediate, .c4b6913c71adb label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cc8b6f089cfce.intermediate svg, .c4b6913c71adb label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cc8b6f089cfce.unchecked, .c4b6913c71adb label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cc8b6f089cfce.unchecked svg, .c4b6913c71adb label span.unchecked svg {
  display: none;
}

.c4b6913c71adb {
  display: flex;
  align-items: center;
}
.c4b6913c71adb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c4b6913c71adb label input {
  margin: 0;
}
.c4b6913c71adb label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4b6913c71adb label:focus span, .c4b6913c71adb label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ce793d8454cb9 {
  display: flex;
  flex-direction: column;
}
.ce793d8454cb9 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ce793d8454cb9 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ce793d8454cb9 input:focus-within input, .ce793d8454cb9 input:active input {
  color: var(--input-foreground-color-active);
}
.ce793d8454cb9 input:focus-within, .ce793d8454cb9 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce793d8454cb9.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c93145d8d4946 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c400561990512 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c48d4c670ddc7 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c1799ebb6ac6d {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ca064019668d9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cebecd05795ad {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cc6ca462097db {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c19585f6762fe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc3185794a3eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c00e10a29bbd6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c00e10a29bbd6:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cd8c392941335 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cee59f5826eb9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c32986f66972f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c87ae99b3e47a {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c87937f28c65c {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c87937f28c65c:hover, .c87937f28c65c:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c0ae321a26182 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c0ae321a26182 button {
  display: none;
}
.c0ae321a26182 button svg {
  stroke: var(--icon-foreground);
}
.c0ae321a26182:hover button {
  display: flex;
}

.c15f1d4500f71 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c15f1d4500f71 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c15f1d4500f71 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c8cd133a392ef {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c8cd133a392ef:hover div {
  color: var(--entry-foreground-color-hover);
}

.cd86cd78683ee {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cacddef906432 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cacddef906432:hover {
  background-color: var(--menu-background-color-hover);
}

.c0c236a289f50 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c0c236a289f50 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c0c236a289f50 span svg {
  stroke: var(--icon-foreground);
}
.c0c236a289f50:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c0c236a289f50:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c67a680857786 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c0a5f009e43ec {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cfe863edb84cc,
.c98a19c50b4f7 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cdbbaa55edbdf .cfe863edb84cc,
.cdbbaa55edbdf .c98a19c50b4f7 {
  transform: scale(1);
}

.c6577a49f191c .cfe863edb84cc,
.c6577a49f191c .c98a19c50b4f7 {
  transform: scale(0);
}

.c6f7b7cc3a69c {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@keyframes c8353de4991d3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cecbc72814ced {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cecbc72814ced:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cecbc72814ced ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cecbc72814ced ::-webkit-scrollbar-track,
.cecbc72814ced ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cecbc72814ced ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cecbc72814ced ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cecbc72814ced ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cecbc72814ced ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cecbc72814ced ::placeholder,
.cecbc72814ced ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c8456fa277a1e, .c8b129220cabf, .c7c25f3a46614 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c8456fa277a1e svg, .c8b129220cabf svg, .c7c25f3a46614 svg,
.c8456fa277a1e span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c8456fa277a1e:focus-visible, .c8b129220cabf:focus-visible, .c7c25f3a46614:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c8456fa277a1e:focus-visible svg, .c8b129220cabf:focus-visible svg, .c7c25f3a46614:focus-visible svg,
.c8456fa277a1e:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c8456fa277a1e:hover, .c8b129220cabf:hover, .c7c25f3a46614:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c8456fa277a1e:hover svg, .c8b129220cabf:hover svg, .c7c25f3a46614:hover svg,
.c8456fa277a1e:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c8456fa277a1e:active, .c8b129220cabf:active, .c7c25f3a46614:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c8456fa277a1e:active svg, .c8b129220cabf:active svg, .c7c25f3a46614:active svg,
.c8456fa277a1e:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c8456fa277a1e.disabled, .c8b129220cabf.disabled, .c7c25f3a46614.disabled, .c8456fa277a1e[disabled], [disabled].c8b129220cabf, [disabled].c7c25f3a46614, .c8456fa277a1e:disabled, .c8b129220cabf:disabled, .c7c25f3a46614:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c071ec7c1dcb3, .cd90102689080 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c071ec7c1dcb3 svg, .cd90102689080 svg,
.c071ec7c1dcb3 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c071ec7c1dcb3:focus-visible, .cd90102689080:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c071ec7c1dcb3:focus-visible svg, .cd90102689080:focus-visible svg,
.c071ec7c1dcb3:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c071ec7c1dcb3:hover, .cd90102689080:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c071ec7c1dcb3:hover svg, .cd90102689080:hover svg,
.c071ec7c1dcb3:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c071ec7c1dcb3:active, .cd90102689080:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c071ec7c1dcb3:active svg, .cd90102689080:active svg,
.c071ec7c1dcb3:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c071ec7c1dcb3.disabled, .cd90102689080.disabled, .c071ec7c1dcb3[disabled], [disabled].cd90102689080, .c071ec7c1dcb3:disabled, .cd90102689080:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb4cc5e3557ac {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cb4cc5e3557ac svg,
.cb4cc5e3557ac span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cb4cc5e3557ac:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb4cc5e3557ac:focus-visible svg,
.cb4cc5e3557ac:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb4cc5e3557ac:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cb4cc5e3557ac:hover svg,
.cb4cc5e3557ac:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cb4cc5e3557ac:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cb4cc5e3557ac:active svg,
.cb4cc5e3557ac:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cb4cc5e3557ac.disabled, .cb4cc5e3557ac[disabled], .cb4cc5e3557ac:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c631fad4cb06e, .cd662ae34becc button, .c2010ffb53d4c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c631fad4cb06e svg, .cd662ae34becc button svg, .c2010ffb53d4c svg,
.c631fad4cb06e span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c631fad4cb06e:focus-visible, .cd662ae34becc button:focus-visible, .c2010ffb53d4c:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c631fad4cb06e:focus-visible svg, .cd662ae34becc button:focus-visible svg, .c2010ffb53d4c:focus-visible svg,
.c631fad4cb06e:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c631fad4cb06e:hover, .cd662ae34becc button:hover, .c2010ffb53d4c:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c631fad4cb06e:hover svg, .cd662ae34becc button:hover svg, .c2010ffb53d4c:hover svg,
.c631fad4cb06e:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c631fad4cb06e:active, .cd662ae34becc button:active, .c2010ffb53d4c:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c631fad4cb06e:active svg, .cd662ae34becc button:active svg, .c2010ffb53d4c:active svg,
.c631fad4cb06e:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c631fad4cb06e.disabled, .cd662ae34becc button.disabled, .c2010ffb53d4c.disabled, .c631fad4cb06e[disabled], .cd662ae34becc button[disabled], [disabled].c2010ffb53d4c, .c631fad4cb06e:disabled, .cd662ae34becc button:disabled, .c2010ffb53d4c:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c631fad4cb06e.disabled svg, .cd662ae34becc button.disabled svg, .c2010ffb53d4c.disabled svg,
.c631fad4cb06e.disabled span svg, .c631fad4cb06e[disabled] svg, .cd662ae34becc button[disabled] svg, [disabled].c2010ffb53d4c svg,
.c631fad4cb06e[disabled] span svg, .c631fad4cb06e:disabled svg, .cd662ae34becc button:disabled svg, .c2010ffb53d4c:disabled svg,
.c631fad4cb06e:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c6b2f68aebbd6 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c6b2f68aebbd6 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c8bca81b7a8d9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c8bca81b7a8d9 svg,
.c8bca81b7a8d9 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c8bca81b7a8d9:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c8bca81b7a8d9:focus-visible svg,
.c8bca81b7a8d9:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c8bca81b7a8d9:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c8bca81b7a8d9:hover svg,
.c8bca81b7a8d9:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c8bca81b7a8d9:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c8bca81b7a8d9:active svg,
.c8bca81b7a8d9:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c14585d0f3fb7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cf87513b8502d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c08fb4e2cdd58 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c08fb4e2cdd58:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c08fb4e2cdd58:focus-visible svg,
.c08fb4e2cdd58:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c08fb4e2cdd58:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c08fb4e2cdd58:active {
  border: none;
  background-color: transparent;
}

.c8512022e2d01, .c2010ffb53d4c svg, .c3fde05076d45, .c2b06fe0e93ae span svg, .cd662ae34becc button svg, .cfa1282b3c3e1.intermediate svg, .cb3c1c435d481 label span.intermediate svg, .cfa1282b3c3e1.checked svg, .cb3c1c435d481 label span.checked svg, .cb57636382017 span svg,
.cb57636382017 label svg, .cc623551f9189 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ce9d80f1be394 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ce9d80f1be394:hover {
  fill: none;
  stroke: none;
}

.c3fde05076d45, .c2b06fe0e93ae span svg, .cd662ae34becc button svg, .cfa1282b3c3e1.intermediate svg, .cb3c1c435d481 label span.intermediate svg, .cfa1282b3c3e1.checked svg, .cb3c1c435d481 label span.checked svg, .cb57636382017 span svg,
.cb57636382017 label svg, .cc623551f9189 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c35b96bfd646b {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c35b96bfd646b:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cc47f7823436d, .c1ad882914931 input, .c499c870f5afb input, .cb57636382017 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cc47f7823436d, .c1ad882914931 input, .c499c870f5afb input, .cb57636382017 input {
    height: 23px;
  }
}
.cc47f7823436d, .c1ad882914931 input, .c499c870f5afb input, .cb57636382017 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cc47f7823436d[disabled], .c1ad882914931 input[disabled], .c499c870f5afb input[disabled], .cb57636382017 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cc623551f9189 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c8a547b2a242e, .cb57636382017 span,
.cb57636382017 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c8a547b2a242e, .cb57636382017 span,
  .cb57636382017 label {
    height: 25px;
  }
}
.c8a547b2a242e, .cb57636382017 span,
.cb57636382017 label {
  color: var(--input-foreground-color);
}

.cb57636382017 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb57636382017 {
    height: 25px;
    font-size: 10px;
  }
}
.cb57636382017 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cb57636382017 span svg,
.cb57636382017 label svg {
  color: var(--input-foreground-color);
}
.cb57636382017 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cb57636382017 ::placeholder {
  color: var(--input-placeholder-color);
}
.cb57636382017:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb57636382017:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cb57636382017:hover span {
  color: var(--input-foreground-color-hover);
}
.cb57636382017:hover input {
  color: var(--input-foreground-color-hover);
}
.cb57636382017:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cb57636382017:active span {
  color: var(--input-foreground-color-active);
}
.cb57636382017:active input {
  color: var(--input-foreground-color-active);
}
.cb57636382017:focus, .cb57636382017:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb57636382017:focus span, .cb57636382017:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cb57636382017:focus input, .cb57636382017:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cb57636382017:focus:hover, .cb57636382017:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb57636382017:focus:hover span, .cb57636382017:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cb57636382017:focus:hover input, .cb57636382017:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c499c870f5afb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c499c870f5afb input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c499c870f5afb ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c499c870f5afb ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c499c870f5afb:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c499c870f5afb:focus-within input, .c499c870f5afb:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ca34f59d64e71, .c1ad882914931.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ca34f59d64e71 input, .c1ad882914931.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ca34f59d64e71 span svg, .c1ad882914931.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cfa1282b3c3e1, .cb3c1c435d481 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cfa1282b3c3e1 svg, .cb3c1c435d481 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cfa1282b3c3e1:hover, .cb3c1c435d481 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cfa1282b3c3e1:focus, .cb3c1c435d481 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cfa1282b3c3e1.checked, .cb3c1c435d481 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cfa1282b3c3e1.checked svg, .cb3c1c435d481 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cfa1282b3c3e1.intermediate, .cb3c1c435d481 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cfa1282b3c3e1.intermediate svg, .cb3c1c435d481 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cfa1282b3c3e1.unchecked, .cb3c1c435d481 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cfa1282b3c3e1.unchecked svg, .cb3c1c435d481 label span.unchecked svg {
  display: none;
}

.cb3c1c435d481 {
  display: flex;
  align-items: center;
}
.cb3c1c435d481 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cb3c1c435d481 label input {
  margin: 0;
}
.cb3c1c435d481 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb3c1c435d481 label:focus span, .cb3c1c435d481 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c1ad882914931 {
  display: flex;
  flex-direction: column;
}
.c1ad882914931 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c1ad882914931 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c1ad882914931 input:focus-within input, .c1ad882914931 input:active input {
  color: var(--input-foreground-color-active);
}
.c1ad882914931 input:focus-within, .c1ad882914931 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1ad882914931.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c81b33e55dc59 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c19eca66a7c84 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ca861770337ab {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c2010ffb53d4c {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c336ebd780160 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc5f0b68f09b4 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cd90102689080 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c7c25f3a46614 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c8b129220cabf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ca655d3a6c985 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ca655d3a6c985:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c19d928152ea3 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c14ce054e842f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c8fb9c80a7786 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c13d60ca31770 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c2bc1c2e24c9d {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c2bc1c2e24c9d:hover, .c2bc1c2e24c9d:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cd662ae34becc div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cd662ae34becc button {
  display: none;
}
.cd662ae34becc button svg {
  stroke: var(--icon-foreground);
}
.cd662ae34becc:hover button {
  display: flex;
}

.ccc1d5b7c3ec0 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ccc1d5b7c3ec0 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ccc1d5b7c3ec0 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c493c50f7c22b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c493c50f7c22b:hover div {
  color: var(--entry-foreground-color-hover);
}

.c1d9a493ad7a2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c90d0c356bddb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c90d0c356bddb:hover {
  background-color: var(--menu-background-color-hover);
}

.c2b06fe0e93ae {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c2b06fe0e93ae span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c2b06fe0e93ae span svg {
  stroke: var(--icon-foreground);
}
.c2b06fe0e93ae:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c2b06fe0e93ae:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c4dbf18c129d6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cd11b68fa3336 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c30c389969997,
.c89749f55c513 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c4772d432f223 .c30c389969997,
.c4772d432f223 .c89749f55c513 {
  transform: scale(1);
}

.c77a3dcc8e9c2 .c30c389969997,
.c77a3dcc8e9c2 .c89749f55c513 {
  transform: scale(0);
}

.c36cdc8a9b31c {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.c96d7a85524a8 {
  display: flex;
  align-items: center;
  gap: var(--sp-9);
  position: relative;
}
.c96d7a85524a8:hover {
  --reorder-icon-visibility: visible;
}
.c96d7a85524a8.c4a49a1bf51e4 {
  --reorder-top-display: block;
}
.c96d7a85524a8.c7bcf2ec6c626 {
  --reorder-bottom-display: block;
}

.c1044c4f19ec8 {
  display: none;
}

.ceea278bea525 {
  --detach-icon-foreground-color: none;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  flex: 1;
  gap: var(--sp-9);
  block-size: 1.875rem;
  border-radius: 0.4375rem;
  background-color: var(--color-background-primary);
}
.ceea278bea525:hover {
  --detach-icon-foreground-color: var(--color-foreground-primary);
}

.cbc19d0b17c33 {
  --color-name-wrapper-background-color: var(--color-background-fifty);
  --color-name-wrapper-foreground-color: var(--color-foreground-primary);
  --color-name-wrapper-boder-color: var(--color-background-fifty);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  flex-grow: 1;
  gap: var(--sp-xs);
  block-size: 1.875rem;
  min-inline-size: 0;
  inline-size: 100%;
  padding: 0;
  margin-inline-end: 0;
  border: 0.0625rem solid var(--color-name-wrapper-boder-color);
  border-radius: 0.4375rem;
  background-color: var(--color-name-wrapper-background-color);
  color: var(--color-name-wrapper-foreground-color);
  border-radius: 0.4375rem 0 0 0.4375rem;
}
.cbc19d0b17c33.cc323d265b692 {
  border-radius: 0.4375rem;
}
.cbc19d0b17c33.cc323d265b692 .cb3de3f5f203a {
  border-radius: 0.4375rem;
}
.cbc19d0b17c33:hover {
  --detach-icon-foreground-color: var(--input-foreground-color-active);
  --color-name-wrapper-background-color: var(--color-background-quaternary);
  --color-name-wrapper-boder-color: var(--color-background-quaternary);
}
.cbc19d0b17c33:hover .cad958324bd38 {
  display: grid;
}
.cbc19d0b17c33:hover.cf630c72ab7fb {
  --color-name-wrapper-background-color: var(--color-background-primary);
}
.cbc19d0b17c33:hover:focus, .cbc19d0b17c33:hover:focus-within {
  --color-name-wrapper-background-color: transparent;
  --color-name-wrapper-boder-color: var(--color-accent-primary);
}
.cbc19d0b17c33:focus, .cbc19d0b17c33:focus-within {
  --color-name-wrapper-background-color: transparent;
  --color-name-wrapper-boder-color: var(--color-accent-primary);
}
.cbc19d0b17c33:focus:hover, .cbc19d0b17c33:focus-within:hover {
  --color-name-wrapper-background-color: transparent;
}
.cbc19d0b17c33.cf630c72ab7fb {
  --color-name-wrapper-background-color: var(--color-background-primary);
}
.cbc19d0b17c33.cf630c72ab7fb:hover {
  --color-name-wrapper-boder-color: var(--color-accent-primary);
}

.cad958324bd38 {
  display: none;
  background: var(--color-name-wrapper-background-color);
}

.cb3de3f5f203a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  flex-grow: 1;
  block-size: 1.75rem;
  inline-size: 100%;
  padding: 0;
  margin: 0;
  background-color: var(--color-name-wrapper-background-color);
  color: var(--color-name-wrapper-foreground-color);
  border-radius: 0;
}

.cfb5bc3ac2067 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  padding-inline: 0.375rem;
  border-radius: 0.4375rem;
  color: var(--color-name-wrapper-foreground-color);
}

.c7dc993383fa4 {
  display: flex;
  align-items: center;
  position: relative;
  block-size: 1.875rem;
  padding: 0 var(--sp-xxs) 0 var(--sp-6);
  border-radius: 0.4375rem 0 0 0.4375rem;
  background-color: transparent;
}
.c7dc993383fa4:hover {
  background-color: transparent;
}

.c73641398bf28 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  background: none;
  outline: none;
  block-size: 1.75rem;
  inline-size: 100%;
  flex-grow: 1;
  margin: var(--sp-xxs) 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.4375rem;
  color: var(--input-foreground-color-active);
}
.c73641398bf28[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c35e3f08547ec {
  border-radius: 0.4375rem;
}

.cdad7f1b848bb {
  --opacity-input-background-color: var(--color-background-fifty);
  --opacity-input-boder-color: var(--color-background-fifty);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  block-size: 1.875rem;
  inline-size: 3.75rem;
  padding-inline-start: var(--sp-xs);
  border-radius: 0 0.4375rem 0.4375rem 0;
  border: 0.0625rem solid var(--opacity-input-boder-color);
  background-color: var(--opacity-input-background-color);
}
.cdad7f1b848bb:hover {
  --opacity-input-background-color: var(--color-background-quaternary);
  --opacity-input-boder-color: var(--color-background-quaternary);
}
.cdad7f1b848bb:hover .cad958324bd38 {
  display: grid;
}
.cdad7f1b848bb:hover.cf630c72ab7fb {
  --opacity-input-background-color: var(--color-background-primary);
}
.cdad7f1b848bb:hover:focus, .cdad7f1b848bb:hover:focus-within {
  --opacity-input-background-color: transparent;
  --opacity-input-boder-color: var(--color-accent-primary);
}
.cdad7f1b848bb:focus, .cdad7f1b848bb:focus-within {
  --opacity-input-background-color: transparent;
  --opacity-input-boder-color: var(--color-accent-primary);
}
.cdad7f1b848bb:focus:hover, .cdad7f1b848bb:focus-within:hover {
  --opacity-input-background-color: transparent;
}
.cdad7f1b848bb.cf630c72ab7fb {
  --opacity-input-background-color: var(--color-background-primary);
}
.cdad7f1b848bb.cf630c72ab7fb:hover {
  --opacity-input-boder-color: var(--color-accent-primary);
}

.cace319f9e348 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  block-size: 1.75rem;
  min-inline-size: 1.75rem;
  flex-grow: 1;
  inline-size: 100%;
  padding: 0;
  border-radius: 0 0.4375rem 0.4375rem 0;
  border: none;
  background: none;
  outline: none;
  margin: var(--sp-xxs) 0;
  padding: 0 0 0 0.375rem;
  color: var(--color-foreground-primary);
}
.cace319f9e348[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cdd8077d67f39 {
  display: flex;
  justify-content: center;
  align-items: center;
  block-size: 1.875rem;
  margin-inline-end: var(--sp-xs);
  margin-block-start: var(--sp-xxs);
  color: var(--color-foreground-secondary);
}

.c2574908d41ea {
  --token-color-wrapper-background-color: var(--color-background-fifty);
  --token-color-wrapper-foreground-color: var(--color-foreground-primary);
  --token-color-wrapper-border-color: var(--color-background-fifty);
  --token-actions-display: none;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-column: 1/-1;
  gap: var(--sp-9);
  block-size: 1.875rem;
  min-inline-size: 0;
  inline-size: 100%;
  padding: 0;
  margin-inline-end: 0;
  background: var(--token-color-wrapper-background-color);
  border: 0.0625rem solid var(--token-color-wrapper-border-color);
  border-radius: 0.4375rem;
}
.c2574908d41ea:hover {
  --token-color-wrapper-background-color: var(--color-background-quaternary);
  --token-color-wrapper-foreground-color: var(--color-foreground-primary);
  --token-color-wrapper-border-color: var(--color-background-quaternary);
  --token-actions-display: flex;
}

.c404081c87c5e,
.cf9d212667bf2 {
  --token-color-wrapper-background-color: var(--color-background-primary);
  --token-color-wrapper-foreground-color: var(--color-foreground-secondary);
  --token-color-wrapper-border-color: var(--color-background-tertiary);
}
.c404081c87c5e:hover,
.cf9d212667bf2:hover {
  --token-color-wrapper-background-color: var(--color-background-primary);
  --token-color-wrapper-foreground-color: var(--color-foreground-secondary);
  --token-color-wrapper-border-color: var(--color-background-quaternary);
  --token-actions-display: flex;
}

.c771f49f23e53 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--token-color-wrapper-foreground-color);
  block-size: 1.875rem;
  line-height: 1.875rem;
}

.c23f28a5e0fe1 {
  min-width: 0;
  inline-size: inherit;
}

.ca887f8b2672e {
  color: var(--color-foreground-primary);
}

.c9fa5f9928d9a {
  display: var(--token-actions-display);
  justify-self: flex-end;
  align-items: center;
}

.c88432f2c74eb {
  inline-size: 0.25rem;
  block-size: 0.25rem;
  border-radius: 50%;
  background-color: var(--color-foreground-error);
  margin-inline-start: var(--sp-xs);
  position: absolute;
  inset-inline-end: 0.0625rem;
  inset-block-start: 0.3125rem;
}

.c04188fc198cc {
  --button-fg-color: #535353;
}

@media (max-width: 1680px) {
  .ceea278bea525 {
    block-size: 25px;
  }
  .cbc19d0b17c33 {
    block-size: 25px;
  }
  .c7dc993383fa4 {
    block-size: 25px;
  }
  .cdad7f1b848bb {
    block-size: 25px;
  }
  .cdd8077d67f39 {
    block-size: 25px;
  }
  .c2574908d41ea {
    block-size: 25px;
  }
  .c771f49f23e53 {
    block-size: 25px;
    line-height: 25px;
  }
}
@keyframes cd0ad681ea332 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cca3e6361c138 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cca3e6361c138:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cca3e6361c138 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cca3e6361c138 ::-webkit-scrollbar-track,
.cca3e6361c138 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cca3e6361c138 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cca3e6361c138 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cca3e6361c138 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cca3e6361c138 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cca3e6361c138 ::placeholder,
.cca3e6361c138 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cc6026326865f, .c916d9dac0c0b, .c3f7ca1f029bb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cc6026326865f svg, .c916d9dac0c0b svg, .c3f7ca1f029bb svg,
.cc6026326865f span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cc6026326865f:focus-visible, .c916d9dac0c0b:focus-visible, .c3f7ca1f029bb:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cc6026326865f:focus-visible svg, .c916d9dac0c0b:focus-visible svg, .c3f7ca1f029bb:focus-visible svg,
.cc6026326865f:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cc6026326865f:hover, .c916d9dac0c0b:hover, .c3f7ca1f029bb:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cc6026326865f:hover svg, .c916d9dac0c0b:hover svg, .c3f7ca1f029bb:hover svg,
.cc6026326865f:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cc6026326865f:active, .c916d9dac0c0b:active, .c3f7ca1f029bb:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cc6026326865f:active svg, .c916d9dac0c0b:active svg, .c3f7ca1f029bb:active svg,
.cc6026326865f:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cc6026326865f.disabled, .c916d9dac0c0b.disabled, .c3f7ca1f029bb.disabled, .cc6026326865f[disabled], [disabled].c916d9dac0c0b, [disabled].c3f7ca1f029bb, .cc6026326865f:disabled, .c916d9dac0c0b:disabled, .c3f7ca1f029bb:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf630d786e648, .c18271cc3f6ca {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cf630d786e648 svg, .c18271cc3f6ca svg,
.cf630d786e648 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cf630d786e648:focus-visible, .c18271cc3f6ca:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cf630d786e648:focus-visible svg, .c18271cc3f6ca:focus-visible svg,
.cf630d786e648:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cf630d786e648:hover, .c18271cc3f6ca:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cf630d786e648:hover svg, .c18271cc3f6ca:hover svg,
.cf630d786e648:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cf630d786e648:active, .c18271cc3f6ca:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cf630d786e648:active svg, .c18271cc3f6ca:active svg,
.cf630d786e648:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cf630d786e648.disabled, .c18271cc3f6ca.disabled, .cf630d786e648[disabled], [disabled].c18271cc3f6ca, .cf630d786e648:disabled, .c18271cc3f6ca:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7627724af307 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c7627724af307 svg,
.c7627724af307 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c7627724af307:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c7627724af307:focus-visible svg,
.c7627724af307:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c7627724af307:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c7627724af307:hover svg,
.c7627724af307:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c7627724af307:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c7627724af307:active svg,
.c7627724af307:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c7627724af307.disabled, .c7627724af307[disabled], .c7627724af307:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5f729418bd72, .cb3ce5c9ea7bb button, .cc052058d4664 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c5f729418bd72 svg, .cb3ce5c9ea7bb button svg, .cc052058d4664 svg,
.c5f729418bd72 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c5f729418bd72:focus-visible, .cb3ce5c9ea7bb button:focus-visible, .cc052058d4664:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c5f729418bd72:focus-visible svg, .cb3ce5c9ea7bb button:focus-visible svg, .cc052058d4664:focus-visible svg,
.c5f729418bd72:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c5f729418bd72:hover, .cb3ce5c9ea7bb button:hover, .cc052058d4664:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c5f729418bd72:hover svg, .cb3ce5c9ea7bb button:hover svg, .cc052058d4664:hover svg,
.c5f729418bd72:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c5f729418bd72:active, .cb3ce5c9ea7bb button:active, .cc052058d4664:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c5f729418bd72:active svg, .cb3ce5c9ea7bb button:active svg, .cc052058d4664:active svg,
.c5f729418bd72:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c5f729418bd72.disabled, .cb3ce5c9ea7bb button.disabled, .cc052058d4664.disabled, .c5f729418bd72[disabled], .cb3ce5c9ea7bb button[disabled], [disabled].cc052058d4664, .c5f729418bd72:disabled, .cb3ce5c9ea7bb button:disabled, .cc052058d4664:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c5f729418bd72.disabled svg, .cb3ce5c9ea7bb button.disabled svg, .cc052058d4664.disabled svg,
.c5f729418bd72.disabled span svg, .c5f729418bd72[disabled] svg, .cb3ce5c9ea7bb button[disabled] svg, [disabled].cc052058d4664 svg,
.c5f729418bd72[disabled] span svg, .c5f729418bd72:disabled svg, .cb3ce5c9ea7bb button:disabled svg, .cc052058d4664:disabled svg,
.c5f729418bd72:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c4f050665d0e4 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c4f050665d0e4 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c639c58e35ffa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c639c58e35ffa svg,
.c639c58e35ffa span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c639c58e35ffa:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c639c58e35ffa:focus-visible svg,
.c639c58e35ffa:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c639c58e35ffa:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c639c58e35ffa:hover svg,
.c639c58e35ffa:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c639c58e35ffa:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c639c58e35ffa:active svg,
.c639c58e35ffa:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c7a1e39754c6b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cdaa61771a659 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1f8f87de674d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c1f8f87de674d:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c1f8f87de674d:focus-visible svg,
.c1f8f87de674d:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c1f8f87de674d:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c1f8f87de674d:active {
  border: none;
  background-color: transparent;
}

.c27e53c84bcbb, .cc052058d4664 svg, .c080470ad129b, .cf4b27af428b1 span svg, .cb3ce5c9ea7bb button svg, .c7ee18ac9e96e.intermediate svg, .cb876ecfa1789 label span.intermediate svg, .c7ee18ac9e96e.checked svg, .cb876ecfa1789 label span.checked svg, .c1b67a89a2780 span svg, .c0c6827f6440e span svg,
.cd79ad228c700 span svg, .c353bdabcff40 span svg, .c79491b46df55 span svg,
.c1b67a89a2780 label svg,
.c0c6827f6440e label svg,
.cd79ad228c700 label svg,
.c353bdabcff40 label svg,
.c79491b46df55 label svg, .cf1b1f44a6352 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ce09ebaf0d7c6 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ce09ebaf0d7c6:hover {
  fill: none;
  stroke: none;
}

.c080470ad129b, .cf4b27af428b1 span svg, .cb3ce5c9ea7bb button svg, .c7ee18ac9e96e.intermediate svg, .cb876ecfa1789 label span.intermediate svg, .c7ee18ac9e96e.checked svg, .cb876ecfa1789 label span.checked svg, .c1b67a89a2780 span svg, .c0c6827f6440e span svg,
.cd79ad228c700 span svg, .c353bdabcff40 span svg, .c79491b46df55 span svg,
.c1b67a89a2780 label svg,
.c0c6827f6440e label svg,
.cd79ad228c700 label svg,
.c353bdabcff40 label svg,
.c79491b46df55 label svg, .cf1b1f44a6352 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c627137b9603c {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c627137b9603c:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c38b57254d6c5, .c1c0e8f93a3ab input, .c399c26e5588b input, .c1b67a89a2780 input, .c0c6827f6440e input,
.cd79ad228c700 input, .c353bdabcff40 input, .c79491b46df55 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c38b57254d6c5, .c1c0e8f93a3ab input, .c399c26e5588b input, .c1b67a89a2780 input, .c0c6827f6440e input,
  .cd79ad228c700 input, .c353bdabcff40 input, .c79491b46df55 input {
    height: 23px;
  }
}
.c38b57254d6c5, .c1c0e8f93a3ab input, .c399c26e5588b input, .c1b67a89a2780 input, .c0c6827f6440e input,
.cd79ad228c700 input, .c353bdabcff40 input, .c79491b46df55 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c38b57254d6c5[disabled], .c1c0e8f93a3ab input[disabled], .c399c26e5588b input[disabled], .c1b67a89a2780 input[disabled], .c0c6827f6440e input[disabled],
.cd79ad228c700 input[disabled], .c353bdabcff40 input[disabled], .c79491b46df55 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cf1b1f44a6352 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c4119be47c238, .c1b67a89a2780 span, .c0c6827f6440e span,
.cd79ad228c700 span, .c353bdabcff40 span, .c79491b46df55 span,
.c1b67a89a2780 label,
.c0c6827f6440e label,
.cd79ad228c700 label,
.c353bdabcff40 label,
.c79491b46df55 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c4119be47c238, .c1b67a89a2780 span, .c0c6827f6440e span,
  .cd79ad228c700 span, .c353bdabcff40 span, .c79491b46df55 span,
  .c1b67a89a2780 label,
  .c0c6827f6440e label,
  .cd79ad228c700 label,
  .c353bdabcff40 label,
  .c79491b46df55 label {
    height: 25px;
  }
}
.c4119be47c238, .c1b67a89a2780 span, .c0c6827f6440e span,
.cd79ad228c700 span, .c353bdabcff40 span, .c79491b46df55 span,
.c1b67a89a2780 label,
.c0c6827f6440e label,
.cd79ad228c700 label,
.c353bdabcff40 label,
.c79491b46df55 label {
  color: var(--input-foreground-color);
}

.c1b67a89a2780, .c0c6827f6440e,
.cd79ad228c700, .c353bdabcff40, .c79491b46df55 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1b67a89a2780, .c0c6827f6440e,
  .cd79ad228c700, .c353bdabcff40, .c79491b46df55 {
    height: 25px;
    font-size: 10px;
  }
}
.c1b67a89a2780, .c0c6827f6440e,
.cd79ad228c700, .c353bdabcff40, .c79491b46df55 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c1b67a89a2780 span svg, .c0c6827f6440e span svg,
.cd79ad228c700 span svg, .c353bdabcff40 span svg, .c79491b46df55 span svg,
.c1b67a89a2780 label svg,
.c0c6827f6440e label svg,
.cd79ad228c700 label svg,
.c353bdabcff40 label svg,
.c79491b46df55 label svg {
  color: var(--input-foreground-color);
}
.c1b67a89a2780 ::-moz-placeholder, .c0c6827f6440e ::-moz-placeholder, .cd79ad228c700 ::-moz-placeholder, .c353bdabcff40 ::-moz-placeholder, .c79491b46df55 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c1b67a89a2780 ::placeholder, .c0c6827f6440e ::placeholder,
.cd79ad228c700 ::placeholder, .c353bdabcff40 ::placeholder, .c79491b46df55 ::placeholder {
  color: var(--input-placeholder-color);
}
.c1b67a89a2780:focus-within, .c0c6827f6440e:focus-within,
.cd79ad228c700:focus-within, .c353bdabcff40:focus-within, .c79491b46df55:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1b67a89a2780:hover, .c0c6827f6440e:hover,
.cd79ad228c700:hover, .c353bdabcff40:hover, .c79491b46df55:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c1b67a89a2780:hover span, .c0c6827f6440e:hover span,
.cd79ad228c700:hover span, .c353bdabcff40:hover span, .c79491b46df55:hover span {
  color: var(--input-foreground-color-hover);
}
.c1b67a89a2780:hover input, .c0c6827f6440e:hover input,
.cd79ad228c700:hover input, .c353bdabcff40:hover input, .c79491b46df55:hover input {
  color: var(--input-foreground-color-hover);
}
.c1b67a89a2780:active, .c0c6827f6440e:active,
.cd79ad228c700:active, .c353bdabcff40:active, .c79491b46df55:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c1b67a89a2780:active span, .c0c6827f6440e:active span,
.cd79ad228c700:active span, .c353bdabcff40:active span, .c79491b46df55:active span {
  color: var(--input-foreground-color-active);
}
.c1b67a89a2780:active input, .c0c6827f6440e:active input,
.cd79ad228c700:active input, .c353bdabcff40:active input, .c79491b46df55:active input {
  color: var(--input-foreground-color-active);
}
.c1b67a89a2780:focus, .c0c6827f6440e:focus,
.cd79ad228c700:focus, .c353bdabcff40:focus, .c79491b46df55:focus, .c1b67a89a2780:focus-within, .c0c6827f6440e:focus-within,
.cd79ad228c700:focus-within, .c353bdabcff40:focus-within, .c79491b46df55:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1b67a89a2780:focus span, .c0c6827f6440e:focus span,
.cd79ad228c700:focus span, .c353bdabcff40:focus span, .c79491b46df55:focus span, .c1b67a89a2780:focus-within span, .c0c6827f6440e:focus-within span,
.cd79ad228c700:focus-within span, .c353bdabcff40:focus-within span, .c79491b46df55:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c1b67a89a2780:focus input, .c0c6827f6440e:focus input,
.cd79ad228c700:focus input, .c353bdabcff40:focus input, .c79491b46df55:focus input, .c1b67a89a2780:focus-within input, .c0c6827f6440e:focus-within input,
.cd79ad228c700:focus-within input, .c353bdabcff40:focus-within input, .c79491b46df55:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c1b67a89a2780:focus:hover, .c0c6827f6440e:focus:hover,
.cd79ad228c700:focus:hover, .c353bdabcff40:focus:hover, .c79491b46df55:focus:hover, .c1b67a89a2780:focus-within:hover, .c0c6827f6440e:focus-within:hover,
.cd79ad228c700:focus-within:hover, .c353bdabcff40:focus-within:hover, .c79491b46df55:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1b67a89a2780:focus:hover span, .c0c6827f6440e:focus:hover span,
.cd79ad228c700:focus:hover span, .c353bdabcff40:focus:hover span, .c79491b46df55:focus:hover span, .c1b67a89a2780:focus-within:hover span, .c0c6827f6440e:focus-within:hover span,
.cd79ad228c700:focus-within:hover span, .c353bdabcff40:focus-within:hover span, .c79491b46df55:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c1b67a89a2780:focus:hover input, .c0c6827f6440e:focus:hover input,
.cd79ad228c700:focus:hover input, .c353bdabcff40:focus:hover input, .c79491b46df55:focus:hover input, .c1b67a89a2780:focus-within:hover input, .c0c6827f6440e:focus-within:hover input,
.cd79ad228c700:focus-within:hover input, .c353bdabcff40:focus-within:hover input, .c79491b46df55:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c399c26e5588b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c399c26e5588b input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c399c26e5588b ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c399c26e5588b ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c399c26e5588b:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c399c26e5588b:focus-within input, .c399c26e5588b:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c0cb0263dc89c, .c1c0e8f93a3ab.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c0cb0263dc89c input, .c1c0e8f93a3ab.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c0cb0263dc89c span svg, .c1c0e8f93a3ab.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c7ee18ac9e96e, .cb876ecfa1789 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c7ee18ac9e96e svg, .cb876ecfa1789 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c7ee18ac9e96e:hover, .cb876ecfa1789 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c7ee18ac9e96e:focus, .cb876ecfa1789 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c7ee18ac9e96e.checked, .cb876ecfa1789 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c7ee18ac9e96e.checked svg, .cb876ecfa1789 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c7ee18ac9e96e.intermediate, .cb876ecfa1789 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c7ee18ac9e96e.intermediate svg, .cb876ecfa1789 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c7ee18ac9e96e.unchecked, .cb876ecfa1789 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c7ee18ac9e96e.unchecked svg, .cb876ecfa1789 label span.unchecked svg {
  display: none;
}

.cb876ecfa1789 {
  display: flex;
  align-items: center;
}
.cb876ecfa1789 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cb876ecfa1789 label input {
  margin: 0;
}
.cb876ecfa1789 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb876ecfa1789 label:focus span, .cb876ecfa1789 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c1c0e8f93a3ab {
  display: flex;
  flex-direction: column;
}
.c1c0e8f93a3ab label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c1c0e8f93a3ab input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c1c0e8f93a3ab input:focus-within input, .c1c0e8f93a3ab input:active input {
  color: var(--input-foreground-color-active);
}
.c1c0e8f93a3ab input:focus-within, .c1c0e8f93a3ab input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1c0e8f93a3ab.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c3f6adbb990c3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c94029905d76b {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c18aa383f58c2 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cc052058d4664 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c25a02a9b2f24 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c7c3c593e1b15 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c18271cc3f6ca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3f7ca1f029bb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c916d9dac0c0b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ca8783115795a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ca8783115795a:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c31feb5b3ec66 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c3baed6c54459 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c400fa506efe6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c7b47e9f3d11e {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cefca3f830c92 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cefca3f830c92:hover, .cefca3f830c92:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cb3ce5c9ea7bb div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cb3ce5c9ea7bb button {
  display: none;
}
.cb3ce5c9ea7bb button svg {
  stroke: var(--icon-foreground);
}
.cb3ce5c9ea7bb:hover button {
  display: flex;
}

.c4f72844ef2e1 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c4f72844ef2e1 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c4f72844ef2e1 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c4147e90c948f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c4147e90c948f:hover div {
  color: var(--entry-foreground-color-hover);
}

.c2e7c5f563a9c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c219dad5164aa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c219dad5164aa:hover {
  background-color: var(--menu-background-color-hover);
}

.cf4b27af428b1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cf4b27af428b1 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf4b27af428b1 span svg {
  stroke: var(--icon-foreground);
}
.cf4b27af428b1:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cf4b27af428b1:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c1d4915d418b0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cc885edb8660d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c780c430e3bcd,
.c0a02a8cb0046 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cad7081b68139 .c780c430e3bcd,
.cad7081b68139 .c0a02a8cb0046 {
  transform: scale(1);
}

.c64b725296880 .c780c430e3bcd,
.c64b725296880 .c0a02a8cb0046 {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.c0649379c9f4a {
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
  position: relative;
}
.c0649379c9f4a:hover {
  --reorder-icon-visibility: visible;
}
.c0649379c9f4a.cc898811fd5cc {
  --reorder-top-display: block;
}
.c0649379c9f4a.cd2c481d2bb98 {
  --reorder-bottom-display: block;
}

.c87921d4427d5 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.c6702ffad8be7 {
  grid-column: span 6;
  display: flex;
  align-items: center;
  gap: 0.0625rem;
}

.c9292c6797f19 {
  border-radius: 0.5rem 0 0 0.5rem;
  --button-bg-color: var(--menu-background-color);
  --button-hover-bg-color: var(--menu-background-color-hover);
}
.c9292c6797f19.c3bf92487b455 {
  --button-bg-color: var(--color-background-quaternary);
  --button-fg-color: var(--color-accent-primary);
}
.c9292c6797f19:disabled {
  border: 0.0625rem solid var(--color-background-quaternary);
}

.cf95d62e70209 {
  flex-grow: 1;
  border-radius: 0 0.5rem 0.5rem 0;
}

.cd2bc28e2b579 {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
}

.c8100994cee0e {
  --button-fg-color: #535353;
}

.c4894f5d737cb {
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
}

.c408888068ce9 {
  display: flex;
  gap: var(--sp-9);
  align-items: center;
}

.c0c6827f6440e,
.cd79ad228c700 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  flex: 0 0 2.8125rem;
}

.c353bdabcff40 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  flex: 0 0 6.875rem;
}
.c79491b46df55 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  flex: 1;
}
.cfeb961c6ed94 {
  flex: 1;
}
.cfeb961c6ed94 .c979e868b1129 {
  gap: 0.125rem;
}
@media (max-width: 1680px) {
  .c0c6827f6440e,
  .cd79ad228c700,
  .c353bdabcff40,
  .c79491b46df55 {
    height: 25px;
  }
}
@keyframes c193ebc275c40 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cadd48b236df1 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cadd48b236df1:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cadd48b236df1 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cadd48b236df1 ::-webkit-scrollbar-track,
.cadd48b236df1 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cadd48b236df1 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cadd48b236df1 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cadd48b236df1 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cadd48b236df1 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cadd48b236df1 ::placeholder,
.cadd48b236df1 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c9cac3db4abab, .cc426c204aaa6, .c5f760b03a19c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c9cac3db4abab svg, .cc426c204aaa6 svg, .c5f760b03a19c svg,
.c9cac3db4abab span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c9cac3db4abab:focus-visible, .cc426c204aaa6:focus-visible, .c5f760b03a19c:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c9cac3db4abab:focus-visible svg, .cc426c204aaa6:focus-visible svg, .c5f760b03a19c:focus-visible svg,
.c9cac3db4abab:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c9cac3db4abab:hover, .cc426c204aaa6:hover, .c5f760b03a19c:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c9cac3db4abab:hover svg, .cc426c204aaa6:hover svg, .c5f760b03a19c:hover svg,
.c9cac3db4abab:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c9cac3db4abab:active, .cc426c204aaa6:active, .c5f760b03a19c:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c9cac3db4abab:active svg, .cc426c204aaa6:active svg, .c5f760b03a19c:active svg,
.c9cac3db4abab:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c9cac3db4abab.disabled, .cc426c204aaa6.disabled, .c5f760b03a19c.disabled, .c9cac3db4abab[disabled], [disabled].cc426c204aaa6, [disabled].c5f760b03a19c, .c9cac3db4abab:disabled, .cc426c204aaa6:disabled, .c5f760b03a19c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4ab389ca6be8, .c4fef18b30f88 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c4ab389ca6be8 svg, .c4fef18b30f88 svg,
.c4ab389ca6be8 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c4ab389ca6be8:focus-visible, .c4fef18b30f88:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4ab389ca6be8:focus-visible svg, .c4fef18b30f88:focus-visible svg,
.c4ab389ca6be8:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4ab389ca6be8:hover, .c4fef18b30f88:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c4ab389ca6be8:hover svg, .c4fef18b30f88:hover svg,
.c4ab389ca6be8:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c4ab389ca6be8:active, .c4fef18b30f88:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c4ab389ca6be8:active svg, .c4fef18b30f88:active svg,
.c4ab389ca6be8:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c4ab389ca6be8.disabled, .c4fef18b30f88.disabled, .c4ab389ca6be8[disabled], [disabled].c4fef18b30f88, .c4ab389ca6be8:disabled, .c4fef18b30f88:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c316d3cdec266 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c316d3cdec266 svg,
.c316d3cdec266 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c316d3cdec266:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c316d3cdec266:focus-visible svg,
.c316d3cdec266:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c316d3cdec266:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c316d3cdec266:hover svg,
.c316d3cdec266:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c316d3cdec266:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c316d3cdec266:active svg,
.c316d3cdec266:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c316d3cdec266.disabled, .c316d3cdec266[disabled], .c316d3cdec266:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c14d4f25755b8, .c0ffd355efd3a button, .c0076be7ba368 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c14d4f25755b8 svg, .c0ffd355efd3a button svg, .c0076be7ba368 svg,
.c14d4f25755b8 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c14d4f25755b8:focus-visible, .c0ffd355efd3a button:focus-visible, .c0076be7ba368:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c14d4f25755b8:focus-visible svg, .c0ffd355efd3a button:focus-visible svg, .c0076be7ba368:focus-visible svg,
.c14d4f25755b8:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c14d4f25755b8:hover, .c0ffd355efd3a button:hover, .c0076be7ba368:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c14d4f25755b8:hover svg, .c0ffd355efd3a button:hover svg, .c0076be7ba368:hover svg,
.c14d4f25755b8:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c14d4f25755b8:active, .c0ffd355efd3a button:active, .c0076be7ba368:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c14d4f25755b8:active svg, .c0ffd355efd3a button:active svg, .c0076be7ba368:active svg,
.c14d4f25755b8:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c14d4f25755b8.disabled, .c0ffd355efd3a button.disabled, .c0076be7ba368.disabled, .c14d4f25755b8[disabled], .c0ffd355efd3a button[disabled], [disabled].c0076be7ba368, .c14d4f25755b8:disabled, .c0ffd355efd3a button:disabled, .c0076be7ba368:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c14d4f25755b8.disabled svg, .c0ffd355efd3a button.disabled svg, .c0076be7ba368.disabled svg,
.c14d4f25755b8.disabled span svg, .c14d4f25755b8[disabled] svg, .c0ffd355efd3a button[disabled] svg, [disabled].c0076be7ba368 svg,
.c14d4f25755b8[disabled] span svg, .c14d4f25755b8:disabled svg, .c0ffd355efd3a button:disabled svg, .c0076be7ba368:disabled svg,
.c14d4f25755b8:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c7ada277eaddd {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c7ada277eaddd svg {
  color: var(--button-icon-foreground-color-selected);
}

.cee22799b3b1e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cee22799b3b1e svg,
.cee22799b3b1e span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cee22799b3b1e:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cee22799b3b1e:focus-visible svg,
.cee22799b3b1e:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cee22799b3b1e:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cee22799b3b1e:hover svg,
.cee22799b3b1e:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cee22799b3b1e:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cee22799b3b1e:active svg,
.cee22799b3b1e:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c0869f43c62a5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cebac6ee9f3b0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfbd5977a987b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cfbd5977a987b:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cfbd5977a987b:focus-visible svg,
.cfbd5977a987b:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cfbd5977a987b:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cfbd5977a987b:active {
  border: none;
  background-color: transparent;
}

.cd743cb40351a, .c0076be7ba368 svg, .c834a544c4dcd, .c038cef6e3483 span svg, .c0ffd355efd3a button svg, .cad1e633943f1.intermediate svg, .c1e10922e9acf label span.intermediate svg, .cad1e633943f1.checked svg, .c1e10922e9acf label span.checked svg, .c9fd4712986c5 span svg, .c6d4b3f72e2eb span svg,
.c9fd4712986c5 label svg,
.c6d4b3f72e2eb label svg, .cb87bb0a8b033 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cd4acf22f50f4 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cd4acf22f50f4:hover {
  fill: none;
  stroke: none;
}

.c834a544c4dcd, .c038cef6e3483 span svg, .c0ffd355efd3a button svg, .cad1e633943f1.intermediate svg, .c1e10922e9acf label span.intermediate svg, .cad1e633943f1.checked svg, .c1e10922e9acf label span.checked svg, .c9fd4712986c5 span svg, .c6d4b3f72e2eb span svg,
.c9fd4712986c5 label svg,
.c6d4b3f72e2eb label svg, .cb87bb0a8b033 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c077648338461 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c077648338461:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c3e115f23a981, .c1453649b8ba6 input, .cc46cecbabd69 input, .c9fd4712986c5 input, .c6d4b3f72e2eb input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c3e115f23a981, .c1453649b8ba6 input, .cc46cecbabd69 input, .c9fd4712986c5 input, .c6d4b3f72e2eb input {
    height: 23px;
  }
}
.c3e115f23a981, .c1453649b8ba6 input, .cc46cecbabd69 input, .c9fd4712986c5 input, .c6d4b3f72e2eb input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c3e115f23a981[disabled], .c1453649b8ba6 input[disabled], .cc46cecbabd69 input[disabled], .c9fd4712986c5 input[disabled], .c6d4b3f72e2eb input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cb87bb0a8b033 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c312d03630cb1, .c9fd4712986c5 span, .c6d4b3f72e2eb span,
.c9fd4712986c5 label,
.c6d4b3f72e2eb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c312d03630cb1, .c9fd4712986c5 span, .c6d4b3f72e2eb span,
  .c9fd4712986c5 label,
  .c6d4b3f72e2eb label {
    height: 25px;
  }
}
.c312d03630cb1, .c9fd4712986c5 span, .c6d4b3f72e2eb span,
.c9fd4712986c5 label,
.c6d4b3f72e2eb label {
  color: var(--input-foreground-color);
}

.c9fd4712986c5, .c6d4b3f72e2eb {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c9fd4712986c5, .c6d4b3f72e2eb {
    height: 25px;
    font-size: 10px;
  }
}
.c9fd4712986c5, .c6d4b3f72e2eb {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c9fd4712986c5 span svg, .c6d4b3f72e2eb span svg,
.c9fd4712986c5 label svg,
.c6d4b3f72e2eb label svg {
  color: var(--input-foreground-color);
}
.c9fd4712986c5 ::-moz-placeholder, .c6d4b3f72e2eb ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c9fd4712986c5 ::placeholder, .c6d4b3f72e2eb ::placeholder {
  color: var(--input-placeholder-color);
}
.c9fd4712986c5:focus-within, .c6d4b3f72e2eb:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c9fd4712986c5:hover, .c6d4b3f72e2eb:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c9fd4712986c5:hover span, .c6d4b3f72e2eb:hover span {
  color: var(--input-foreground-color-hover);
}
.c9fd4712986c5:hover input, .c6d4b3f72e2eb:hover input {
  color: var(--input-foreground-color-hover);
}
.c9fd4712986c5:active, .c6d4b3f72e2eb:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c9fd4712986c5:active span, .c6d4b3f72e2eb:active span {
  color: var(--input-foreground-color-active);
}
.c9fd4712986c5:active input, .c6d4b3f72e2eb:active input {
  color: var(--input-foreground-color-active);
}
.c9fd4712986c5:focus, .c6d4b3f72e2eb:focus, .c9fd4712986c5:focus-within, .c6d4b3f72e2eb:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c9fd4712986c5:focus span, .c6d4b3f72e2eb:focus span, .c9fd4712986c5:focus-within span, .c6d4b3f72e2eb:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c9fd4712986c5:focus input, .c6d4b3f72e2eb:focus input, .c9fd4712986c5:focus-within input, .c6d4b3f72e2eb:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c9fd4712986c5:focus:hover, .c6d4b3f72e2eb:focus:hover, .c9fd4712986c5:focus-within:hover, .c6d4b3f72e2eb:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c9fd4712986c5:focus:hover span, .c6d4b3f72e2eb:focus:hover span, .c9fd4712986c5:focus-within:hover span, .c6d4b3f72e2eb:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c9fd4712986c5:focus:hover input, .c6d4b3f72e2eb:focus:hover input, .c9fd4712986c5:focus-within:hover input, .c6d4b3f72e2eb:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cc46cecbabd69 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cc46cecbabd69 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cc46cecbabd69 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc46cecbabd69 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc46cecbabd69:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cc46cecbabd69:focus-within input, .cc46cecbabd69:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c0f2502108d09, .c1453649b8ba6.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c0f2502108d09 input, .c1453649b8ba6.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c0f2502108d09 span svg, .c1453649b8ba6.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cad1e633943f1, .c1e10922e9acf label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cad1e633943f1 svg, .c1e10922e9acf label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cad1e633943f1:hover, .c1e10922e9acf label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cad1e633943f1:focus, .c1e10922e9acf label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cad1e633943f1.checked, .c1e10922e9acf label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cad1e633943f1.checked svg, .c1e10922e9acf label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cad1e633943f1.intermediate, .c1e10922e9acf label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cad1e633943f1.intermediate svg, .c1e10922e9acf label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cad1e633943f1.unchecked, .c1e10922e9acf label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cad1e633943f1.unchecked svg, .c1e10922e9acf label span.unchecked svg {
  display: none;
}

.c1e10922e9acf {
  display: flex;
  align-items: center;
}
.c1e10922e9acf label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c1e10922e9acf label input {
  margin: 0;
}
.c1e10922e9acf label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c1e10922e9acf label:focus span, .c1e10922e9acf label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c1453649b8ba6 {
  display: flex;
  flex-direction: column;
}
.c1453649b8ba6 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c1453649b8ba6 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c1453649b8ba6 input:focus-within input, .c1453649b8ba6 input:active input {
  color: var(--input-foreground-color-active);
}
.c1453649b8ba6 input:focus-within, .c1453649b8ba6 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1453649b8ba6.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cd9bdd81e2755 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cb5f9375a7e78 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c8a14438974a3 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c0076be7ba368 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c1530dbb93e34 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ca0784dc7e3bc {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c4fef18b30f88 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c5f760b03a19c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc426c204aaa6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cf8dd858ed493 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cf8dd858ed493:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cabeb4a85358d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c808b37ade5fa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c9197dafd278e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c12948b6224c4 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c58fbc55b3868 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c58fbc55b3868:hover, .c58fbc55b3868:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c0ffd355efd3a div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c0ffd355efd3a button {
  display: none;
}
.c0ffd355efd3a button svg {
  stroke: var(--icon-foreground);
}
.c0ffd355efd3a:hover button {
  display: flex;
}

.c62c9c84fb55e {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c62c9c84fb55e .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c62c9c84fb55e .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cc42d7067c066 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cc42d7067c066:hover div {
  color: var(--entry-foreground-color-hover);
}

.cf753ada6cd25 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c741cefff16b6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c741cefff16b6:hover {
  background-color: var(--menu-background-color-hover);
}

.c038cef6e3483 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c038cef6e3483 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c038cef6e3483 span svg {
  stroke: var(--icon-foreground);
}
.c038cef6e3483:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c038cef6e3483:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c2dec4a56c867 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cfcb5cc013e23 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c55ed82685440,
.c6e43ec7a454b {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cde4d8bd25723 .c55ed82685440,
.cde4d8bd25723 .c6e43ec7a454b {
  transform: scale(1);
}

.cecb38208b429 .c55ed82685440,
.cecb38208b429 .c6e43ec7a454b {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.c2b1567a8542b {
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
  position: relative;
  --reorder-left-position: calc(-1 * var(--sp-l));
}
.c2b1567a8542b:hover {
  --reorder-icon-visibility: visible;
}
.c2b1567a8542b.cb6169f2738cc {
  --reorder-top-display: block;
}
.c2b1567a8542b.c56195460e803 {
  --reorder-bottom-display: block;
}

.cd20f973043e2 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
  align-items: center;
}

.c6d4b3f72e2eb {
  grid-column: span 2;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  padding-inline-start: var(--sp-xs);
}

.cdf1a6c5cfd83 {
  grid-column: span 2;
}

.c2d5bd52dd6d5 {
  grid-column: span 3;
}

.c0ffb9cc2993b {
  grid-column: span 3;
}

.c3d1d1d8e9dd9 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}
@keyframes cbe70b5bfefee {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c7e33ec9827c4 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c7e33ec9827c4:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c7e33ec9827c4 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c7e33ec9827c4 ::-webkit-scrollbar-track,
.c7e33ec9827c4 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c7e33ec9827c4 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c7e33ec9827c4 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c7e33ec9827c4 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c7e33ec9827c4 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c7e33ec9827c4 ::placeholder,
.c7e33ec9827c4 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cb64b587277bd, .c9a8c50386bf2, .c506066d93661 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cb64b587277bd svg, .c9a8c50386bf2 svg, .c506066d93661 svg,
.cb64b587277bd span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cb64b587277bd:focus-visible, .c9a8c50386bf2:focus-visible, .c506066d93661:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cb64b587277bd:focus-visible svg, .c9a8c50386bf2:focus-visible svg, .c506066d93661:focus-visible svg,
.cb64b587277bd:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cb64b587277bd:hover, .c9a8c50386bf2:hover, .c506066d93661:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cb64b587277bd:hover svg, .c9a8c50386bf2:hover svg, .c506066d93661:hover svg,
.cb64b587277bd:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cb64b587277bd:active, .c9a8c50386bf2:active, .c506066d93661:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cb64b587277bd:active svg, .c9a8c50386bf2:active svg, .c506066d93661:active svg,
.cb64b587277bd:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cb64b587277bd.disabled, .c9a8c50386bf2.disabled, .c506066d93661.disabled, .cb64b587277bd[disabled], [disabled].c9a8c50386bf2, [disabled].c506066d93661, .cb64b587277bd:disabled, .c9a8c50386bf2:disabled, .c506066d93661:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8a6a8a647703, .cd33ca3540cd8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c8a6a8a647703 svg, .cd33ca3540cd8 svg,
.c8a6a8a647703 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c8a6a8a647703:focus-visible, .cd33ca3540cd8:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8a6a8a647703:focus-visible svg, .cd33ca3540cd8:focus-visible svg,
.c8a6a8a647703:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8a6a8a647703:hover, .cd33ca3540cd8:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c8a6a8a647703:hover svg, .cd33ca3540cd8:hover svg,
.c8a6a8a647703:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c8a6a8a647703:active, .cd33ca3540cd8:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c8a6a8a647703:active svg, .cd33ca3540cd8:active svg,
.c8a6a8a647703:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c8a6a8a647703.disabled, .cd33ca3540cd8.disabled, .c8a6a8a647703[disabled], [disabled].cd33ca3540cd8, .c8a6a8a647703:disabled, .cd33ca3540cd8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7b61a69ce62b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c7b61a69ce62b svg,
.c7b61a69ce62b span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c7b61a69ce62b:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c7b61a69ce62b:focus-visible svg,
.c7b61a69ce62b:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c7b61a69ce62b:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c7b61a69ce62b:hover svg,
.c7b61a69ce62b:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c7b61a69ce62b:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c7b61a69ce62b:active svg,
.c7b61a69ce62b:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c7b61a69ce62b.disabled, .c7b61a69ce62b[disabled], .c7b61a69ce62b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c111dd56dab79, .ccb1d3d59b4e5, .c2d973dd7ec37 button, .c7ee618e1419a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c111dd56dab79 svg, .ccb1d3d59b4e5 svg, .c2d973dd7ec37 button svg, .c7ee618e1419a svg,
.c111dd56dab79 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c111dd56dab79:focus-visible, .ccb1d3d59b4e5:focus-visible, .c2d973dd7ec37 button:focus-visible, .c7ee618e1419a:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c111dd56dab79:focus-visible svg, .ccb1d3d59b4e5:focus-visible svg, .c2d973dd7ec37 button:focus-visible svg, .c7ee618e1419a:focus-visible svg,
.c111dd56dab79:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c111dd56dab79:hover, .ccb1d3d59b4e5:hover, .c2d973dd7ec37 button:hover, .c7ee618e1419a:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c111dd56dab79:hover svg, .ccb1d3d59b4e5:hover svg, .c2d973dd7ec37 button:hover svg, .c7ee618e1419a:hover svg,
.c111dd56dab79:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c111dd56dab79:active, .ccb1d3d59b4e5:active, .c2d973dd7ec37 button:active, .c7ee618e1419a:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c111dd56dab79:active svg, .ccb1d3d59b4e5:active svg, .c2d973dd7ec37 button:active svg, .c7ee618e1419a:active svg,
.c111dd56dab79:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c111dd56dab79.disabled, .ccb1d3d59b4e5.disabled, .c2d973dd7ec37 button.disabled, .c7ee618e1419a.disabled, .c111dd56dab79[disabled], [disabled].ccb1d3d59b4e5, .c2d973dd7ec37 button[disabled], [disabled].c7ee618e1419a, .c111dd56dab79:disabled, .ccb1d3d59b4e5:disabled, .c2d973dd7ec37 button:disabled, .c7ee618e1419a:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c111dd56dab79.disabled svg, .ccb1d3d59b4e5.disabled svg, .c2d973dd7ec37 button.disabled svg, .c7ee618e1419a.disabled svg,
.c111dd56dab79.disabled span svg, .c111dd56dab79[disabled] svg, [disabled].ccb1d3d59b4e5 svg, .c2d973dd7ec37 button[disabled] svg, [disabled].c7ee618e1419a svg,
.c111dd56dab79[disabled] span svg, .c111dd56dab79:disabled svg, .ccb1d3d59b4e5:disabled svg, .c2d973dd7ec37 button:disabled svg, .c7ee618e1419a:disabled svg,
.c111dd56dab79:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c5a41cffd0c67 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c5a41cffd0c67 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c16996e5fdc02 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c16996e5fdc02 svg,
.c16996e5fdc02 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c16996e5fdc02:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c16996e5fdc02:focus-visible svg,
.c16996e5fdc02:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c16996e5fdc02:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c16996e5fdc02:hover svg,
.c16996e5fdc02:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c16996e5fdc02:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c16996e5fdc02:active svg,
.c16996e5fdc02:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ce8e141d6e3a3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c07e76bf1317d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca591ebfcc9aa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ca591ebfcc9aa:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ca591ebfcc9aa:focus-visible svg,
.ca591ebfcc9aa:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ca591ebfcc9aa:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ca591ebfcc9aa:active {
  border: none;
  background-color: transparent;
}

.c80d1879f030a, .ccb1d3d59b4e5 svg, .c7ee618e1419a svg, .c3e5efcb4f314, .c17d3feb9a6ee span svg, .c2d973dd7ec37 button svg, .cabe787244069.intermediate svg, .cb2b85be7a600 label span.intermediate svg, .cabe787244069.checked svg, .cb2b85be7a600 label span.checked svg, .cc426ccbc0716 span svg,
.cc426ccbc0716 label svg, .c9c6f65d92eee svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c6021f497cff7 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c6021f497cff7:hover {
  fill: none;
  stroke: none;
}

.c3e5efcb4f314, .c17d3feb9a6ee span svg, .c2d973dd7ec37 button svg, .cabe787244069.intermediate svg, .cb2b85be7a600 label span.intermediate svg, .cabe787244069.checked svg, .cb2b85be7a600 label span.checked svg, .cc426ccbc0716 span svg,
.cc426ccbc0716 label svg, .c9c6f65d92eee svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ce25737d4558e {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ce25737d4558e:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c48c363d1d353, .c570a368e0c21 input, .cf0fb0ba2e03d input, .cc426ccbc0716 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c48c363d1d353, .c570a368e0c21 input, .cf0fb0ba2e03d input, .cc426ccbc0716 input {
    height: 23px;
  }
}
.c48c363d1d353, .c570a368e0c21 input, .cf0fb0ba2e03d input, .cc426ccbc0716 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c48c363d1d353[disabled], .c570a368e0c21 input[disabled], .cf0fb0ba2e03d input[disabled], .cc426ccbc0716 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c9c6f65d92eee {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cd54afc030b7a, .cc426ccbc0716 span,
.cc426ccbc0716 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd54afc030b7a, .cc426ccbc0716 span,
  .cc426ccbc0716 label {
    height: 25px;
  }
}
.cd54afc030b7a, .cc426ccbc0716 span,
.cc426ccbc0716 label {
  color: var(--input-foreground-color);
}

.cc426ccbc0716 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc426ccbc0716 {
    height: 25px;
    font-size: 10px;
  }
}
.cc426ccbc0716 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cc426ccbc0716 span svg,
.cc426ccbc0716 label svg {
  color: var(--input-foreground-color);
}
.cc426ccbc0716 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cc426ccbc0716 ::placeholder {
  color: var(--input-placeholder-color);
}
.cc426ccbc0716:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc426ccbc0716:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cc426ccbc0716:hover span {
  color: var(--input-foreground-color-hover);
}
.cc426ccbc0716:hover input {
  color: var(--input-foreground-color-hover);
}
.cc426ccbc0716:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cc426ccbc0716:active span {
  color: var(--input-foreground-color-active);
}
.cc426ccbc0716:active input {
  color: var(--input-foreground-color-active);
}
.cc426ccbc0716:focus, .cc426ccbc0716:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc426ccbc0716:focus span, .cc426ccbc0716:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cc426ccbc0716:focus input, .cc426ccbc0716:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cc426ccbc0716:focus:hover, .cc426ccbc0716:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc426ccbc0716:focus:hover span, .cc426ccbc0716:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cc426ccbc0716:focus:hover input, .cc426ccbc0716:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cf0fb0ba2e03d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cf0fb0ba2e03d input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cf0fb0ba2e03d ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cf0fb0ba2e03d ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cf0fb0ba2e03d:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cf0fb0ba2e03d:focus-within input, .cf0fb0ba2e03d:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cc2c79bdea267, .c570a368e0c21.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cc2c79bdea267 input, .c570a368e0c21.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cc2c79bdea267 span svg, .c570a368e0c21.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cabe787244069, .cb2b85be7a600 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cabe787244069 svg, .cb2b85be7a600 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cabe787244069:hover, .cb2b85be7a600 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cabe787244069:focus, .cb2b85be7a600 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cabe787244069.checked, .cb2b85be7a600 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cabe787244069.checked svg, .cb2b85be7a600 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cabe787244069.intermediate, .cb2b85be7a600 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cabe787244069.intermediate svg, .cb2b85be7a600 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cabe787244069.unchecked, .cb2b85be7a600 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cabe787244069.unchecked svg, .cb2b85be7a600 label span.unchecked svg {
  display: none;
}

.cb2b85be7a600 {
  display: flex;
  align-items: center;
}
.cb2b85be7a600 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cb2b85be7a600 label input {
  margin: 0;
}
.cb2b85be7a600 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb2b85be7a600 label:focus span, .cb2b85be7a600 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c570a368e0c21 {
  display: flex;
  flex-direction: column;
}
.c570a368e0c21 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c570a368e0c21 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c570a368e0c21 input:focus-within input, .c570a368e0c21 input:active input {
  color: var(--input-foreground-color-active);
}
.c570a368e0c21 input:focus-within, .c570a368e0c21 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c570a368e0c21.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c8926d27ad5f8 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c7668d05daec7 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ce04a4187c4b9 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c7ee618e1419a {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cd8bd13c5db1f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c584a1e911b49 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cd33ca3540cd8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c506066d93661 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c9a8c50386bf2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cefa5e7bf2171 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cefa5e7bf2171:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ce8a41723efc8 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c7d4e56dec164 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c3d3f6bce447f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c969d0551c2af {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c2e5adf1f9551 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c2e5adf1f9551:hover, .c2e5adf1f9551:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c2d973dd7ec37 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c2d973dd7ec37 button {
  display: none;
}
.c2d973dd7ec37 button svg {
  stroke: var(--icon-foreground);
}
.c2d973dd7ec37:hover button {
  display: flex;
}

.ccf260f936080 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ccf260f936080 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ccf260f936080 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c4ebb211363c8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c4ebb211363c8:hover div {
  color: var(--entry-foreground-color-hover);
}

.cd8fcbecc204e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cb85c5d886f98 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cb85c5d886f98:hover {
  background-color: var(--menu-background-color-hover);
}

.c17d3feb9a6ee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c17d3feb9a6ee span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c17d3feb9a6ee span svg {
  stroke: var(--icon-foreground);
}
.c17d3feb9a6ee:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c17d3feb9a6ee:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c6bada7e093af {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c94f545b0aa49 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cf59d4da918e7,
.ce6d57167f041 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cfc792e3db790 .cf59d4da918e7,
.cfc792e3db790 .ce6d57167f041 {
  transform: scale(1);
}

.ccaec581e4092 .cf59d4da918e7,
.ccaec581e4092 .ce6d57167f041 {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.ccc192178381c {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
  height: 1.875rem;
}

.cac0e3adb9292,
.c00f4697ed40e {
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
  justify-items: center;
}

.cac0e3adb9292 {
  grid-column: 1/span 4;
}

.c00f4697ed40e {
  grid-column: 5/span 4;
}

.ccb1d3d59b4e5 {
  height: 1.875rem;
  width: 1.875rem;
  padding: 0;
  border-radius: 8px;
}
.ccb1d3d59b4e5 svg {
  width: 1.28125rem;
  height: 1.28125rem;
  color: var(--color-foreground-secondary);
}
@media (max-width: 1680px) {
  .ccb1d3d59b4e5 svg {
    width: 1rem;
    height: 1rem;
  }
}
.ccb1d3d59b4e5:hover:not(.c9073e98a2116) {
  background-color: var(--color-background-quaternary);
}
.ccb1d3d59b4e5:hover:not(.c9073e98a2116) svg {
  color: var(--color-accent-primary);
}
.ccb1d3d59b4e5:active:not(.c9073e98a2116) {
  background-color: var(--color-background-quaternary);
}
.ccb1d3d59b4e5:active:not(.c9073e98a2116) svg {
  color: var(--color-accent-primary);
}
.ccb1d3d59b4e5.c9073e98a2116 {
  cursor: default;
}
.ccb1d3d59b4e5.c9073e98a2116 svg {
  color: var(--button-foreground-color-disabled);
}
.ccb1d3d59b4e5.c9073e98a2116:hover {
  background-color: transparent;
}
.ccb1d3d59b4e5.c9073e98a2116:hover svg {
  color: var(--button-foreground-color-disabled);
}

@media (max-width: 1680px) {
  .ccc192178381c {
    height: 25px;
  }
  .ccb1d3d59b4e5 {
    height: 25px;
    width: 25px;
  }
}
.ccb1d3d59b4e5 svg {
  color: var(--color-foreground-secondary);
}
.ccb1d3d59b4e5:hover:not(.c9073e98a2116) svg {
  color: var(--color-accent-primary);
}
.ccb1d3d59b4e5:active:not(.c9073e98a2116) svg {
  color: var(--color-accent-primary);
}
.ccb1d3d59b4e5.c9073e98a2116 svg {
  color: var(--button-foreground-color-disabled);
}
.ccb1d3d59b4e5.c9073e98a2116:hover svg {
  color: var(--button-foreground-color-disabled);
}
@keyframes cd5c0e418ecf3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c2eca55b6c6c4 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c2eca55b6c6c4:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c2eca55b6c6c4 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c2eca55b6c6c4 ::-webkit-scrollbar-track,
.c2eca55b6c6c4 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c2eca55b6c6c4 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c2eca55b6c6c4 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c2eca55b6c6c4 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2eca55b6c6c4 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2eca55b6c6c4 ::placeholder,
.c2eca55b6c6c4 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c4b13a58bc4f0, .c8b35bb7cdbcf, .ccca30b1fe43d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c4b13a58bc4f0 svg, .c8b35bb7cdbcf svg, .ccca30b1fe43d svg,
.c4b13a58bc4f0 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c4b13a58bc4f0:focus-visible, .c8b35bb7cdbcf:focus-visible, .ccca30b1fe43d:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c4b13a58bc4f0:focus-visible svg, .c8b35bb7cdbcf:focus-visible svg, .ccca30b1fe43d:focus-visible svg,
.c4b13a58bc4f0:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c4b13a58bc4f0:hover, .c8b35bb7cdbcf:hover, .ccca30b1fe43d:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c4b13a58bc4f0:hover svg, .c8b35bb7cdbcf:hover svg, .ccca30b1fe43d:hover svg,
.c4b13a58bc4f0:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c4b13a58bc4f0:active, .c8b35bb7cdbcf:active, .ccca30b1fe43d:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c4b13a58bc4f0:active svg, .c8b35bb7cdbcf:active svg, .ccca30b1fe43d:active svg,
.c4b13a58bc4f0:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c4b13a58bc4f0.disabled, .c8b35bb7cdbcf.disabled, .ccca30b1fe43d.disabled, .c4b13a58bc4f0[disabled], [disabled].c8b35bb7cdbcf, [disabled].ccca30b1fe43d, .c4b13a58bc4f0:disabled, .c8b35bb7cdbcf:disabled, .ccca30b1fe43d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0408dc97ce8a, .cc63b25cf0d7f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c0408dc97ce8a svg, .cc63b25cf0d7f svg,
.c0408dc97ce8a span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c0408dc97ce8a:focus-visible, .cc63b25cf0d7f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c0408dc97ce8a:focus-visible svg, .cc63b25cf0d7f:focus-visible svg,
.c0408dc97ce8a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c0408dc97ce8a:hover, .cc63b25cf0d7f:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c0408dc97ce8a:hover svg, .cc63b25cf0d7f:hover svg,
.c0408dc97ce8a:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c0408dc97ce8a:active, .cc63b25cf0d7f:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c0408dc97ce8a:active svg, .cc63b25cf0d7f:active svg,
.c0408dc97ce8a:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c0408dc97ce8a.disabled, .cc63b25cf0d7f.disabled, .c0408dc97ce8a[disabled], [disabled].cc63b25cf0d7f, .c0408dc97ce8a:disabled, .cc63b25cf0d7f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cad4655ce0b40 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cad4655ce0b40 svg,
.cad4655ce0b40 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cad4655ce0b40:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cad4655ce0b40:focus-visible svg,
.cad4655ce0b40:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cad4655ce0b40:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cad4655ce0b40:hover svg,
.cad4655ce0b40:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cad4655ce0b40:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cad4655ce0b40:active svg,
.cad4655ce0b40:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cad4655ce0b40.disabled, .cad4655ce0b40[disabled], .cad4655ce0b40:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2de61f4cdc39, .cd716f061ab3b button, .c62f750ee3fa3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c2de61f4cdc39 svg, .cd716f061ab3b button svg, .c62f750ee3fa3 svg,
.c2de61f4cdc39 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c2de61f4cdc39:focus-visible, .cd716f061ab3b button:focus-visible, .c62f750ee3fa3:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c2de61f4cdc39:focus-visible svg, .cd716f061ab3b button:focus-visible svg, .c62f750ee3fa3:focus-visible svg,
.c2de61f4cdc39:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c2de61f4cdc39:hover, .cd716f061ab3b button:hover, .c62f750ee3fa3:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c2de61f4cdc39:hover svg, .cd716f061ab3b button:hover svg, .c62f750ee3fa3:hover svg,
.c2de61f4cdc39:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c2de61f4cdc39:active, .cd716f061ab3b button:active, .c62f750ee3fa3:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c2de61f4cdc39:active svg, .cd716f061ab3b button:active svg, .c62f750ee3fa3:active svg,
.c2de61f4cdc39:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c2de61f4cdc39.disabled, .cd716f061ab3b button.disabled, .c62f750ee3fa3.disabled, .c2de61f4cdc39[disabled], .cd716f061ab3b button[disabled], [disabled].c62f750ee3fa3, .c2de61f4cdc39:disabled, .cd716f061ab3b button:disabled, .c62f750ee3fa3:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c2de61f4cdc39.disabled svg, .cd716f061ab3b button.disabled svg, .c62f750ee3fa3.disabled svg,
.c2de61f4cdc39.disabled span svg, .c2de61f4cdc39[disabled] svg, .cd716f061ab3b button[disabled] svg, [disabled].c62f750ee3fa3 svg,
.c2de61f4cdc39[disabled] span svg, .c2de61f4cdc39:disabled svg, .cd716f061ab3b button:disabled svg, .c62f750ee3fa3:disabled svg,
.c2de61f4cdc39:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c5037fa84e247 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c5037fa84e247 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c13e39e091737 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c13e39e091737 svg,
.c13e39e091737 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c13e39e091737:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c13e39e091737:focus-visible svg,
.c13e39e091737:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c13e39e091737:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c13e39e091737:hover svg,
.c13e39e091737:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c13e39e091737:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c13e39e091737:active svg,
.c13e39e091737:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c8b1a3f6e3c3a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c31eeac37a0ed {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c24a9a0f9ddb8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c24a9a0f9ddb8:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c24a9a0f9ddb8:focus-visible svg,
.c24a9a0f9ddb8:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c24a9a0f9ddb8:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c24a9a0f9ddb8:active {
  border: none;
  background-color: transparent;
}

.c9f0fabbf5db4, .c62f750ee3fa3 svg, .c293cf4116933, .c10a75e0293a9 span svg, .cd716f061ab3b button svg, .c59d3ce2fe4b5.intermediate svg, .c8be860ef20da label span.intermediate svg, .c59d3ce2fe4b5.checked svg, .c8be860ef20da label span.checked svg, .c6cd2083ea492 span svg, .c8624a5cf7ac2 span svg,
.c6cd2083ea492 label svg,
.c8624a5cf7ac2 label svg, .c08e158e03484 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cf8971d7d5288 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cf8971d7d5288:hover {
  fill: none;
  stroke: none;
}

.c293cf4116933, .c10a75e0293a9 span svg, .cd716f061ab3b button svg, .c59d3ce2fe4b5.intermediate svg, .c8be860ef20da label span.intermediate svg, .c59d3ce2fe4b5.checked svg, .c8be860ef20da label span.checked svg, .c6cd2083ea492 span svg, .c8624a5cf7ac2 span svg,
.c6cd2083ea492 label svg,
.c8624a5cf7ac2 label svg, .c08e158e03484 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c51e5c09fb860 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c51e5c09fb860:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cbea2cf4b75fc, .c3998f2fabd9a input, .c49de93825f82 input, .c6cd2083ea492 input, .c8624a5cf7ac2 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cbea2cf4b75fc, .c3998f2fabd9a input, .c49de93825f82 input, .c6cd2083ea492 input, .c8624a5cf7ac2 input {
    height: 23px;
  }
}
.cbea2cf4b75fc, .c3998f2fabd9a input, .c49de93825f82 input, .c6cd2083ea492 input, .c8624a5cf7ac2 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cbea2cf4b75fc[disabled], .c3998f2fabd9a input[disabled], .c49de93825f82 input[disabled], .c6cd2083ea492 input[disabled], .c8624a5cf7ac2 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c08e158e03484 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cf105eec62f26, .c6cd2083ea492 span, .c8624a5cf7ac2 span,
.c6cd2083ea492 label,
.c8624a5cf7ac2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf105eec62f26, .c6cd2083ea492 span, .c8624a5cf7ac2 span,
  .c6cd2083ea492 label,
  .c8624a5cf7ac2 label {
    height: 25px;
  }
}
.cf105eec62f26, .c6cd2083ea492 span, .c8624a5cf7ac2 span,
.c6cd2083ea492 label,
.c8624a5cf7ac2 label {
  color: var(--input-foreground-color);
}

.c6cd2083ea492, .c8624a5cf7ac2 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6cd2083ea492, .c8624a5cf7ac2 {
    height: 25px;
    font-size: 10px;
  }
}
.c6cd2083ea492, .c8624a5cf7ac2 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c6cd2083ea492 span svg, .c8624a5cf7ac2 span svg,
.c6cd2083ea492 label svg,
.c8624a5cf7ac2 label svg {
  color: var(--input-foreground-color);
}
.c6cd2083ea492 ::-moz-placeholder, .c8624a5cf7ac2 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c6cd2083ea492 ::placeholder, .c8624a5cf7ac2 ::placeholder {
  color: var(--input-placeholder-color);
}
.c6cd2083ea492:focus-within, .c8624a5cf7ac2:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c6cd2083ea492:hover, .c8624a5cf7ac2:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c6cd2083ea492:hover span, .c8624a5cf7ac2:hover span {
  color: var(--input-foreground-color-hover);
}
.c6cd2083ea492:hover input, .c8624a5cf7ac2:hover input {
  color: var(--input-foreground-color-hover);
}
.c6cd2083ea492:active, .c8624a5cf7ac2:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c6cd2083ea492:active span, .c8624a5cf7ac2:active span {
  color: var(--input-foreground-color-active);
}
.c6cd2083ea492:active input, .c8624a5cf7ac2:active input {
  color: var(--input-foreground-color-active);
}
.c6cd2083ea492:focus, .c8624a5cf7ac2:focus, .c6cd2083ea492:focus-within, .c8624a5cf7ac2:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6cd2083ea492:focus span, .c8624a5cf7ac2:focus span, .c6cd2083ea492:focus-within span, .c8624a5cf7ac2:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c6cd2083ea492:focus input, .c8624a5cf7ac2:focus input, .c6cd2083ea492:focus-within input, .c8624a5cf7ac2:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c6cd2083ea492:focus:hover, .c8624a5cf7ac2:focus:hover, .c6cd2083ea492:focus-within:hover, .c8624a5cf7ac2:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6cd2083ea492:focus:hover span, .c8624a5cf7ac2:focus:hover span, .c6cd2083ea492:focus-within:hover span, .c8624a5cf7ac2:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c6cd2083ea492:focus:hover input, .c8624a5cf7ac2:focus:hover input, .c6cd2083ea492:focus-within:hover input, .c8624a5cf7ac2:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c49de93825f82 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c49de93825f82 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c49de93825f82 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c49de93825f82 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c49de93825f82:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c49de93825f82:focus-within input, .c49de93825f82:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c3ac0109224e0, .c3998f2fabd9a.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c3ac0109224e0 input, .c3998f2fabd9a.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c3ac0109224e0 span svg, .c3998f2fabd9a.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c59d3ce2fe4b5, .c8be860ef20da label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c59d3ce2fe4b5 svg, .c8be860ef20da label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c59d3ce2fe4b5:hover, .c8be860ef20da label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c59d3ce2fe4b5:focus, .c8be860ef20da label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c59d3ce2fe4b5.checked, .c8be860ef20da label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c59d3ce2fe4b5.checked svg, .c8be860ef20da label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c59d3ce2fe4b5.intermediate, .c8be860ef20da label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c59d3ce2fe4b5.intermediate svg, .c8be860ef20da label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c59d3ce2fe4b5.unchecked, .c8be860ef20da label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c59d3ce2fe4b5.unchecked svg, .c8be860ef20da label span.unchecked svg {
  display: none;
}

.c8be860ef20da {
  display: flex;
  align-items: center;
}
.c8be860ef20da label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c8be860ef20da label input {
  margin: 0;
}
.c8be860ef20da label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8be860ef20da label:focus span, .c8be860ef20da label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c3998f2fabd9a {
  display: flex;
  flex-direction: column;
}
.c3998f2fabd9a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c3998f2fabd9a input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c3998f2fabd9a input:focus-within input, .c3998f2fabd9a input:active input {
  color: var(--input-foreground-color-active);
}
.c3998f2fabd9a input:focus-within, .c3998f2fabd9a input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3998f2fabd9a.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cdb48b379b677 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c8fd6a72644cc {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cdebb2dc9d661 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c62f750ee3fa3 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cc9d40b7b0dc3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c2500b134b1c8 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cc63b25cf0d7f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ccca30b1fe43d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c8b35bb7cdbcf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce13443b1e331 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce13443b1e331:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c00c50af9ab15 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ca106f8649b8e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c6b44a220c60b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cc75aded4662d {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cf2f4e126e6ef {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cf2f4e126e6ef:hover, .cf2f4e126e6ef:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cd716f061ab3b div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cd716f061ab3b button {
  display: none;
}
.cd716f061ab3b button svg {
  stroke: var(--icon-foreground);
}
.cd716f061ab3b:hover button {
  display: flex;
}

.c4ac92f19d250 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c4ac92f19d250 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c4ac92f19d250 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cd99e23130e4b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cd99e23130e4b:hover div {
  color: var(--entry-foreground-color-hover);
}

.caacc52f25ee8 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cae2a24ef9cd9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cae2a24ef9cd9:hover {
  background-color: var(--menu-background-color-hover);
}

.c10a75e0293a9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c10a75e0293a9 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c10a75e0293a9 span svg {
  stroke: var(--icon-foreground);
}
.c10a75e0293a9:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c10a75e0293a9:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cb4f5d46777c2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c764c0da1e8ac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ce385d3f0790d,
.ce966f98d9cb6 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c82e1ed1cb5a4 .ce385d3f0790d,
.c82e1ed1cb5a4 .ce966f98d9cb6 {
  transform: scale(1);
}

.c0029820be56b .ce385d3f0790d,
.c0029820be56b .ce966f98d9cb6 {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.c3a67d341d90c {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.c2aac9baabb1f {
  grid-column: span 8;
}

.c16c4347b4b1d {
  padding-left: 0.125rem;
  margin: 0;
}

.ca0aa83a16cab {
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
}

.c1430403f272a {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}
.c1430403f272a.cf33bafa8c977 .cf0ede50f875e {
  opacity: 0.4;
  pointer-events: none;
}

.c74d2ee386f5a {
  grid-column: span 6;
  display: flex;
  align-items: center;
  gap: 0.0625rem;
}

.c7ae742167c41 {
  border-radius: 0.5rem 0 0 0.5rem;
  --button-bg-color: var(--menu-background-color);
  --button-hover-bg-color: var(--menu-background-color-hover);
}
.c7ae742167c41.cc872ee7e0353 {
  --button-bg-color: var(--color-background-quaternary);
  --button-fg-color: var(--color-accent-primary);
}

.cf0ede50f875e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  flex-grow: 1;
  block-size: 1.875rem;
  display: flex;
  align-items: center;
  padding-inline-start: var(--sp-9);
  border-radius: 0 0.5rem 0.5rem 0;
  background-color: var(--input-background-color);
  color: var(--color-foreground-secondary);
}

.c2c427d5b4df4 {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
}

.c6da2bdd7edd8 {
  --button-fg-color: #535353;
}

@media (max-width: 1680px) {
  .cf0ede50f875e {
    block-size: 25px;
  }
}
.c8624a5cf7ac2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  inline-size: 6.875rem;
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

@keyframes c021cf06561d0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c9277af916f6e {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c9277af916f6e:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c9277af916f6e ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c9277af916f6e ::-webkit-scrollbar-track,
.c9277af916f6e ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c9277af916f6e ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c9277af916f6e ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c9277af916f6e ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9277af916f6e ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9277af916f6e ::placeholder,
.c9277af916f6e ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c7c893dcd5700, .ca99ffe1c9482, .c48ba6bcb8900 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c7c893dcd5700 svg, .ca99ffe1c9482 svg, .c48ba6bcb8900 svg,
.c7c893dcd5700 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c7c893dcd5700:focus-visible, .ca99ffe1c9482:focus-visible, .c48ba6bcb8900:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c7c893dcd5700:focus-visible svg, .ca99ffe1c9482:focus-visible svg, .c48ba6bcb8900:focus-visible svg,
.c7c893dcd5700:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c7c893dcd5700:hover, .ca99ffe1c9482:hover, .c48ba6bcb8900:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c7c893dcd5700:hover svg, .ca99ffe1c9482:hover svg, .c48ba6bcb8900:hover svg,
.c7c893dcd5700:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c7c893dcd5700:active, .ca99ffe1c9482:active, .c48ba6bcb8900:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c7c893dcd5700:active svg, .ca99ffe1c9482:active svg, .c48ba6bcb8900:active svg,
.c7c893dcd5700:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c7c893dcd5700.disabled, .ca99ffe1c9482.disabled, .c48ba6bcb8900.disabled, .c7c893dcd5700[disabled], [disabled].ca99ffe1c9482, [disabled].c48ba6bcb8900, .c7c893dcd5700:disabled, .ca99ffe1c9482:disabled, .c48ba6bcb8900:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca0776422e13c, .cbe3a9e386938 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ca0776422e13c svg, .cbe3a9e386938 svg,
.ca0776422e13c span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ca0776422e13c:focus-visible, .cbe3a9e386938:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca0776422e13c:focus-visible svg, .cbe3a9e386938:focus-visible svg,
.ca0776422e13c:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca0776422e13c:hover, .cbe3a9e386938:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ca0776422e13c:hover svg, .cbe3a9e386938:hover svg,
.ca0776422e13c:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ca0776422e13c:active, .cbe3a9e386938:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ca0776422e13c:active svg, .cbe3a9e386938:active svg,
.ca0776422e13c:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ca0776422e13c.disabled, .cbe3a9e386938.disabled, .ca0776422e13c[disabled], [disabled].cbe3a9e386938, .ca0776422e13c:disabled, .cbe3a9e386938:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1d84cff8db72 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c1d84cff8db72 svg,
.c1d84cff8db72 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c1d84cff8db72:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c1d84cff8db72:focus-visible svg,
.c1d84cff8db72:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c1d84cff8db72:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c1d84cff8db72:hover svg,
.c1d84cff8db72:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c1d84cff8db72:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c1d84cff8db72:active svg,
.c1d84cff8db72:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c1d84cff8db72.disabled, .c1d84cff8db72[disabled], .c1d84cff8db72:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf9edae02f2d7, .c2c4321694257, .ccd1d294883bd button, .cd85c338235c5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cf9edae02f2d7 svg, .c2c4321694257 svg, .ccd1d294883bd button svg, .cd85c338235c5 svg,
.cf9edae02f2d7 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cf9edae02f2d7:focus-visible, .c2c4321694257:focus-visible, .ccd1d294883bd button:focus-visible, .cd85c338235c5:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cf9edae02f2d7:focus-visible svg, .c2c4321694257:focus-visible svg, .ccd1d294883bd button:focus-visible svg, .cd85c338235c5:focus-visible svg,
.cf9edae02f2d7:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cf9edae02f2d7:hover, .c2c4321694257:hover, .ccd1d294883bd button:hover, .cd85c338235c5:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cf9edae02f2d7:hover svg, .c2c4321694257:hover svg, .ccd1d294883bd button:hover svg, .cd85c338235c5:hover svg,
.cf9edae02f2d7:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cf9edae02f2d7:active, .c2c4321694257:active, .ccd1d294883bd button:active, .cd85c338235c5:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cf9edae02f2d7:active svg, .c2c4321694257:active svg, .ccd1d294883bd button:active svg, .cd85c338235c5:active svg,
.cf9edae02f2d7:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cf9edae02f2d7.disabled, .c2c4321694257.disabled, .ccd1d294883bd button.disabled, .cd85c338235c5.disabled, .cf9edae02f2d7[disabled], [disabled].c2c4321694257, .ccd1d294883bd button[disabled], [disabled].cd85c338235c5, .cf9edae02f2d7:disabled, .c2c4321694257:disabled, .ccd1d294883bd button:disabled, .cd85c338235c5:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cf9edae02f2d7.disabled svg, .c2c4321694257.disabled svg, .ccd1d294883bd button.disabled svg, .cd85c338235c5.disabled svg,
.cf9edae02f2d7.disabled span svg, .cf9edae02f2d7[disabled] svg, [disabled].c2c4321694257 svg, .ccd1d294883bd button[disabled] svg, [disabled].cd85c338235c5 svg,
.cf9edae02f2d7[disabled] span svg, .cf9edae02f2d7:disabled svg, .c2c4321694257:disabled svg, .ccd1d294883bd button:disabled svg, .cd85c338235c5:disabled svg,
.cf9edae02f2d7:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c601a8462b81d {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c601a8462b81d svg {
  color: var(--button-icon-foreground-color-selected);
}

.cf42fe96cc477 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cf42fe96cc477 svg,
.cf42fe96cc477 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cf42fe96cc477:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cf42fe96cc477:focus-visible svg,
.cf42fe96cc477:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cf42fe96cc477:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cf42fe96cc477:hover svg,
.cf42fe96cc477:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cf42fe96cc477:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cf42fe96cc477:active svg,
.cf42fe96cc477:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cacc7a22436bc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7aa58a2ab8de {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd96630729638 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cd96630729638:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cd96630729638:focus-visible svg,
.cd96630729638:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cd96630729638:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cd96630729638:active {
  border: none;
  background-color: transparent;
}

.c146cdb72a06a, .ce9227fa9ae3d, .cd85c338235c5 svg, .c9cb3bdd7fd55, .c7ae65f48d46a span svg, .ccd1d294883bd button svg, .c8b1cc8990002.intermediate svg, .c73b3777945fc label span.intermediate svg, .c8b1cc8990002.checked svg, .c73b3777945fc label span.checked svg, .c15b17dc983af span svg,
.c15b17dc983af label svg, .cc2974a4e5700 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c4f65671b95f6 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c4f65671b95f6:hover {
  fill: none;
  stroke: none;
}

.c9cb3bdd7fd55, .c7ae65f48d46a span svg, .ccd1d294883bd button svg, .c8b1cc8990002.intermediate svg, .c73b3777945fc label span.intermediate svg, .c8b1cc8990002.checked svg, .c73b3777945fc label span.checked svg, .c15b17dc983af span svg,
.c15b17dc983af label svg, .cc2974a4e5700 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ce01e35631e8b {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ce01e35631e8b:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c4fbd14fac6c7, .c3d8b24317e2e input, .c49e436be22c6 input, .c15b17dc983af input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c4fbd14fac6c7, .c3d8b24317e2e input, .c49e436be22c6 input, .c15b17dc983af input {
    height: 23px;
  }
}
.c4fbd14fac6c7, .c3d8b24317e2e input, .c49e436be22c6 input, .c15b17dc983af input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c4fbd14fac6c7[disabled], .c3d8b24317e2e input[disabled], .c49e436be22c6 input[disabled], .c15b17dc983af input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cc2974a4e5700 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c5261a829d108, .c15b17dc983af span,
.c15b17dc983af label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c5261a829d108, .c15b17dc983af span,
  .c15b17dc983af label {
    height: 25px;
  }
}
.c5261a829d108, .c15b17dc983af span,
.c15b17dc983af label {
  color: var(--input-foreground-color);
}

.c15b17dc983af {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c15b17dc983af {
    height: 25px;
    font-size: 10px;
  }
}
.c15b17dc983af {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c15b17dc983af span svg,
.c15b17dc983af label svg {
  color: var(--input-foreground-color);
}
.c15b17dc983af ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c15b17dc983af ::placeholder {
  color: var(--input-placeholder-color);
}
.c15b17dc983af:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c15b17dc983af:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c15b17dc983af:hover span {
  color: var(--input-foreground-color-hover);
}
.c15b17dc983af:hover input {
  color: var(--input-foreground-color-hover);
}
.c15b17dc983af:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c15b17dc983af:active span {
  color: var(--input-foreground-color-active);
}
.c15b17dc983af:active input {
  color: var(--input-foreground-color-active);
}
.c15b17dc983af:focus, .c15b17dc983af:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c15b17dc983af:focus span, .c15b17dc983af:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c15b17dc983af:focus input, .c15b17dc983af:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c15b17dc983af:focus:hover, .c15b17dc983af:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c15b17dc983af:focus:hover span, .c15b17dc983af:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c15b17dc983af:focus:hover input, .c15b17dc983af:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c49e436be22c6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c49e436be22c6 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c49e436be22c6 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c49e436be22c6 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c49e436be22c6:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c49e436be22c6:focus-within input, .c49e436be22c6:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c956c458743fb, .c3d8b24317e2e.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c956c458743fb input, .c3d8b24317e2e.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c956c458743fb span svg, .c3d8b24317e2e.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c8b1cc8990002, .c73b3777945fc label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c8b1cc8990002 svg, .c73b3777945fc label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c8b1cc8990002:hover, .c73b3777945fc label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8b1cc8990002:focus, .c73b3777945fc label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c8b1cc8990002.checked, .c73b3777945fc label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c8b1cc8990002.checked svg, .c73b3777945fc label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c8b1cc8990002.intermediate, .c73b3777945fc label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c8b1cc8990002.intermediate svg, .c73b3777945fc label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c8b1cc8990002.unchecked, .c73b3777945fc label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c8b1cc8990002.unchecked svg, .c73b3777945fc label span.unchecked svg {
  display: none;
}

.c73b3777945fc {
  display: flex;
  align-items: center;
}
.c73b3777945fc label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c73b3777945fc label input {
  margin: 0;
}
.c73b3777945fc label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c73b3777945fc label:focus span, .c73b3777945fc label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c3d8b24317e2e {
  display: flex;
  flex-direction: column;
}
.c3d8b24317e2e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c3d8b24317e2e input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c3d8b24317e2e input:focus-within input, .c3d8b24317e2e input:active input {
  color: var(--input-foreground-color-active);
}
.c3d8b24317e2e input:focus-within, .c3d8b24317e2e input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3d8b24317e2e.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c9771c1d3a832 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c63c6680bb742 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cb09d9b1ee9f3 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd85c338235c5 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c87fddd90735d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c902157e1d954 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cbe3a9e386938 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c48ba6bcb8900 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ca99ffe1c9482 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c390ddea61285 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c390ddea61285:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cba737a8e3b5d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ce28eb8556c80 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c67a898ea653b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cb2672ea8cb8a {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c82842f1f643f {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c82842f1f643f:hover, .c82842f1f643f:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ccd1d294883bd div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ccd1d294883bd button {
  display: none;
}
.ccd1d294883bd button svg {
  stroke: var(--icon-foreground);
}
.ccd1d294883bd:hover button {
  display: flex;
}

.c2597d76bd112 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c2597d76bd112 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c2597d76bd112 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c24d80809427c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c24d80809427c:hover div {
  color: var(--entry-foreground-color-hover);
}

.c10a54a510dab {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c8bb6a782b023 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c8bb6a782b023:hover {
  background-color: var(--menu-background-color-hover);
}

.c7ae65f48d46a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c7ae65f48d46a span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c7ae65f48d46a span svg {
  stroke: var(--icon-foreground);
}
.c7ae65f48d46a:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c7ae65f48d46a:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c7e91dfc8a143 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c9ae95b1fcb07 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c1f99883a042d,
.cca28144edced {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c47cc3a7c77fb .c1f99883a042d,
.c47cc3a7c77fb .cca28144edced {
  transform: scale(1);
}

.c0a84afe8a0fd .c1f99883a042d,
.c0a84afe8a0fd .cca28144edced {
  transform: scale(0);
}

.c5501ca105e88 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
  height: var(--sp-xxxl);
}
@media (max-width: 1680px) {
  .c5501ca105e88 {
    height: 1.5625rem;
  }
}

.cf70c68665c7d {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/span 4;
}

.c2c4321694257 {
  height: 1.875rem;
  width: 1.875rem;
  border-radius: 8px;
  grid-column: 5/span 1;
  --flatten-icon-foreground-color: var(--color-foreground-secondary);
}
.c2c4321694257 svg {
  color: var(--flatten-icon-foreground-color);
}
.c2c4321694257:hover:not(.c52ccdb90cbbd) {
  background-color: var(--color-background-quaternary);
  --flatten-icon-foreground-color: var(--color-accent-primary);
}
.c2c4321694257.c52ccdb90cbbd {
  cursor: default;
  --flatten-icon-foreground-color: var(--button-foreground-color-disabled);
}
.c2c4321694257.c52ccdb90cbbd:hover {
  background-color: transparent;
  --flatten-icon-foreground-color: var(--button-foreground-color-disabled);
}

.ce9227fa9ae3d {
  width: 1.28125rem;
  height: 1.28125rem;
  color: var(--flatten-icon-foreground-color);
  stroke: none;
}
@media (max-width: 1680px) {
  .ce9227fa9ae3d {
    width: 1rem;
    height: 1rem;
  }
}

.ce8151ae90311 {
  background-color: transparent;
  gap: var(--sp-xs);
}

@media (max-width: 1680px) {
  .c2c4321694257 {
    height: 25px;
    width: 25px;
  }
}
@keyframes c1f12a9533427 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cd30f40b3e76e {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cd30f40b3e76e:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cd30f40b3e76e ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cd30f40b3e76e ::-webkit-scrollbar-track,
.cd30f40b3e76e ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cd30f40b3e76e ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cd30f40b3e76e ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cd30f40b3e76e ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd30f40b3e76e ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd30f40b3e76e ::placeholder,
.cd30f40b3e76e ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ce4729b887b4a, .c5bc35b927dfa, .cb01e589c7f1a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ce4729b887b4a svg, .c5bc35b927dfa svg, .cb01e589c7f1a svg,
.ce4729b887b4a span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ce4729b887b4a:focus-visible, .c5bc35b927dfa:focus-visible, .cb01e589c7f1a:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ce4729b887b4a:focus-visible svg, .c5bc35b927dfa:focus-visible svg, .cb01e589c7f1a:focus-visible svg,
.ce4729b887b4a:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ce4729b887b4a:hover, .c5bc35b927dfa:hover, .cb01e589c7f1a:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ce4729b887b4a:hover svg, .c5bc35b927dfa:hover svg, .cb01e589c7f1a:hover svg,
.ce4729b887b4a:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ce4729b887b4a:active, .c5bc35b927dfa:active, .cb01e589c7f1a:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ce4729b887b4a:active svg, .c5bc35b927dfa:active svg, .cb01e589c7f1a:active svg,
.ce4729b887b4a:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ce4729b887b4a.disabled, .c5bc35b927dfa.disabled, .cb01e589c7f1a.disabled, .ce4729b887b4a[disabled], [disabled].c5bc35b927dfa, [disabled].cb01e589c7f1a, .ce4729b887b4a:disabled, .c5bc35b927dfa:disabled, .cb01e589c7f1a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c792b2e02f584, .c03b6665213f3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c792b2e02f584 svg, .c03b6665213f3 svg,
.c792b2e02f584 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c792b2e02f584:focus-visible, .c03b6665213f3:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c792b2e02f584:focus-visible svg, .c03b6665213f3:focus-visible svg,
.c792b2e02f584:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c792b2e02f584:hover, .c03b6665213f3:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c792b2e02f584:hover svg, .c03b6665213f3:hover svg,
.c792b2e02f584:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c792b2e02f584:active, .c03b6665213f3:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c792b2e02f584:active svg, .c03b6665213f3:active svg,
.c792b2e02f584:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c792b2e02f584.disabled, .c03b6665213f3.disabled, .c792b2e02f584[disabled], [disabled].c03b6665213f3, .c792b2e02f584:disabled, .c03b6665213f3:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cddf701b6f4c8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cddf701b6f4c8 svg,
.cddf701b6f4c8 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cddf701b6f4c8:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cddf701b6f4c8:focus-visible svg,
.cddf701b6f4c8:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cddf701b6f4c8:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cddf701b6f4c8:hover svg,
.cddf701b6f4c8:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cddf701b6f4c8:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cddf701b6f4c8:active svg,
.cddf701b6f4c8:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cddf701b6f4c8.disabled, .cddf701b6f4c8[disabled], .cddf701b6f4c8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c709ae7e69b1e, .c65ff2e8a02a6 button, .c780e8997c2c3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c709ae7e69b1e svg, .c65ff2e8a02a6 button svg, .c780e8997c2c3 svg,
.c709ae7e69b1e span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c709ae7e69b1e:focus-visible, .c65ff2e8a02a6 button:focus-visible, .c780e8997c2c3:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c709ae7e69b1e:focus-visible svg, .c65ff2e8a02a6 button:focus-visible svg, .c780e8997c2c3:focus-visible svg,
.c709ae7e69b1e:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c709ae7e69b1e:hover, .c65ff2e8a02a6 button:hover, .c780e8997c2c3:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c709ae7e69b1e:hover svg, .c65ff2e8a02a6 button:hover svg, .c780e8997c2c3:hover svg,
.c709ae7e69b1e:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c709ae7e69b1e:active, .c65ff2e8a02a6 button:active, .c780e8997c2c3:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c709ae7e69b1e:active svg, .c65ff2e8a02a6 button:active svg, .c780e8997c2c3:active svg,
.c709ae7e69b1e:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c709ae7e69b1e.disabled, .c65ff2e8a02a6 button.disabled, .c780e8997c2c3.disabled, .c709ae7e69b1e[disabled], .c65ff2e8a02a6 button[disabled], [disabled].c780e8997c2c3, .c709ae7e69b1e:disabled, .c65ff2e8a02a6 button:disabled, .c780e8997c2c3:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c709ae7e69b1e.disabled svg, .c65ff2e8a02a6 button.disabled svg, .c780e8997c2c3.disabled svg,
.c709ae7e69b1e.disabled span svg, .c709ae7e69b1e[disabled] svg, .c65ff2e8a02a6 button[disabled] svg, [disabled].c780e8997c2c3 svg,
.c709ae7e69b1e[disabled] span svg, .c709ae7e69b1e:disabled svg, .c65ff2e8a02a6 button:disabled svg, .c780e8997c2c3:disabled svg,
.c709ae7e69b1e:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cd8cf5cc6e3cf {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cd8cf5cc6e3cf svg {
  color: var(--button-icon-foreground-color-selected);
}

.c8db9e41e21b8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c8db9e41e21b8 svg,
.c8db9e41e21b8 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c8db9e41e21b8:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c8db9e41e21b8:focus-visible svg,
.c8db9e41e21b8:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c8db9e41e21b8:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c8db9e41e21b8:hover svg,
.c8db9e41e21b8:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c8db9e41e21b8:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c8db9e41e21b8:active svg,
.c8db9e41e21b8:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cd8831e3ffc6a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cfa51bce3542b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca4cdfde90479 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ca4cdfde90479:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ca4cdfde90479:focus-visible svg,
.ca4cdfde90479:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ca4cdfde90479:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ca4cdfde90479:active {
  border: none;
  background-color: transparent;
}

.cb2f0976c8377, .c780e8997c2c3 svg, .c0a15cd47bedd, .c9fedf5fd3589 span svg, .c65ff2e8a02a6 button svg, .c44bdd4c7ec31.intermediate svg, .c36a36dfb815e label span.intermediate svg, .c44bdd4c7ec31.checked svg, .c36a36dfb815e label span.checked svg, .c3c87b189fbcc span svg, .cf3e69098836f span svg, .c9d04eb2c3b84 span svg,
.c3c87b189fbcc label svg,
.cf3e69098836f label svg,
.c9d04eb2c3b84 label svg, .cb5c18e676747 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c9f3d3e338139 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c9f3d3e338139:hover {
  fill: none;
  stroke: none;
}

.c0a15cd47bedd, .c9fedf5fd3589 span svg, .c65ff2e8a02a6 button svg, .c44bdd4c7ec31.intermediate svg, .c36a36dfb815e label span.intermediate svg, .c44bdd4c7ec31.checked svg, .c36a36dfb815e label span.checked svg, .c3c87b189fbcc span svg, .cf3e69098836f span svg, .c9d04eb2c3b84 span svg,
.c3c87b189fbcc label svg,
.cf3e69098836f label svg,
.c9d04eb2c3b84 label svg, .cb5c18e676747 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ca6b2d5da35ee {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ca6b2d5da35ee:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cbda8b03dad96, .c8810c39622d3 input, .c125ec9d0003e input, .c3c87b189fbcc input, .cf3e69098836f input, .c9d04eb2c3b84 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cbda8b03dad96, .c8810c39622d3 input, .c125ec9d0003e input, .c3c87b189fbcc input, .cf3e69098836f input, .c9d04eb2c3b84 input {
    height: 23px;
  }
}
.cbda8b03dad96, .c8810c39622d3 input, .c125ec9d0003e input, .c3c87b189fbcc input, .cf3e69098836f input, .c9d04eb2c3b84 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cbda8b03dad96[disabled], .c8810c39622d3 input[disabled], .c125ec9d0003e input[disabled], .c3c87b189fbcc input[disabled], .cf3e69098836f input[disabled], .c9d04eb2c3b84 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cb5c18e676747 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c738310bf6992, .c3c87b189fbcc span, .cf3e69098836f span, .c9d04eb2c3b84 span,
.c3c87b189fbcc label,
.cf3e69098836f label,
.c9d04eb2c3b84 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c738310bf6992, .c3c87b189fbcc span, .cf3e69098836f span, .c9d04eb2c3b84 span,
  .c3c87b189fbcc label,
  .cf3e69098836f label,
  .c9d04eb2c3b84 label {
    height: 25px;
  }
}
.c738310bf6992, .c3c87b189fbcc span, .cf3e69098836f span, .c9d04eb2c3b84 span,
.c3c87b189fbcc label,
.cf3e69098836f label,
.c9d04eb2c3b84 label {
  color: var(--input-foreground-color);
}

.c3c87b189fbcc, .cf3e69098836f, .c9d04eb2c3b84 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c3c87b189fbcc, .cf3e69098836f, .c9d04eb2c3b84 {
    height: 25px;
    font-size: 10px;
  }
}
.c3c87b189fbcc, .cf3e69098836f, .c9d04eb2c3b84 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c3c87b189fbcc span svg, .cf3e69098836f span svg, .c9d04eb2c3b84 span svg,
.c3c87b189fbcc label svg,
.cf3e69098836f label svg,
.c9d04eb2c3b84 label svg {
  color: var(--input-foreground-color);
}
.c3c87b189fbcc ::-moz-placeholder, .cf3e69098836f ::-moz-placeholder, .c9d04eb2c3b84 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c3c87b189fbcc ::placeholder, .cf3e69098836f ::placeholder, .c9d04eb2c3b84 ::placeholder {
  color: var(--input-placeholder-color);
}
.c3c87b189fbcc:focus-within, .cf3e69098836f:focus-within, .c9d04eb2c3b84:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3c87b189fbcc:hover, .cf3e69098836f:hover, .c9d04eb2c3b84:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c3c87b189fbcc:hover span, .cf3e69098836f:hover span, .c9d04eb2c3b84:hover span {
  color: var(--input-foreground-color-hover);
}
.c3c87b189fbcc:hover input, .cf3e69098836f:hover input, .c9d04eb2c3b84:hover input {
  color: var(--input-foreground-color-hover);
}
.c3c87b189fbcc:active, .cf3e69098836f:active, .c9d04eb2c3b84:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c3c87b189fbcc:active span, .cf3e69098836f:active span, .c9d04eb2c3b84:active span {
  color: var(--input-foreground-color-active);
}
.c3c87b189fbcc:active input, .cf3e69098836f:active input, .c9d04eb2c3b84:active input {
  color: var(--input-foreground-color-active);
}
.c3c87b189fbcc:focus, .cf3e69098836f:focus, .c9d04eb2c3b84:focus, .c3c87b189fbcc:focus-within, .cf3e69098836f:focus-within, .c9d04eb2c3b84:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c3c87b189fbcc:focus span, .cf3e69098836f:focus span, .c9d04eb2c3b84:focus span, .c3c87b189fbcc:focus-within span, .cf3e69098836f:focus-within span, .c9d04eb2c3b84:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c3c87b189fbcc:focus input, .cf3e69098836f:focus input, .c9d04eb2c3b84:focus input, .c3c87b189fbcc:focus-within input, .cf3e69098836f:focus-within input, .c9d04eb2c3b84:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c3c87b189fbcc:focus:hover, .cf3e69098836f:focus:hover, .c9d04eb2c3b84:focus:hover, .c3c87b189fbcc:focus-within:hover, .cf3e69098836f:focus-within:hover, .c9d04eb2c3b84:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c3c87b189fbcc:focus:hover span, .cf3e69098836f:focus:hover span, .c9d04eb2c3b84:focus:hover span, .c3c87b189fbcc:focus-within:hover span, .cf3e69098836f:focus-within:hover span, .c9d04eb2c3b84:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c3c87b189fbcc:focus:hover input, .cf3e69098836f:focus:hover input, .c9d04eb2c3b84:focus:hover input, .c3c87b189fbcc:focus-within:hover input, .cf3e69098836f:focus-within:hover input, .c9d04eb2c3b84:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c125ec9d0003e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c125ec9d0003e input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c125ec9d0003e ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c125ec9d0003e ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c125ec9d0003e:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c125ec9d0003e:focus-within input, .c125ec9d0003e:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c65d23de57448, .c8810c39622d3.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c65d23de57448 input, .c8810c39622d3.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c65d23de57448 span svg, .c8810c39622d3.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c44bdd4c7ec31, .c36a36dfb815e label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c44bdd4c7ec31 svg, .c36a36dfb815e label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c44bdd4c7ec31:hover, .c36a36dfb815e label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c44bdd4c7ec31:focus, .c36a36dfb815e label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c44bdd4c7ec31.checked, .c36a36dfb815e label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c44bdd4c7ec31.checked svg, .c36a36dfb815e label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c44bdd4c7ec31.intermediate, .c36a36dfb815e label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c44bdd4c7ec31.intermediate svg, .c36a36dfb815e label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c44bdd4c7ec31.unchecked, .c36a36dfb815e label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c44bdd4c7ec31.unchecked svg, .c36a36dfb815e label span.unchecked svg {
  display: none;
}

.c36a36dfb815e {
  display: flex;
  align-items: center;
}
.c36a36dfb815e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c36a36dfb815e label input {
  margin: 0;
}
.c36a36dfb815e label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c36a36dfb815e label:focus span, .c36a36dfb815e label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c8810c39622d3 {
  display: flex;
  flex-direction: column;
}
.c8810c39622d3 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c8810c39622d3 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c8810c39622d3 input:focus-within input, .c8810c39622d3 input:active input {
  color: var(--input-foreground-color-active);
}
.c8810c39622d3 input:focus-within, .c8810c39622d3 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c8810c39622d3.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c4b14b9fd7e26 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ca3b38f9d365f {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ca0bd1a46fdfe {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c780e8997c2c3 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cf7760f60b805 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c3d015f0018fd {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c03b6665213f3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb01e589c7f1a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c5bc35b927dfa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c88544697a3a9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c88544697a3a9:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cf74e3ec9654f {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c9c785426885e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c55a16b87cfe6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cf001cddcbaaf {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ce72519fe741b {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ce72519fe741b:hover, .ce72519fe741b:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c65ff2e8a02a6 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c65ff2e8a02a6 button {
  display: none;
}
.c65ff2e8a02a6 button svg {
  stroke: var(--icon-foreground);
}
.c65ff2e8a02a6:hover button {
  display: flex;
}

.c12e264847698 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c12e264847698 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c12e264847698 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c30aac1868b1a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c30aac1868b1a:hover div {
  color: var(--entry-foreground-color-hover);
}

.caf520539cb60 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c2a656e111ccf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c2a656e111ccf:hover {
  background-color: var(--menu-background-color-hover);
}

.c9fedf5fd3589 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c9fedf5fd3589 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c9fedf5fd3589 span svg {
  stroke: var(--icon-foreground);
}
.c9fedf5fd3589:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c9fedf5fd3589:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c3c60721be4cb {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cf92b2eca7959 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ca9c5ad14d1f9,
.cc08dc99beb98 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c5948311d5cb6 .ca9c5ad14d1f9,
.c5948311d5cb6 .cc08dc99beb98 {
  transform: scale(1);
}

.c8c59f161202f .ca9c5ad14d1f9,
.c8c59f161202f .cc08dc99beb98 {
  transform: scale(0);
}

.c13958d96c0f1 {
  display: grid;
  grid-template-columns: subgrid;
  gap: var(--sp-9);
}

.cf3e69098836f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.c52e26f2ac2b6 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-9);
}

.c9d04eb2c3b84 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.cc9bcb225864c {
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--color-accent-primary);
}

.cc9bcb225864c {
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}

.c84739b50efbc {
  margin-inline: var(--sp-xs);
  color: var(--input-foreground-color);
}

.cfb8b7b57d38f {
  padding-inline-start: 0.375rem;
}

.c1c05f706ef08 {
  --dropdown-offset: -4.0625rem;
}
@keyframes c0af322ea8e54 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c2cf93966e47a {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c2cf93966e47a:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c2cf93966e47a ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c2cf93966e47a ::-webkit-scrollbar-track,
.c2cf93966e47a ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c2cf93966e47a ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c2cf93966e47a ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c2cf93966e47a ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2cf93966e47a ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2cf93966e47a ::placeholder,
.c2cf93966e47a ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cd6a55bdca5b2, .c239b18438cad, .c6c81c6259de7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cd6a55bdca5b2 svg, .c239b18438cad svg, .c6c81c6259de7 svg,
.cd6a55bdca5b2 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cd6a55bdca5b2:focus-visible, .c239b18438cad:focus-visible, .c6c81c6259de7:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cd6a55bdca5b2:focus-visible svg, .c239b18438cad:focus-visible svg, .c6c81c6259de7:focus-visible svg,
.cd6a55bdca5b2:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cd6a55bdca5b2:hover, .c239b18438cad:hover, .c6c81c6259de7:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cd6a55bdca5b2:hover svg, .c239b18438cad:hover svg, .c6c81c6259de7:hover svg,
.cd6a55bdca5b2:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cd6a55bdca5b2:active, .c239b18438cad:active, .c6c81c6259de7:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cd6a55bdca5b2:active svg, .c239b18438cad:active svg, .c6c81c6259de7:active svg,
.cd6a55bdca5b2:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cd6a55bdca5b2.disabled, .c239b18438cad.disabled, .c6c81c6259de7.disabled, .cd6a55bdca5b2[disabled], [disabled].c239b18438cad, [disabled].c6c81c6259de7, .cd6a55bdca5b2:disabled, .c239b18438cad:disabled, .c6c81c6259de7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3d7681cc1848, .c5c5da815efdc, .c1977ac6f4b9c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c3d7681cc1848 svg, .c5c5da815efdc svg, .c1977ac6f4b9c svg,
.c3d7681cc1848 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c3d7681cc1848:focus-visible, .c5c5da815efdc:focus-visible, .c1977ac6f4b9c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c3d7681cc1848:focus-visible svg, .c5c5da815efdc:focus-visible svg, .c1977ac6f4b9c:focus-visible svg,
.c3d7681cc1848:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c3d7681cc1848:hover, .c5c5da815efdc:hover, .c1977ac6f4b9c:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c3d7681cc1848:hover svg, .c5c5da815efdc:hover svg, .c1977ac6f4b9c:hover svg,
.c3d7681cc1848:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c3d7681cc1848:active, .c5c5da815efdc:active, .c1977ac6f4b9c:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c3d7681cc1848:active svg, .c5c5da815efdc:active svg, .c1977ac6f4b9c:active svg,
.c3d7681cc1848:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c3d7681cc1848.disabled, .c5c5da815efdc.disabled, .c1977ac6f4b9c.disabled, .c3d7681cc1848[disabled], [disabled].c5c5da815efdc, [disabled].c1977ac6f4b9c, .c3d7681cc1848:disabled, .c5c5da815efdc:disabled, .c1977ac6f4b9c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cba2588b82552 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cba2588b82552 svg,
.cba2588b82552 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cba2588b82552:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cba2588b82552:focus-visible svg,
.cba2588b82552:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cba2588b82552:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cba2588b82552:hover svg,
.cba2588b82552:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cba2588b82552:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cba2588b82552:active svg,
.cba2588b82552:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cba2588b82552.disabled, .cba2588b82552[disabled], .cba2588b82552:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb1247b13c8ed, .c3e0a09592fc0, .cda4e4b92813c button, .c2569f0fcd84c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cb1247b13c8ed svg, .c3e0a09592fc0 svg, .cda4e4b92813c button svg, .c2569f0fcd84c svg,
.cb1247b13c8ed span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cb1247b13c8ed:focus-visible, .c3e0a09592fc0:focus-visible, .cda4e4b92813c button:focus-visible, .c2569f0fcd84c:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cb1247b13c8ed:focus-visible svg, .c3e0a09592fc0:focus-visible svg, .cda4e4b92813c button:focus-visible svg, .c2569f0fcd84c:focus-visible svg,
.cb1247b13c8ed:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cb1247b13c8ed:hover, .c3e0a09592fc0:hover, .cda4e4b92813c button:hover, .c2569f0fcd84c:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cb1247b13c8ed:hover svg, .c3e0a09592fc0:hover svg, .cda4e4b92813c button:hover svg, .c2569f0fcd84c:hover svg,
.cb1247b13c8ed:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cb1247b13c8ed:active, .c3e0a09592fc0:active, .cda4e4b92813c button:active, .c2569f0fcd84c:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cb1247b13c8ed:active svg, .c3e0a09592fc0:active svg, .cda4e4b92813c button:active svg, .c2569f0fcd84c:active svg,
.cb1247b13c8ed:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cb1247b13c8ed.disabled, .c3e0a09592fc0.disabled, .cda4e4b92813c button.disabled, .c2569f0fcd84c.disabled, .cb1247b13c8ed[disabled], [disabled].c3e0a09592fc0, .cda4e4b92813c button[disabled], [disabled].c2569f0fcd84c, .cb1247b13c8ed:disabled, .c3e0a09592fc0:disabled, .cda4e4b92813c button:disabled, .c2569f0fcd84c:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cb1247b13c8ed.disabled svg, .c3e0a09592fc0.disabled svg, .cda4e4b92813c button.disabled svg, .c2569f0fcd84c.disabled svg,
.cb1247b13c8ed.disabled span svg, .cb1247b13c8ed[disabled] svg, [disabled].c3e0a09592fc0 svg, .cda4e4b92813c button[disabled] svg, [disabled].c2569f0fcd84c svg,
.cb1247b13c8ed[disabled] span svg, .cb1247b13c8ed:disabled svg, .c3e0a09592fc0:disabled svg, .cda4e4b92813c button:disabled svg, .c2569f0fcd84c:disabled svg,
.cb1247b13c8ed:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c7cfef70be14a {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c7cfef70be14a svg {
  color: var(--button-icon-foreground-color-selected);
}

.c102439ba020e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c102439ba020e svg,
.c102439ba020e span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c102439ba020e:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c102439ba020e:focus-visible svg,
.c102439ba020e:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c102439ba020e:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c102439ba020e:hover svg,
.c102439ba020e:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c102439ba020e:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c102439ba020e:active svg,
.c102439ba020e:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cddc28953c633 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c8a7300175e9c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6376c813414c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c6376c813414c:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c6376c813414c:focus-visible svg,
.c6376c813414c:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c6376c813414c:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c6376c813414c:active {
  border: none;
  background-color: transparent;
}

.c4e57c3345337, .c3e0a09592fc0 svg, .c2569f0fcd84c svg, .cc236481d7e52, .c31a3ad9e412c span svg, .cda4e4b92813c button svg, .c0d4abc9d3448.intermediate svg, .ceaf973caf80a label span.intermediate svg, .c0d4abc9d3448.checked svg, .ceaf973caf80a label span.checked svg, .c9bfe0c6bafe5 span svg,
.c9bfe0c6bafe5 label svg, .c7a598064c218 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c85dabb614ff6 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c85dabb614ff6:hover {
  fill: none;
  stroke: none;
}

.cc236481d7e52, .c31a3ad9e412c span svg, .cda4e4b92813c button svg, .c0d4abc9d3448.intermediate svg, .ceaf973caf80a label span.intermediate svg, .c0d4abc9d3448.checked svg, .ceaf973caf80a label span.checked svg, .c9bfe0c6bafe5 span svg,
.c9bfe0c6bafe5 label svg, .c7a598064c218 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c3663facf604f {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c3663facf604f:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c87f1808b777a, .c888d6717718a input, .cd2f9c3039818 input, .c9bfe0c6bafe5 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c87f1808b777a, .c888d6717718a input, .cd2f9c3039818 input, .c9bfe0c6bafe5 input {
    height: 23px;
  }
}
.c87f1808b777a, .c888d6717718a input, .cd2f9c3039818 input, .c9bfe0c6bafe5 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c87f1808b777a[disabled], .c888d6717718a input[disabled], .cd2f9c3039818 input[disabled], .c9bfe0c6bafe5 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c7a598064c218 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c4b7f18f1f282, .c9bfe0c6bafe5 span,
.c9bfe0c6bafe5 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c4b7f18f1f282, .c9bfe0c6bafe5 span,
  .c9bfe0c6bafe5 label {
    height: 25px;
  }
}
.c4b7f18f1f282, .c9bfe0c6bafe5 span,
.c9bfe0c6bafe5 label {
  color: var(--input-foreground-color);
}

.c9bfe0c6bafe5 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c9bfe0c6bafe5 {
    height: 25px;
    font-size: 10px;
  }
}
.c9bfe0c6bafe5 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c9bfe0c6bafe5 span svg,
.c9bfe0c6bafe5 label svg {
  color: var(--input-foreground-color);
}
.c9bfe0c6bafe5 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c9bfe0c6bafe5 ::placeholder {
  color: var(--input-placeholder-color);
}
.c9bfe0c6bafe5:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c9bfe0c6bafe5:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c9bfe0c6bafe5:hover span {
  color: var(--input-foreground-color-hover);
}
.c9bfe0c6bafe5:hover input {
  color: var(--input-foreground-color-hover);
}
.c9bfe0c6bafe5:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c9bfe0c6bafe5:active span {
  color: var(--input-foreground-color-active);
}
.c9bfe0c6bafe5:active input {
  color: var(--input-foreground-color-active);
}
.c9bfe0c6bafe5:focus, .c9bfe0c6bafe5:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c9bfe0c6bafe5:focus span, .c9bfe0c6bafe5:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c9bfe0c6bafe5:focus input, .c9bfe0c6bafe5:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c9bfe0c6bafe5:focus:hover, .c9bfe0c6bafe5:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c9bfe0c6bafe5:focus:hover span, .c9bfe0c6bafe5:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c9bfe0c6bafe5:focus:hover input, .c9bfe0c6bafe5:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cd2f9c3039818 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cd2f9c3039818 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cd2f9c3039818 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd2f9c3039818 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd2f9c3039818:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cd2f9c3039818:focus-within input, .cd2f9c3039818:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cf732d925e3da, .c888d6717718a.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cf732d925e3da input, .c888d6717718a.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cf732d925e3da span svg, .c888d6717718a.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c0d4abc9d3448, .ceaf973caf80a label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c0d4abc9d3448 svg, .ceaf973caf80a label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c0d4abc9d3448:hover, .ceaf973caf80a label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0d4abc9d3448:focus, .ceaf973caf80a label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c0d4abc9d3448.checked, .ceaf973caf80a label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c0d4abc9d3448.checked svg, .ceaf973caf80a label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c0d4abc9d3448.intermediate, .ceaf973caf80a label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c0d4abc9d3448.intermediate svg, .ceaf973caf80a label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c0d4abc9d3448.unchecked, .ceaf973caf80a label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c0d4abc9d3448.unchecked svg, .ceaf973caf80a label span.unchecked svg {
  display: none;
}

.ceaf973caf80a {
  display: flex;
  align-items: center;
}
.ceaf973caf80a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ceaf973caf80a label input {
  margin: 0;
}
.ceaf973caf80a label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ceaf973caf80a label:focus span, .ceaf973caf80a label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c888d6717718a {
  display: flex;
  flex-direction: column;
}
.c888d6717718a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c888d6717718a input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c888d6717718a input:focus-within input, .c888d6717718a input:active input {
  color: var(--input-foreground-color-active);
}
.c888d6717718a input:focus-within, .c888d6717718a input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c888d6717718a.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf805334df37d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c89a062a3665d {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c80adbff659ad {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c2569f0fcd84c {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ca99ac6e8da5c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c4cf453bc8b34 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c1977ac6f4b9c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c6c81c6259de7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c239b18438cad {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c27a2494e8d3d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c27a2494e8d3d:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c67be6875baca {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c7670cafba7be {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c55f02b3dc5d4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c93e4fbd3ae7a {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c1e47de2ec315 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c1e47de2ec315:hover, .c1e47de2ec315:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cda4e4b92813c div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cda4e4b92813c button {
  display: none;
}
.cda4e4b92813c button svg {
  stroke: var(--icon-foreground);
}
.cda4e4b92813c:hover button {
  display: flex;
}

.c159e253b9ecb {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c159e253b9ecb .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c159e253b9ecb .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cd1ea477ff314 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cd1ea477ff314:hover div {
  color: var(--entry-foreground-color-hover);
}

.c558da7183378 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c5799bc7cf102 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c5799bc7cf102:hover {
  background-color: var(--menu-background-color-hover);
}

.c31a3ad9e412c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c31a3ad9e412c span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c31a3ad9e412c span svg {
  stroke: var(--icon-foreground);
}
.c31a3ad9e412c:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c31a3ad9e412c:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c077c418160a3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cbbb3c6827948 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c0f0ddcde3c71,
.c5219261d168b {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce6a9bd306464 .c0f0ddcde3c71,
.ce6a9bd306464 .c5219261d168b {
  transform: scale(1);
}

.c0f75200ead5a .c0f0ddcde3c71,
.c0f75200ead5a .c5219261d168b {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.c5cf9367f38b0 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.c3a348b342ffb {
  grid-column: span 8;
}

.cf27b612a9f37 {
  padding-left: 0.125rem;
  margin: 0;
}

.c3e0a09592fc0 {
  height: 1.875rem;
  width: 1.75rem;
}
.c74363c1e6440 {
  grid-column: span 8;
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
  margin-bottom: 0.5rem;
}

.c2c34c259984c {
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
}

.c5c5da815efdc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 1.875rem;
}

@media (max-width: 1680px) {
  .c3e0a09592fc0 {
    height: 25px;
  }
  .c5c5da815efdc {
    height: 25px;
  }
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

@keyframes c8a38b32d0a27 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c68bce8418665 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c68bce8418665:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c68bce8418665 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c68bce8418665 ::-webkit-scrollbar-track,
.c68bce8418665 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c68bce8418665 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c68bce8418665 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c68bce8418665 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c68bce8418665 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c68bce8418665 ::placeholder,
.c68bce8418665 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cffee4da02888, .c44ad10bdb409, .c4bee7a421185 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cffee4da02888 svg, .c44ad10bdb409 svg, .c4bee7a421185 svg,
.cffee4da02888 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cffee4da02888:focus-visible, .c44ad10bdb409:focus-visible, .c4bee7a421185:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cffee4da02888:focus-visible svg, .c44ad10bdb409:focus-visible svg, .c4bee7a421185:focus-visible svg,
.cffee4da02888:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cffee4da02888:hover, .c44ad10bdb409:hover, .c4bee7a421185:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cffee4da02888:hover svg, .c44ad10bdb409:hover svg, .c4bee7a421185:hover svg,
.cffee4da02888:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cffee4da02888:active, .c44ad10bdb409:active, .c4bee7a421185:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cffee4da02888:active svg, .c44ad10bdb409:active svg, .c4bee7a421185:active svg,
.cffee4da02888:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cffee4da02888.disabled, .c44ad10bdb409.disabled, .c4bee7a421185.disabled, .cffee4da02888[disabled], [disabled].c44ad10bdb409, [disabled].c4bee7a421185, .cffee4da02888:disabled, .c44ad10bdb409:disabled, .c4bee7a421185:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cece3e5e2a943, .c6d8e89e7a867, .ca420876044aa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cece3e5e2a943 svg, .c6d8e89e7a867 svg, .ca420876044aa svg,
.cece3e5e2a943 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cece3e5e2a943:focus-visible, .c6d8e89e7a867:focus-visible, .ca420876044aa:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cece3e5e2a943:focus-visible svg, .c6d8e89e7a867:focus-visible svg, .ca420876044aa:focus-visible svg,
.cece3e5e2a943:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cece3e5e2a943:hover, .c6d8e89e7a867:hover, .ca420876044aa:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cece3e5e2a943:hover svg, .c6d8e89e7a867:hover svg, .ca420876044aa:hover svg,
.cece3e5e2a943:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cece3e5e2a943:active, .c6d8e89e7a867:active, .ca420876044aa:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cece3e5e2a943:active svg, .c6d8e89e7a867:active svg, .ca420876044aa:active svg,
.cece3e5e2a943:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cece3e5e2a943.disabled, .c6d8e89e7a867.disabled, .ca420876044aa.disabled, .cece3e5e2a943[disabled], [disabled].c6d8e89e7a867, [disabled].ca420876044aa, .cece3e5e2a943:disabled, .c6d8e89e7a867:disabled, .ca420876044aa:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c07cd4e22e69c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c07cd4e22e69c svg,
.c07cd4e22e69c span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c07cd4e22e69c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c07cd4e22e69c:focus-visible svg,
.c07cd4e22e69c:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c07cd4e22e69c:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c07cd4e22e69c:hover svg,
.c07cd4e22e69c:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c07cd4e22e69c:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c07cd4e22e69c:active svg,
.c07cd4e22e69c:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c07cd4e22e69c.disabled, .c07cd4e22e69c[disabled], .c07cd4e22e69c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfb8341a825dc, .caf859895146d button, .cebb15bb236fb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cfb8341a825dc svg, .caf859895146d button svg, .cebb15bb236fb svg,
.cfb8341a825dc span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cfb8341a825dc:focus-visible, .caf859895146d button:focus-visible, .cebb15bb236fb:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cfb8341a825dc:focus-visible svg, .caf859895146d button:focus-visible svg, .cebb15bb236fb:focus-visible svg,
.cfb8341a825dc:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cfb8341a825dc:hover, .caf859895146d button:hover, .cebb15bb236fb:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cfb8341a825dc:hover svg, .caf859895146d button:hover svg, .cebb15bb236fb:hover svg,
.cfb8341a825dc:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cfb8341a825dc:active, .caf859895146d button:active, .cebb15bb236fb:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cfb8341a825dc:active svg, .caf859895146d button:active svg, .cebb15bb236fb:active svg,
.cfb8341a825dc:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cfb8341a825dc.disabled, .caf859895146d button.disabled, .cebb15bb236fb.disabled, .cfb8341a825dc[disabled], .caf859895146d button[disabled], [disabled].cebb15bb236fb, .cfb8341a825dc:disabled, .caf859895146d button:disabled, .cebb15bb236fb:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cfb8341a825dc.disabled svg, .caf859895146d button.disabled svg, .cebb15bb236fb.disabled svg,
.cfb8341a825dc.disabled span svg, .cfb8341a825dc[disabled] svg, .caf859895146d button[disabled] svg, [disabled].cebb15bb236fb svg,
.cfb8341a825dc[disabled] span svg, .cfb8341a825dc:disabled svg, .caf859895146d button:disabled svg, .cebb15bb236fb:disabled svg,
.cfb8341a825dc:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cc7356d8379cc, .c6d8e89e7a867.c834e5d141add {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cc7356d8379cc svg, .c6d8e89e7a867.c834e5d141add svg {
  color: var(--button-icon-foreground-color-selected);
}

.ce1b7041ff3e6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ce1b7041ff3e6 svg,
.ce1b7041ff3e6 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ce1b7041ff3e6:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ce1b7041ff3e6:focus-visible svg,
.ce1b7041ff3e6:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ce1b7041ff3e6:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ce1b7041ff3e6:hover svg,
.ce1b7041ff3e6:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ce1b7041ff3e6:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ce1b7041ff3e6:active svg,
.ce1b7041ff3e6:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c8971e8c39594 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ce058a331568e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfbc1bf78e5b3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cfbc1bf78e5b3:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cfbc1bf78e5b3:focus-visible svg,
.cfbc1bf78e5b3:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cfbc1bf78e5b3:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cfbc1bf78e5b3:active {
  border: none;
  background-color: transparent;
}

.cdda9ae833f98, .cebb15bb236fb svg, .c76e1aa90fb5c, .ca360c79dabaf span svg, .c2ad9cc89a07f span svg, .caf859895146d button svg, .c77537eeabb2b.intermediate svg, .cca504692768e label span.intermediate svg, .c77537eeabb2b.checked svg, .cca504692768e label span.checked svg, .cb29e0f740a62 span svg,
.cb29e0f740a62 label svg, .c5882e592d873 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c82ee62d80ea5 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c82ee62d80ea5:hover {
  fill: none;
  stroke: none;
}

.c76e1aa90fb5c, .ca360c79dabaf span svg, .c2ad9cc89a07f span svg, .caf859895146d button svg, .c77537eeabb2b.intermediate svg, .cca504692768e label span.intermediate svg, .c77537eeabb2b.checked svg, .cca504692768e label span.checked svg, .cb29e0f740a62 span svg,
.cb29e0f740a62 label svg, .c5882e592d873 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c9e376fdaddfa {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c9e376fdaddfa:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ce4c6f11b85fc, .cd84f61ee87fe input, .c0a3a77ce83eb input, .cb29e0f740a62 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ce4c6f11b85fc, .cd84f61ee87fe input, .c0a3a77ce83eb input, .cb29e0f740a62 input {
    height: 23px;
  }
}
.ce4c6f11b85fc, .cd84f61ee87fe input, .c0a3a77ce83eb input, .cb29e0f740a62 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ce4c6f11b85fc[disabled], .cd84f61ee87fe input[disabled], .c0a3a77ce83eb input[disabled], .cb29e0f740a62 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c5882e592d873 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ccc5674aba69d, .cb29e0f740a62 span,
.cb29e0f740a62 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ccc5674aba69d, .cb29e0f740a62 span,
  .cb29e0f740a62 label {
    height: 25px;
  }
}
.ccc5674aba69d, .cb29e0f740a62 span,
.cb29e0f740a62 label {
  color: var(--input-foreground-color);
}

.cb29e0f740a62 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb29e0f740a62 {
    height: 25px;
    font-size: 10px;
  }
}
.cb29e0f740a62 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cb29e0f740a62 span svg,
.cb29e0f740a62 label svg {
  color: var(--input-foreground-color);
}
.cb29e0f740a62 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cb29e0f740a62 ::placeholder {
  color: var(--input-placeholder-color);
}
.cb29e0f740a62:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb29e0f740a62:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cb29e0f740a62:hover span {
  color: var(--input-foreground-color-hover);
}
.cb29e0f740a62:hover input {
  color: var(--input-foreground-color-hover);
}
.cb29e0f740a62:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cb29e0f740a62:active span {
  color: var(--input-foreground-color-active);
}
.cb29e0f740a62:active input {
  color: var(--input-foreground-color-active);
}
.cb29e0f740a62:focus, .cb29e0f740a62:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb29e0f740a62:focus span, .cb29e0f740a62:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cb29e0f740a62:focus input, .cb29e0f740a62:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cb29e0f740a62:focus:hover, .cb29e0f740a62:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb29e0f740a62:focus:hover span, .cb29e0f740a62:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cb29e0f740a62:focus:hover input, .cb29e0f740a62:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c0a3a77ce83eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c0a3a77ce83eb input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c0a3a77ce83eb ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c0a3a77ce83eb ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c0a3a77ce83eb:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c0a3a77ce83eb:focus-within input, .c0a3a77ce83eb:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c04c49212dab8, .cd84f61ee87fe.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c04c49212dab8 input, .cd84f61ee87fe.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c04c49212dab8 span svg, .cd84f61ee87fe.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c77537eeabb2b, .cca504692768e label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c77537eeabb2b svg, .cca504692768e label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c77537eeabb2b:hover, .cca504692768e label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c77537eeabb2b:focus, .cca504692768e label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c77537eeabb2b.checked, .cca504692768e label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c77537eeabb2b.checked svg, .cca504692768e label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c77537eeabb2b.intermediate, .cca504692768e label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c77537eeabb2b.intermediate svg, .cca504692768e label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c77537eeabb2b.unchecked, .cca504692768e label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c77537eeabb2b.unchecked svg, .cca504692768e label span.unchecked svg {
  display: none;
}

.cca504692768e {
  display: flex;
  align-items: center;
}
.cca504692768e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cca504692768e label input {
  margin: 0;
}
.cca504692768e label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cca504692768e label:focus span, .cca504692768e label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cd84f61ee87fe {
  display: flex;
  flex-direction: column;
}
.cd84f61ee87fe label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cd84f61ee87fe input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cd84f61ee87fe input:focus-within input, .cd84f61ee87fe input:active input {
  color: var(--input-foreground-color-active);
}
.cd84f61ee87fe input:focus-within, .cd84f61ee87fe input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd84f61ee87fe.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c660de50e1d2e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c0b1ebef9958f {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cb6d06b9093f7 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cebb15bb236fb {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c8f48941cb604 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c182d907626b2 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ca420876044aa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c4bee7a421185 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c44ad10bdb409 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c6c2d1b6f23b5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c6c2d1b6f23b5:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c012da9283a97 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c70340e299e16 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ca551e74d5cb1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cae628e79a6e0 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cd3d29e167da5 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cd3d29e167da5:hover, .cd3d29e167da5:active {
  border-color: var(--colorpicker-details-color-selected);
}

.caf859895146d div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.caf859895146d button {
  display: none;
}
.caf859895146d button svg {
  stroke: var(--icon-foreground);
}
.caf859895146d:hover button {
  display: flex;
}

.c15c1a24e9169 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c15c1a24e9169 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c15c1a24e9169 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c00ce20c7923e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c00ce20c7923e:hover div {
  color: var(--entry-foreground-color-hover);
}

.cbc800b33b4ee {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ca432776b62ff {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ca432776b62ff:hover {
  background-color: var(--menu-background-color-hover);
}

.ca360c79dabaf, .c2ad9cc89a07f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ca360c79dabaf span, .c2ad9cc89a07f span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ca360c79dabaf span svg, .c2ad9cc89a07f span svg {
  stroke: var(--icon-foreground);
}
.ca360c79dabaf:hover, .c2ad9cc89a07f:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ca360c79dabaf:hover span svg, .c2ad9cc89a07f:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c8350ba89b6c0, .c86ccb13afc64 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c64bc5983c2a7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c4f825e4ac278,
.c6106313f1baf {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce50609d6803c .c4f825e4ac278,
.ce50609d6803c .c6106313f1baf {
  transform: scale(1);
}

.c6729f5362a04 .c4f825e4ac278,
.c6729f5362a04 .c6106313f1baf {
  transform: scale(0);
}

.cd93c7fb1fcef {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  grid-column: span 8;
  color: var(--color-foreground-secondary);
  border-radius: 0.5rem;
}
.cd93c7fb1fcef.c5c09da2f1ca6 {
  border: 0.0625rem solid var(--color-accent-primary);
}
.cd93c7fb1fcef.c5c09da2f1ca6 .c05877a7ebbc2 {
  border-bottom: 0.0625rem solid var(--entry-border-color-disabled);
}
.cd93c7fb1fcef.c5c09da2f1ca6 .c1b16cd7edbc7 {
  display: flex;
}
.cd93c7fb1fcef.c5c09da2f1ca6 .c8dc7d38bc7de {
  margin-inline-start: var(--sp-m);
}
.cd93c7fb1fcef.c5c09da2f1ca6 .c90d0398b9dc0 {
  min-block-size: 15.75rem;
}
.cd93c7fb1fcef.c8e0572ff888f {
  border: 0.0625rem solid var(--color-accent-primary);
}
.cd93c7fb1fcef.c8e0572ff888f .c05877a7ebbc2 .c1b16cd7edbc7 {
  display: flex;
}
.cd93c7fb1fcef.c8e0572ff888f .c8dc7d38bc7de {
  margin-inline-start: var(--sp-m);
}
.cd93c7fb1fcef.c8e0572ff888f .c90d0398b9dc0 {
  min-block-size: 15.75rem;
}

.c05877a7ebbc2 {
  display: flex;
  align-items: center;
  block-size: 1.875rem;
}
.c05877a7ebbc2.cdd1f260c7597 {
  border-bottom: 0.0625rem solid var(--color-background-quaternary);
}
.c05877a7ebbc2.c47e50d7171a1 {
  cursor: pointer;
}
.c05877a7ebbc2:hover .c1b16cd7edbc7 {
  display: flex;
}

.c8dc7d38bc7de {
  flex-grow: 1;
}

.cd8c8ffb3e1ae {
  margin: 0 var(--sp-xs);
}

.cbeac47a5ad35 {
  display: flex;
  align-items: center;
  line-height: 2.5;
}

.c1b16cd7edbc7 {
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
  inline-size: 1.75rem;
  block-size: 1.875rem;
  border-radius: 0.5rem;
  margin: 0;
  padding: 0;
}

.cfa3aa44b4e2e:hover {
  color: var(--color-accent-success);
}
.cfa3aa44b4e2e:hover.caf92d24fd55b {
  cursor: default;
  color: var(--color-foreground-secondary);
}

.c3dfb8b98643f:hover {
  color: var(--color-accent-error);
}

.c158bff15fe42 {
  display: none;
}

.c46eb4d6d0ba8 {
  display: grid;
}
.c46eb4d6d0ba8:after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
  /* Identical styling required!! */
  font: inherit;
  overflow-wrap: anywhere;
  padding: var(--sp-m);
  /* Place on top of each other */
  grid-area: 1/1/2/2;
}

.c90d0398b9dc0 {
  background-color: var(--color-background-primary);
  color: var(--color-foreground-primary);
  padding: var(--sp-m);
  border: none;
  overflow: hidden;
  outline: none;
  box-shadow: none;
  resize: none;
  /* Identical styling required!! */
  font: inherit;
  overflow-wrap: anywhere;
  padding: var(--sp-m);
  /* Place on top of each other */
  grid-area: 1/1/2/2;
}

.cdd4ef0213da4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  text-align: right;
  color: var(--color-foreground-secondary);
  margin: 0 var(--sp-s) var(--sp-s) 0;
}

.c67552ec53aea {
  --swap-item-foreground-color: var(--color-foreground-primary);
  --swap-item-foreground-color-hover: var(--color-foreground-primary);
  --swap-item-foreground-color-disabled: var(--color-foreground-disabled);
  --swap-item-background-color: var(--color-background-tertiary);
  --swap-item-background-color-hover: var(--color-background-quaternary);
  --swap-item-border-color: transparent;
  --swap-item-border-color-selected: var(--color-accent-primary);
  --swap-item-thumbnail-background-color: var(--color-canvas);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  padding: 0.0625rem var(--sp-m) 0.0625rem 0.0625rem;
  gap: var(--sp-s);
  block-size: 2.75rem;
  border-radius: 0.5rem;
  background-color: var(--swap-item-background-color);
  color: var(--swap-item-foreground-color);
  border: 0.0625rem solid var(--swap-item-border-color);
}
.c67552ec53aea .cc7e43881f269 {
  flex: 0 0 2.5rem;
  background-color: var(--swap-item-thumbnail-background-color);
  border-radius: 0.375rem;
  block-size: 2.5rem;
  inline-size: 2.5rem;
  padding: var(--sp-xxs);
}
.c67552ec53aea .c1b0ab75fec3b {
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c67552ec53aea .c3dd66f0907ca {
  flex: 0 0 1rem;
  background-color: none;
}
.c67552ec53aea.c834e5d141add {
  --swap-item-border-color: var(--swap-item-border-color-selected);
}
.c67552ec53aea:hover:not(:disabled) {
  --swap-item-foreground-color: var(--swap-item-foreground-color-hover);
  --swap-item-background-color: var(--swap-item-background-color-hover);
}
.c67552ec53aea:disabled {
  --swap-item-foreground-color: var(--swap-item-foreground-color-disabled);
}

.ce101c92ea880 {
  --swap-item-foreground-color: var(--color-foreground-primary);
  --swap-item-foreground-color-hover: var(--color-foreground-primary);
  --swap-item-background-color: var(--color-background-primary);
  --swap-item-border-color: var(--color-accent-primary);
  --swap-item-border-inner-color-selected: var(--color-background-primary);
  --swap-item-thumbnail-background-color: var(--color-canvas);
  --swap-item-thumbnail-background-color-disabled: var(--color-foreground-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  place-items: center;
  aspect-ratio: 1/1;
  flex-wrap: wrap;
  position: relative;
  padding: var(--sp-s);
  border: none;
  border-radius: 0.5rem;
  background-color: var(--swap-item-thumbnail-background-color);
  overflow: hidden;
}
.ce101c92ea880 .cc7e43881f269 {
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ce101c92ea880 .c1b0ab75fec3b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  display: none;
  position: absolute;
  inset-inline-start: var(--sp-xs);
  inset-block-end: var(--sp-xs);
  block-size: var(--sp-xxl);
  inline-size: calc(100% - var(--sp-s));
  padding: var(--sp-xs);
  -moz-column-gap: var(--sp-xs);
       column-gap: var(--sp-xs);
  border-radius: 0.25rem;
  border: 0.0625rem solid transparent;
  background-color: var(--swap-item-background-color);
  color: var(--swap-item-foreground-color);
  direction: rtl;
}
.ce101c92ea880 .c3dd66f0907ca {
  position: absolute;
  inset-inline-end: var(--sp-xxs);
  inset-block-start: var(--sp-xxs);
  background-color: var(--color-background-tertiary);
}
.ce101c92ea880:hover .c1b0ab75fec3b {
  display: block;
}
.ce101c92ea880.c834e5d141add {
  border: 0.125rem solid var(--swap-item-border-color);
}
.ce101c92ea880.c834e5d141add::before {
  content: " ";
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  border: 0.25rem solid var(--swap-item-border-inner-color-selected);
  border-radius: 0.5rem;
}
.ce101c92ea880.c834e5d141add .c1b0ab75fec3b {
  color: var(--swap-item-foreground-color-hover);
}
.ce101c92ea880:disabled {
  background: var(--swap-item-thumbnail-background-color-disabled);
}
.ce101c92ea880:disabled .c1b0ab75fec3b {
  background: linear-gradient(to top, var(--swap-item-thumbnail-background-color-disabled) 0%, transparent 100%);
  color: var(--swap-item-foreground-color-hover);
}

.c3dd66f0907ca {
  display: flex;
  justify-content: center;
  align-items: center;
  block-size: 1.5rem;
  inline-size: 1.5rem;
  color: var(--color-accent-secondary);
  border-radius: 0.5rem;
}

.c81112c56ec1e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr var(--sp-m);
  block-size: 1.875rem;
  align-items: center;
}
.c81112c56ec1e:hover .cddd51d43e2a4 {
  color: var(--color-foreground-primary);
}

.ca94ae4803c95 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-foreground-primary);
}

.cddd51d43e2a4 {
  color: var(--color-foreground-secondary);
}

.cd5418739a69a {
  padding-block-start: var(--sp-m);
  grid-column: span 8;
}

.cb076bb88ae3a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  block-size: 1.875rem;
  padding-inline-start: var(--sp-xxs);
  color: var(--color-foreground-secondary);
}

.ce8690916235c {
  display: flex;
  flex-direction: column;
  gap: var(--sp-l);
}

.c0cf7160efd15 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.c9fde06147da5 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.c0c49d1b3cc45 {
  display: grid;
  grid-template-columns: 1fr auto;
}

.c629bc580f262 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-foreground-secondary);
  padding: var(--sp-s) 0 var(--sp-s) var(--sp-xxs);
}

.cc220a8d8a925 {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
  inline-size: 100%;
  block-size: 1.875rem;
  padding: 0;
  border: 0;
  background-color: var(--color-background-primary);
  color: var(--color-foreground-secondary);
}

.ca057d6d1bea2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  block-size: 1.875rem;
  padding: var(--sp-s) 0 var(--sp-s) var(--sp-xxs);
}

.c343314f2a834 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  margin: 0 var(--sp-xs) 0 var(--sp-s);
  color: var(--color-foreground-secondary);
}

.cdfb68714a4b4 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
  gap: var(--sp-xs);
}

.c91e486d3c0eb {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.c467299676bb5 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.c503e93aeb890 {
  grid-column: span 8;
  -moz-column-gap: var(--sp-xs);
       column-gap: var(--sp-xs);
  display: flex;
}

.c1f78bc042586 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
  inline-size: 100%;
  block-size: 1.875rem;
  padding: 0;
  border: 0;
  border-radius: 0.5rem;
  background-color: var(--color-background-primary);
  color: var(--color-foreground-secondary);
}

.ca4f6a02835a6 {
  justify-content: flex-start;
  gap: var(--sp-s);
  flex-grow: 1;
}

.cc99746811c8f {
  flex-grow: 0;
}

.c5dff5e4b57dc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  block-size: 100%;
  display: flex;
  align-items: center;
  color: var(--color-foreground-secondary);
}

.c17a4aa0d9f30 {
  display: flex;
  gap: var(--sp-xs);
}

.cf9ec37923cb6 {
  grid-column: span 8;
  display: flex;
  flex-direction: column;
  row-gap: var(--sp-m);
  padding-block-start: var(--sp-xs);
  padding-block-end: var(--sp-s);
}

.c3beb3daccefd {
  border-radius: 0.5rem;
  display: flex;
  gap: var(--sp-xs);
}

.c39f2467651c8 {
  justify-content: center;
}

.c187618a90839 {
  display: flex;
  flex-grow: 1;
  gap: 0.0625rem;
}

.cd027ebdf02c9 {
  flex-grow: 1;
  display: grid;
  grid-template-columns: var(--sp-l) 1fr;
  gap: var(--sp-xs);
  padding: 0 var(--sp-m) 0 var(--sp-s);
  border: none;
  border-radius: 0.5rem;
  background-color: var(--color-background-fifty);
  color: var(--color-foreground-primary);
}
.cd027ebdf02c9.ca52dd19cd5d1 {
  border-radius: 0.5rem 0 0 0.5rem;
}
.cd027ebdf02c9:focus {
  outline: 0.0625rem solid var(--color-accent-primary);
}
.cd027ebdf02c9:hover:not(:disabled) {
  background-color: var(--color-background-quaternary);
  color: var(--color-foreground-primary);
}

.c247811167f56 {
  display: flex;
  block-size: 1.875rem;
  align-items: center;
  color: var(--color-foreground-secondary);
}

.c6772e051aaf2 {
  display: flex;
  flex-direction: column;
  min-block-size: 1.875rem;
  padding: var(--sp-s) 0 var(--sp-s) var(--sp-xxs);
  border-radius: 0.5rem 0 0 0.5rem;
  overflow: hidden;
  gap: 0;
}

.c8650195298d7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  text-align: left;
  block-size: 1rem;
}

.ca48b0ecdee5e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  text-align: left;
  block-size: 1rem;
  color: var(--color-foreground-secondary);
}

.cdf062c89d666 {
  flex: 0 0 1.875rem;
  position: relative;
}

.c6d8e89e7a867 {
  cursor: unset;
  block-size: 100%;
  inline-size: 100%;
  border-radius: 0 0.5rem 0.5rem 0;
}
.c86ccb13afc64 {
  inline-size: 15.75rem;
}
@media (max-width: 1680px) {
  .c86ccb13afc64 {
    inline-size: 12.5rem;
  }
}
.c86ccb13afc64 {
  inset-inline-end: 0;
  inset-inline-start: unset;
}
.c86ccb13afc64.c3692e7677dac {
  inset-block-start: 3rem;
}

.c5b680995f294 {
  grid-column: span 8;
  display: grid;
  flex-direction: column;
  gap: var(--sp-xs);
}

.c49ea28c9bf08 {
  display: flex;
  flex-direction: column;
  position: relative;
  --reorder-left-position: calc(-1 * var(--sp-m) - var(--sp-xxs));
}
.c49ea28c9bf08:hover {
  --reorder-icon-visibility: visible;
}
.c49ea28c9bf08.ceff3c24dd5e8 {
  --reorder-top-display: block;
}
.c49ea28c9bf08.c9ceb762c2a26 {
  --reorder-bottom-display: block;
}

.cf8bb8d612928 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-xs);
}

.cb58e57eba433 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.cf264dc836900 {
  grid-column: span 3;
  align-self: center;
}

.c6433209b0023 {
  grid-column: span 5;
  align-self: center;
  --combobox-background-color: var(--color-background-fifty);
}

.c4b3223c17041 {
  grid-column: span 5;
  display: flex;
  align-items: center;
  block-size: 1.875rem;
  padding-inline-start: var(--sp-s);
}

.ce877afc9ff0e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  margin-inline-start: var(--sp-s);
  color: var(--color-foreground-secondary);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ce5a7b150e91b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  grid-column: span 8;
  border: 0.0625rem solid var(--color-background-quaternary);
  border-radius: 0.5rem;
  padding: var(--sp-m);
  display: flex;
  flex-direction: column;
  gap: var(--sp-s);
}

.c50f0ade2c3d8 {
  color: var(--color-foreground-primary);
}

.cb6479931fb9a {
  color: var(--color-foreground-secondary);
}

.c2451498049f2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  cursor: pointer;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--color-accent-primary);
  padding: 0;
  text-align: start;
}

@media (max-width: 1680px) {
  .cf9ec37923cb6 {
    --button-height: 25px;
    --input-with-meta-height: 25px;
  }
  .c247811167f56 {
    block-size: 25px;
  }
  .c6772e051aaf2 {
    min-block-size: 25px;
    padding-block: var(--sp-xs);
  }
  .c4b3223c17041 {
    block-size: 25px;
  }
  .c05877a7ebbc2 {
    block-size: 25px;
  }
  .c1b16cd7edbc7 {
    block-size: 25px;
  }
  .cc220a8d8a925 {
    block-size: 25px;
  }
  .c81112c56ec1e {
    block-size: 25px;
  }
}
@keyframes c5fa5c8a630e1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c1624d8dd0784 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c1624d8dd0784:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c1624d8dd0784 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c1624d8dd0784 ::-webkit-scrollbar-track,
.c1624d8dd0784 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c1624d8dd0784 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c1624d8dd0784 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c1624d8dd0784 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1624d8dd0784 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1624d8dd0784 ::placeholder,
.c1624d8dd0784 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c2ed18faf8839, .c4dc883dbb397, .ce74ae425df22 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c2ed18faf8839 svg, .c4dc883dbb397 svg, .ce74ae425df22 svg,
.c2ed18faf8839 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c2ed18faf8839:focus-visible, .c4dc883dbb397:focus-visible, .ce74ae425df22:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c2ed18faf8839:focus-visible svg, .c4dc883dbb397:focus-visible svg, .ce74ae425df22:focus-visible svg,
.c2ed18faf8839:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c2ed18faf8839:hover, .c4dc883dbb397:hover, .ce74ae425df22:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c2ed18faf8839:hover svg, .c4dc883dbb397:hover svg, .ce74ae425df22:hover svg,
.c2ed18faf8839:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c2ed18faf8839:active, .c4dc883dbb397:active, .ce74ae425df22:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c2ed18faf8839:active svg, .c4dc883dbb397:active svg, .ce74ae425df22:active svg,
.c2ed18faf8839:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c2ed18faf8839.disabled, .c4dc883dbb397.disabled, .ce74ae425df22.disabled, .c2ed18faf8839[disabled], [disabled].c4dc883dbb397, [disabled].ce74ae425df22, .c2ed18faf8839:disabled, .c4dc883dbb397:disabled, .ce74ae425df22:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.caabec8e4fcb3, .c06f891e80e96 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.caabec8e4fcb3 svg, .c06f891e80e96 svg,
.caabec8e4fcb3 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.caabec8e4fcb3:focus-visible, .c06f891e80e96:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.caabec8e4fcb3:focus-visible svg, .c06f891e80e96:focus-visible svg,
.caabec8e4fcb3:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.caabec8e4fcb3:hover, .c06f891e80e96:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.caabec8e4fcb3:hover svg, .c06f891e80e96:hover svg,
.caabec8e4fcb3:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.caabec8e4fcb3:active, .c06f891e80e96:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.caabec8e4fcb3:active svg, .c06f891e80e96:active svg,
.caabec8e4fcb3:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.caabec8e4fcb3.disabled, .c06f891e80e96.disabled, .caabec8e4fcb3[disabled], [disabled].c06f891e80e96, .caabec8e4fcb3:disabled, .c06f891e80e96:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1fd971710b93 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c1fd971710b93 svg,
.c1fd971710b93 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c1fd971710b93:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c1fd971710b93:focus-visible svg,
.c1fd971710b93:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c1fd971710b93:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c1fd971710b93:hover svg,
.c1fd971710b93:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c1fd971710b93:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c1fd971710b93:active svg,
.c1fd971710b93:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c1fd971710b93.disabled, .c1fd971710b93[disabled], .c1fd971710b93:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca7886d8fdecd, .cc9870e2540db button, .c3f6e635bfe17 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca7886d8fdecd svg, .cc9870e2540db button svg, .c3f6e635bfe17 svg,
.ca7886d8fdecd span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca7886d8fdecd:focus-visible, .cc9870e2540db button:focus-visible, .c3f6e635bfe17:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca7886d8fdecd:focus-visible svg, .cc9870e2540db button:focus-visible svg, .c3f6e635bfe17:focus-visible svg,
.ca7886d8fdecd:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca7886d8fdecd:hover, .cc9870e2540db button:hover, .c3f6e635bfe17:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca7886d8fdecd:hover svg, .cc9870e2540db button:hover svg, .c3f6e635bfe17:hover svg,
.ca7886d8fdecd:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca7886d8fdecd:active, .cc9870e2540db button:active, .c3f6e635bfe17:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca7886d8fdecd:active svg, .cc9870e2540db button:active svg, .c3f6e635bfe17:active svg,
.ca7886d8fdecd:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca7886d8fdecd.disabled, .cc9870e2540db button.disabled, .c3f6e635bfe17.disabled, .ca7886d8fdecd[disabled], .cc9870e2540db button[disabled], [disabled].c3f6e635bfe17, .ca7886d8fdecd:disabled, .cc9870e2540db button:disabled, .c3f6e635bfe17:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca7886d8fdecd.disabled svg, .cc9870e2540db button.disabled svg, .c3f6e635bfe17.disabled svg,
.ca7886d8fdecd.disabled span svg, .ca7886d8fdecd[disabled] svg, .cc9870e2540db button[disabled] svg, [disabled].c3f6e635bfe17 svg,
.ca7886d8fdecd[disabled] span svg, .ca7886d8fdecd:disabled svg, .cc9870e2540db button:disabled svg, .c3f6e635bfe17:disabled svg,
.ca7886d8fdecd:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cd292af7c79a5 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cd292af7c79a5 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c51ef21ff6cfc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c51ef21ff6cfc svg,
.c51ef21ff6cfc span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c51ef21ff6cfc:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c51ef21ff6cfc:focus-visible svg,
.c51ef21ff6cfc:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c51ef21ff6cfc:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c51ef21ff6cfc:hover svg,
.c51ef21ff6cfc:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c51ef21ff6cfc:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c51ef21ff6cfc:active svg,
.c51ef21ff6cfc:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c5fa5b2e9bc35 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cfa07375a47f0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cede7479b7072 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cede7479b7072:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cede7479b7072:focus-visible svg,
.cede7479b7072:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cede7479b7072:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cede7479b7072:active {
  border: none;
  background-color: transparent;
}

.cee31b1c63195, .c3f6e635bfe17 svg, .ccf6d18cadd87, .c533747cb33c2 label .cef649543cf50.c3c90578e0fa0 svg, .c7c95a667b5a4 span svg, .cc9870e2540db button svg, .cacefc0fc6dca.intermediate svg, .cfe89d6f02e29 label span.intermediate svg, .cacefc0fc6dca.checked svg, .cfe89d6f02e29 label span.checked svg, .c464e1bc245d6 span svg,
.c464e1bc245d6 label svg, .cfb020212742a svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c50b63580d6fe {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c50b63580d6fe:hover {
  fill: none;
  stroke: none;
}

.ccf6d18cadd87, .c533747cb33c2 label .cef649543cf50.c3c90578e0fa0 svg, .c7c95a667b5a4 span svg, .cc9870e2540db button svg, .cacefc0fc6dca.intermediate svg, .cfe89d6f02e29 label span.intermediate svg, .cacefc0fc6dca.checked svg, .cfe89d6f02e29 label span.checked svg, .c464e1bc245d6 span svg,
.c464e1bc245d6 label svg, .cfb020212742a svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c5c95a64182ea {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c5c95a64182ea:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c000ba4368bbd, .c45b9cfd8ff84 input, .cb9ae83c40109 input, .c464e1bc245d6 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c000ba4368bbd, .c45b9cfd8ff84 input, .cb9ae83c40109 input, .c464e1bc245d6 input {
    height: 23px;
  }
}
.c000ba4368bbd, .c45b9cfd8ff84 input, .cb9ae83c40109 input, .c464e1bc245d6 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c000ba4368bbd[disabled], .c45b9cfd8ff84 input[disabled], .cb9ae83c40109 input[disabled], .c464e1bc245d6 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cfb020212742a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cec8a252ba606, .c464e1bc245d6 span,
.c464e1bc245d6 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cec8a252ba606, .c464e1bc245d6 span,
  .c464e1bc245d6 label {
    height: 25px;
  }
}
.cec8a252ba606, .c464e1bc245d6 span,
.c464e1bc245d6 label {
  color: var(--input-foreground-color);
}

.c464e1bc245d6 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c464e1bc245d6 {
    height: 25px;
    font-size: 10px;
  }
}
.c464e1bc245d6 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c464e1bc245d6 span svg,
.c464e1bc245d6 label svg {
  color: var(--input-foreground-color);
}
.c464e1bc245d6 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c464e1bc245d6 ::placeholder {
  color: var(--input-placeholder-color);
}
.c464e1bc245d6:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c464e1bc245d6:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c464e1bc245d6:hover span {
  color: var(--input-foreground-color-hover);
}
.c464e1bc245d6:hover input {
  color: var(--input-foreground-color-hover);
}
.c464e1bc245d6:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c464e1bc245d6:active span {
  color: var(--input-foreground-color-active);
}
.c464e1bc245d6:active input {
  color: var(--input-foreground-color-active);
}
.c464e1bc245d6:focus, .c464e1bc245d6:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c464e1bc245d6:focus span, .c464e1bc245d6:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c464e1bc245d6:focus input, .c464e1bc245d6:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c464e1bc245d6:focus:hover, .c464e1bc245d6:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c464e1bc245d6:focus:hover span, .c464e1bc245d6:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c464e1bc245d6:focus:hover input, .c464e1bc245d6:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cb9ae83c40109 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cb9ae83c40109 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cb9ae83c40109 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb9ae83c40109 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb9ae83c40109:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cb9ae83c40109:focus-within input, .cb9ae83c40109:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c21d0a501ea43, .c45b9cfd8ff84.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c21d0a501ea43 input, .c45b9cfd8ff84.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c21d0a501ea43 span svg, .c45b9cfd8ff84.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cacefc0fc6dca, .cfe89d6f02e29 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cacefc0fc6dca svg, .cfe89d6f02e29 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cacefc0fc6dca:hover, .cfe89d6f02e29 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cacefc0fc6dca:focus, .cfe89d6f02e29 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cacefc0fc6dca.checked, .cfe89d6f02e29 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cacefc0fc6dca.checked svg, .cfe89d6f02e29 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cacefc0fc6dca.intermediate, .cfe89d6f02e29 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cacefc0fc6dca.intermediate svg, .cfe89d6f02e29 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cacefc0fc6dca.unchecked, .cfe89d6f02e29 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cacefc0fc6dca.unchecked svg, .cfe89d6f02e29 label span.unchecked svg {
  display: none;
}

.cfe89d6f02e29 {
  display: flex;
  align-items: center;
}
.cfe89d6f02e29 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cfe89d6f02e29 label input {
  margin: 0;
}
.cfe89d6f02e29 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cfe89d6f02e29 label:focus span, .cfe89d6f02e29 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c45b9cfd8ff84 {
  display: flex;
  flex-direction: column;
}
.c45b9cfd8ff84 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c45b9cfd8ff84 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c45b9cfd8ff84 input:focus-within input, .c45b9cfd8ff84 input:active input {
  color: var(--input-foreground-color-active);
}
.c45b9cfd8ff84 input:focus-within, .c45b9cfd8ff84 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c45b9cfd8ff84.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c3ba546fd2ec0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c6734c8419fb4 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c902f4fc53df0 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c3f6e635bfe17 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c44ea7019cdfd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cfc9ecafcb730 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c06f891e80e96 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce74ae425df22 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c4dc883dbb397 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cea4441d95265 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cea4441d95265:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c09de01fa8682 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cf533fe78cc37 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c428ba2597d19 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c291b83965c27 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c1397205c8e10 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c1397205c8e10:hover, .c1397205c8e10:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cc9870e2540db div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cc9870e2540db button {
  display: none;
}
.cc9870e2540db button svg {
  stroke: var(--icon-foreground);
}
.cc9870e2540db:hover button {
  display: flex;
}

.c561717f24e09 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c561717f24e09 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c561717f24e09 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c637c12c41616 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c637c12c41616:hover div {
  color: var(--entry-foreground-color-hover);
}

.ca1df89b59f4f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c8bfa796e6b06 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c8bfa796e6b06:hover {
  background-color: var(--menu-background-color-hover);
}

.c7c95a667b5a4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c7c95a667b5a4 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c7c95a667b5a4 span svg {
  stroke: var(--icon-foreground);
}
.c7c95a667b5a4:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c7c95a667b5a4:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c902812c73c36 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ca1162e608fd6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.caaae11afe47e,
.c6c1112d23e0e {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cd3d734d95469 .caaae11afe47e,
.cd3d734d95469 .c6c1112d23e0e {
  transform: scale(1);
}

.c9f184be27f12 .caaae11afe47e,
.c9f184be27f12 .c6c1112d23e0e {
  transform: scale(0);
}

.c5edea28c9812 {
  margin: 0;
}

.c0b83acbad09e {
  display: flex;
  gap: var(--sp-9);
}

.c00268865a30f {
  background-color: var(--constraint-widget-background-color);
  display: grid;
  grid-template-columns: 1.375rem 3.125rem 1.375rem;
  grid-template-rows: 1.375rem 3.125rem 1.375rem;
  grid-template-areas: "top top top" "left center right" "bottom bottom bottom";
  height: 5.875rem;
  width: 5.875rem;
  border-radius: 8px;
}

.ca565b0bade7d,
.c5d4e0e56ef4b,
.c1d7372bed412,
.cd34ccc8aa8ab,
.cddc05b366ef4 {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-area: top;
}

.ca90d072febf1,
.c5f38b311c40f,
.cb2ebf9fb6000 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.c73675b567f25 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 0.3125rem;
  border-radius: 0.15625rem;
  background-color: transparent;
  outline: none;
  padding: 0;
  margin: 0;
  transition: width 0.1s ease, height 0.1s ease, border-radius 0.1s ease, background-color 0.1s ease;
}
.c73675b567f25::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.5rem;
  height: 0.3125rem;
  border-radius: 0.15625rem;
  background-color: var(--color-foreground-secondary);
  pointer-events: none;
  transition: background-color 0.1s ease;
}

.ca90d072febf1:hover .c73675b567f25, .ca90d072febf1.ca02db1ad9128 .c73675b567f25, .ca90d072febf1:focus-visible .c73675b567f25 {
  width: 2.75rem;
  height: 0.5625rem;
  border-radius: 0.28125rem;
  background-color: var(--color-background-quaternary);
}
.ca90d072febf1:hover .c73675b567f25::after, .ca90d072febf1.ca02db1ad9128 .c73675b567f25::after, .ca90d072febf1:focus-visible .c73675b567f25::after {
  background-color: var(--color-accent-primary);
}

.c5d4e0e56ef4b {
  grid-area: left;
}
.c5d4e0e56ef4b .cb2ebf9fb6000 {
  width: 1.375rem;
  height: 3.125rem;
}
.c5d4e0e56ef4b .cb2ebf9fb6000 .c73675b567f25 {
  width: 0.3125rem;
  height: 2.5rem;
  border-radius: 0.15625rem;
}
.c5d4e0e56ef4b .cb2ebf9fb6000 .c73675b567f25::after {
  width: 0.3125rem;
  height: 2.5rem;
}
.c5d4e0e56ef4b .cb2ebf9fb6000:hover .c73675b567f25, .c5d4e0e56ef4b .cb2ebf9fb6000.ca02db1ad9128 .c73675b567f25, .c5d4e0e56ef4b .cb2ebf9fb6000:focus-visible .c73675b567f25 {
  width: 0.5625rem;
  height: 2.75rem;
  border-radius: 0.28125rem;
  background-color: var(--color-background-quaternary);
}
.c5d4e0e56ef4b .cb2ebf9fb6000:hover .c73675b567f25::after, .c5d4e0e56ef4b .cb2ebf9fb6000.ca02db1ad9128 .c73675b567f25::after, .c5d4e0e56ef4b .cb2ebf9fb6000:focus-visible .c73675b567f25::after {
  background-color: var(--color-accent-primary);
}

.c1d7372bed412 {
  grid-area: center;
  position: relative;
  background-color: var(--constraint-center-area-background-color);
  border-radius: 8px;
}
.c1d7372bed412 .ca90d072febf1 {
  width: 3.125rem;
  height: 1.375rem;
}
.c1d7372bed412 .c5f38b311c40f {
  position: absolute;
  width: 1.375rem;
  height: 3.125rem;
}
.c1d7372bed412 .c5f38b311c40f .c73675b567f25 {
  width: 0.3125rem;
  height: 2.5rem;
}
.c1d7372bed412 .c5f38b311c40f .c73675b567f25::after {
  width: 0.3125rem;
  height: 2.5rem;
}
.c1d7372bed412 .c5f38b311c40f:hover .c73675b567f25, .c1d7372bed412 .c5f38b311c40f.ca02db1ad9128 .c73675b567f25, .c1d7372bed412 .c5f38b311c40f:focus-visible .c73675b567f25 {
  width: 0.5625rem;
  height: 2.75rem;
  border-radius: 0.28125rem;
  background-color: var(--color-background-quaternary);
}
.c1d7372bed412 .c5f38b311c40f:hover .c73675b567f25::after, .c1d7372bed412 .c5f38b311c40f.ca02db1ad9128 .c73675b567f25::after, .c1d7372bed412 .c5f38b311c40f:focus-visible .c73675b567f25::after {
  background-color: var(--color-accent-primary);
}

.cd34ccc8aa8ab {
  grid-area: right;
}
.cd34ccc8aa8ab .cb2ebf9fb6000 {
  width: 1.375rem;
  height: 3.125rem;
}
.cd34ccc8aa8ab .cb2ebf9fb6000 .c73675b567f25 {
  width: 0.3125rem;
  height: 2.5rem;
}
.cd34ccc8aa8ab .cb2ebf9fb6000 .c73675b567f25::after {
  width: 0.3125rem;
  height: 2.5rem;
}
.cd34ccc8aa8ab .cb2ebf9fb6000:hover .c73675b567f25, .cd34ccc8aa8ab .cb2ebf9fb6000.ca02db1ad9128 .c73675b567f25, .cd34ccc8aa8ab .cb2ebf9fb6000:focus-visible .c73675b567f25 {
  width: 0.5625rem;
  height: 2.75rem;
  border-radius: 0.28125rem;
  background-color: var(--color-background-quaternary);
}
.cd34ccc8aa8ab .cb2ebf9fb6000:hover .c73675b567f25::after, .cd34ccc8aa8ab .cb2ebf9fb6000.ca02db1ad9128 .c73675b567f25::after, .cd34ccc8aa8ab .cb2ebf9fb6000:focus-visible .c73675b567f25::after {
  background-color: var(--color-accent-primary);
}

.cddc05b366ef4 {
  grid-area: bottom;
}

.cb332de78269c {
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
}

.c5512cfead4d6,
.c677d160fdec9 {
  width: var(--grid-exception-input-width);
  padding: 0;
}

.c533747cb33c2 {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding-left: 0;
}
.c533747cb33c2 input {
  margin: 0;
}
.c533747cb33c2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.125rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c533747cb33c2 label .cef649543cf50 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: 4px;
  background-color: var(--color-background-fifty);
}
.c533747cb33c2 label .cef649543cf50.c3c90578e0fa0 {
  background-color: var(--input-checkbox-background-color-active);
}
.c533747cb33c2 label .cef649543cf50.c3c90578e0fa0 svg {
  color: var(--input-details-color);
}
.c533747cb33c2 label .cef649543cf50:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c533747cb33c2 label .cef649543cf50:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
@keyframes cca8fb40b8384 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c6cc31f3a0816 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c6cc31f3a0816:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c6cc31f3a0816 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c6cc31f3a0816 ::-webkit-scrollbar-track,
.c6cc31f3a0816 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c6cc31f3a0816 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c6cc31f3a0816 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c6cc31f3a0816 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c6cc31f3a0816 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c6cc31f3a0816 ::placeholder,
.c6cc31f3a0816 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c62d740c05a7f, .c406ff5473673, .cb6902f9ebc93 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c62d740c05a7f svg, .c406ff5473673 svg, .cb6902f9ebc93 svg,
.c62d740c05a7f span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c62d740c05a7f:focus-visible, .c406ff5473673:focus-visible, .cb6902f9ebc93:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c62d740c05a7f:focus-visible svg, .c406ff5473673:focus-visible svg, .cb6902f9ebc93:focus-visible svg,
.c62d740c05a7f:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c62d740c05a7f:hover, .c406ff5473673:hover, .cb6902f9ebc93:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c62d740c05a7f:hover svg, .c406ff5473673:hover svg, .cb6902f9ebc93:hover svg,
.c62d740c05a7f:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c62d740c05a7f:active, .c406ff5473673:active, .cb6902f9ebc93:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c62d740c05a7f:active svg, .c406ff5473673:active svg, .cb6902f9ebc93:active svg,
.c62d740c05a7f:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c62d740c05a7f.disabled, .c406ff5473673.disabled, .cb6902f9ebc93.disabled, .c62d740c05a7f[disabled], [disabled].c406ff5473673, [disabled].cb6902f9ebc93, .c62d740c05a7f:disabled, .c406ff5473673:disabled, .cb6902f9ebc93:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3106145216a0, .c346825aff41d, .cd13f249929ba {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c3106145216a0 svg, .c346825aff41d svg, .cd13f249929ba svg,
.c3106145216a0 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c3106145216a0:focus-visible, .c346825aff41d:focus-visible, .cd13f249929ba:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c3106145216a0:focus-visible svg, .c346825aff41d:focus-visible svg, .cd13f249929ba:focus-visible svg,
.c3106145216a0:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c3106145216a0:hover, .c346825aff41d:hover, .cd13f249929ba:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c3106145216a0:hover svg, .c346825aff41d:hover svg, .cd13f249929ba:hover svg,
.c3106145216a0:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c3106145216a0:active, .c346825aff41d:active, .cd13f249929ba:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c3106145216a0:active svg, .c346825aff41d:active svg, .cd13f249929ba:active svg,
.c3106145216a0:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c3106145216a0.disabled, .c346825aff41d.disabled, .cd13f249929ba.disabled, .c3106145216a0[disabled], [disabled].c346825aff41d, [disabled].cd13f249929ba, .c3106145216a0:disabled, .c346825aff41d:disabled, .cd13f249929ba:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c456f6f547585 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c456f6f547585 svg,
.c456f6f547585 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c456f6f547585:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c456f6f547585:focus-visible svg,
.c456f6f547585:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c456f6f547585:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c456f6f547585:hover svg,
.c456f6f547585:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c456f6f547585:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c456f6f547585:active svg,
.c456f6f547585:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c456f6f547585.disabled, .c456f6f547585[disabled], .c456f6f547585:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8c4a4b866a02, .c5420aa925901 button, .c511334aceb60 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c8c4a4b866a02 svg, .c5420aa925901 button svg, .c511334aceb60 svg,
.c8c4a4b866a02 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c8c4a4b866a02:focus-visible, .c5420aa925901 button:focus-visible, .c511334aceb60:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c8c4a4b866a02:focus-visible svg, .c5420aa925901 button:focus-visible svg, .c511334aceb60:focus-visible svg,
.c8c4a4b866a02:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c8c4a4b866a02:hover, .c5420aa925901 button:hover, .c511334aceb60:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c8c4a4b866a02:hover svg, .c5420aa925901 button:hover svg, .c511334aceb60:hover svg,
.c8c4a4b866a02:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c8c4a4b866a02:active, .c5420aa925901 button:active, .c511334aceb60:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c8c4a4b866a02:active svg, .c5420aa925901 button:active svg, .c511334aceb60:active svg,
.c8c4a4b866a02:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c8c4a4b866a02.disabled, .c5420aa925901 button.disabled, .c511334aceb60.disabled, .c8c4a4b866a02[disabled], .c5420aa925901 button[disabled], [disabled].c511334aceb60, .c8c4a4b866a02:disabled, .c5420aa925901 button:disabled, .c511334aceb60:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c8c4a4b866a02.disabled svg, .c5420aa925901 button.disabled svg, .c511334aceb60.disabled svg,
.c8c4a4b866a02.disabled span svg, .c8c4a4b866a02[disabled] svg, .c5420aa925901 button[disabled] svg, [disabled].c511334aceb60 svg,
.c8c4a4b866a02[disabled] span svg, .c8c4a4b866a02:disabled svg, .c5420aa925901 button:disabled svg, .c511334aceb60:disabled svg,
.c8c4a4b866a02:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c2df35ed75b8b {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c2df35ed75b8b svg {
  color: var(--button-icon-foreground-color-selected);
}

.c6a2f910da55f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c6a2f910da55f svg,
.c6a2f910da55f span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c6a2f910da55f:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c6a2f910da55f:focus-visible svg,
.c6a2f910da55f:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c6a2f910da55f:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c6a2f910da55f:hover svg,
.c6a2f910da55f:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c6a2f910da55f:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c6a2f910da55f:active svg,
.c6a2f910da55f:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cf2d482da74fa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c5815b495133f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c83a9f00d3916 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c83a9f00d3916:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c83a9f00d3916:focus-visible svg,
.c83a9f00d3916:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c83a9f00d3916:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c83a9f00d3916:active {
  border: none;
  background-color: transparent;
}

.ccb08905db6e9, .c511334aceb60 svg, .cc9fa37639625, .c83bea57744c9 span svg, .c5420aa925901 button svg, .c09285c96e540.intermediate svg, .c377c32a61807 label span.intermediate svg, .c09285c96e540.checked svg, .c377c32a61807 label span.checked svg, .c136f16b947cf span svg, .c8debfd71e63e span svg,
.c136f16b947cf label svg,
.c8debfd71e63e label svg, .c650ba1e29630 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c6b9e85327a24 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c6b9e85327a24:hover {
  fill: none;
  stroke: none;
}

.cc9fa37639625, .c83bea57744c9 span svg, .c5420aa925901 button svg, .c09285c96e540.intermediate svg, .c377c32a61807 label span.intermediate svg, .c09285c96e540.checked svg, .c377c32a61807 label span.checked svg, .c136f16b947cf span svg, .c8debfd71e63e span svg,
.c136f16b947cf label svg,
.c8debfd71e63e label svg, .c650ba1e29630 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c310a3554ff69 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c310a3554ff69:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c5abada7078e9, .c2e98aa9a416b input, .cc62cb6a5a9fe input, .c136f16b947cf input, .c8debfd71e63e input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c5abada7078e9, .c2e98aa9a416b input, .cc62cb6a5a9fe input, .c136f16b947cf input, .c8debfd71e63e input {
    height: 23px;
  }
}
.c5abada7078e9, .c2e98aa9a416b input, .cc62cb6a5a9fe input, .c136f16b947cf input, .c8debfd71e63e input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c5abada7078e9[disabled], .c2e98aa9a416b input[disabled], .cc62cb6a5a9fe input[disabled], .c136f16b947cf input[disabled], .c8debfd71e63e input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c650ba1e29630 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cdd9bb5cb43f4, .c136f16b947cf span, .c8debfd71e63e span,
.c136f16b947cf label,
.c8debfd71e63e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cdd9bb5cb43f4, .c136f16b947cf span, .c8debfd71e63e span,
  .c136f16b947cf label,
  .c8debfd71e63e label {
    height: 25px;
  }
}
.cdd9bb5cb43f4, .c136f16b947cf span, .c8debfd71e63e span,
.c136f16b947cf label,
.c8debfd71e63e label {
  color: var(--input-foreground-color);
}

.c136f16b947cf, .c8debfd71e63e {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c136f16b947cf, .c8debfd71e63e {
    height: 25px;
    font-size: 10px;
  }
}
.c136f16b947cf, .c8debfd71e63e {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c136f16b947cf span svg, .c8debfd71e63e span svg,
.c136f16b947cf label svg,
.c8debfd71e63e label svg {
  color: var(--input-foreground-color);
}
.c136f16b947cf ::-moz-placeholder, .c8debfd71e63e ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c136f16b947cf ::placeholder, .c8debfd71e63e ::placeholder {
  color: var(--input-placeholder-color);
}
.c136f16b947cf:focus-within, .c8debfd71e63e:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c136f16b947cf:hover, .c8debfd71e63e:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c136f16b947cf:hover span, .c8debfd71e63e:hover span {
  color: var(--input-foreground-color-hover);
}
.c136f16b947cf:hover input, .c8debfd71e63e:hover input {
  color: var(--input-foreground-color-hover);
}
.c136f16b947cf:active, .c8debfd71e63e:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c136f16b947cf:active span, .c8debfd71e63e:active span {
  color: var(--input-foreground-color-active);
}
.c136f16b947cf:active input, .c8debfd71e63e:active input {
  color: var(--input-foreground-color-active);
}
.c136f16b947cf:focus, .c8debfd71e63e:focus, .c136f16b947cf:focus-within, .c8debfd71e63e:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c136f16b947cf:focus span, .c8debfd71e63e:focus span, .c136f16b947cf:focus-within span, .c8debfd71e63e:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c136f16b947cf:focus input, .c8debfd71e63e:focus input, .c136f16b947cf:focus-within input, .c8debfd71e63e:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c136f16b947cf:focus:hover, .c8debfd71e63e:focus:hover, .c136f16b947cf:focus-within:hover, .c8debfd71e63e:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c136f16b947cf:focus:hover span, .c8debfd71e63e:focus:hover span, .c136f16b947cf:focus-within:hover span, .c8debfd71e63e:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c136f16b947cf:focus:hover input, .c8debfd71e63e:focus:hover input, .c136f16b947cf:focus-within:hover input, .c8debfd71e63e:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cc62cb6a5a9fe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cc62cb6a5a9fe input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cc62cb6a5a9fe ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc62cb6a5a9fe ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc62cb6a5a9fe:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cc62cb6a5a9fe:focus-within input, .cc62cb6a5a9fe:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c6cc410d05b2e, .c2e98aa9a416b.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c6cc410d05b2e input, .c2e98aa9a416b.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c6cc410d05b2e span svg, .c2e98aa9a416b.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c09285c96e540, .c377c32a61807 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c09285c96e540 svg, .c377c32a61807 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c09285c96e540:hover, .c377c32a61807 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c09285c96e540:focus, .c377c32a61807 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c09285c96e540.checked, .c377c32a61807 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c09285c96e540.checked svg, .c377c32a61807 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c09285c96e540.intermediate, .c377c32a61807 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c09285c96e540.intermediate svg, .c377c32a61807 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c09285c96e540.unchecked, .c377c32a61807 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c09285c96e540.unchecked svg, .c377c32a61807 label span.unchecked svg {
  display: none;
}

.c377c32a61807 {
  display: flex;
  align-items: center;
}
.c377c32a61807 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c377c32a61807 label input {
  margin: 0;
}
.c377c32a61807 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c377c32a61807 label:focus span, .c377c32a61807 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c2e98aa9a416b {
  display: flex;
  flex-direction: column;
}
.c2e98aa9a416b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c2e98aa9a416b input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c2e98aa9a416b input:focus-within input, .c2e98aa9a416b input:active input {
  color: var(--input-foreground-color-active);
}
.c2e98aa9a416b input:focus-within, .c2e98aa9a416b input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c2e98aa9a416b.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c7c2c568d95d9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.caf15ddf117f9 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c6e1594666d3f {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c511334aceb60 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c5d7ad38a8dec {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c97020f4c8d86 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cd13f249929ba {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb6902f9ebc93 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c406ff5473673 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c983d6da5c7eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c983d6da5c7eb:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cd5b158e96d4d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c9e8c48ed5f1f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c9df3b40b845a, .cc9687f85d43d .cebda0610dd6c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c7d1a0d1159dd {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ca66b94f6dbf6 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ca66b94f6dbf6:hover, .ca66b94f6dbf6:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c5420aa925901 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c5420aa925901 button {
  display: none;
}
.c5420aa925901 button svg {
  stroke: var(--icon-foreground);
}
.c5420aa925901:hover button {
  display: flex;
}

.c9fa765d80288 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c9fa765d80288 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c9fa765d80288 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c95f556b2beaf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c95f556b2beaf:hover div {
  color: var(--entry-foreground-color-hover);
}

.cbac6b9697182 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cba06aaa716b9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cba06aaa716b9:hover {
  background-color: var(--menu-background-color-hover);
}

.c83bea57744c9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c83bea57744c9 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c83bea57744c9 span svg {
  stroke: var(--icon-foreground);
}
.c83bea57744c9:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c83bea57744c9:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cd75f59c1ed72 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c39d9fe17cbc0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c4da47b2ab366,
.cf705a89ad341 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c09c7d2252a7e .c4da47b2ab366,
.c09c7d2252a7e .cf705a89ad341 {
  transform: scale(1);
}

.c9263fccaa0ef .c4da47b2ab366,
.c9263fccaa0ef .cf705a89ad341 {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.ccd76d8156ffa {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.cd1a927b0f250 {
  grid-column: span 8;
}

.c2497595be07e {
  padding-left: 0.125rem;
  margin: 0;
}

.c27d648e0bc63 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
  row-gap: var(--sp-9);
}

.cc9687f85d43d {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  grid-column: 1/span 9;
}
.cc9687f85d43d .c0ece274871b9 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}

.cd9a853be649e {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}

.cd05acc257b46 {
  grid-column: span 7;
  display: grid;
  grid-template-columns: subgrid;
}

.ccee3d4a0c814 {
  grid-column: span 2;
  padding: 0;
}
.ccee3d4a0c814 .c8f197608b29e {
  bottom: 2.25rem;
  width: 5rem;
  top: unset;
}

.cfdf8902f6173 {
  grid-column: span 2;
  padding: 0;
}
.cfdf8902f6173 .c8f197608b29e {
  bottom: 2.25rem;
  top: unset;
  width: 5rem;
}

.c8debfd71e63e {
  grid-column: span 3;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c346825aff41d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  grid-column: 1/span 9;
  height: 1.875rem;
}

.cc200f2801cc5 {
  --button-fg-color: #535353;
}

@media (max-width: 1680px) {
  .c346825aff41d {
    height: 25px;
  }
}
@keyframes c5ca4490bc392 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c02017cea5633 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c02017cea5633:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c02017cea5633 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c02017cea5633 ::-webkit-scrollbar-track,
.c02017cea5633 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c02017cea5633 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c02017cea5633 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c02017cea5633 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c02017cea5633 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c02017cea5633 ::placeholder,
.c02017cea5633 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c428d75a1f324, .ce028b7cd36eb, .c9225dc22d8ce {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c428d75a1f324 svg, .ce028b7cd36eb svg, .c9225dc22d8ce svg,
.c428d75a1f324 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c428d75a1f324:focus-visible, .ce028b7cd36eb:focus-visible, .c9225dc22d8ce:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c428d75a1f324:focus-visible svg, .ce028b7cd36eb:focus-visible svg, .c9225dc22d8ce:focus-visible svg,
.c428d75a1f324:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c428d75a1f324:hover, .ce028b7cd36eb:hover, .c9225dc22d8ce:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c428d75a1f324:hover svg, .ce028b7cd36eb:hover svg, .c9225dc22d8ce:hover svg,
.c428d75a1f324:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c428d75a1f324:active, .ce028b7cd36eb:active, .c9225dc22d8ce:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c428d75a1f324:active svg, .ce028b7cd36eb:active svg, .c9225dc22d8ce:active svg,
.c428d75a1f324:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c428d75a1f324.disabled, .ce028b7cd36eb.disabled, .c9225dc22d8ce.disabled, .c428d75a1f324[disabled], [disabled].ce028b7cd36eb, [disabled].c9225dc22d8ce, .c428d75a1f324:disabled, .ce028b7cd36eb:disabled, .c9225dc22d8ce:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd23cfcc31214, .cad0716e19ebf {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cd23cfcc31214 svg, .cad0716e19ebf svg,
.cd23cfcc31214 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cd23cfcc31214:focus-visible, .cad0716e19ebf:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd23cfcc31214:focus-visible svg, .cad0716e19ebf:focus-visible svg,
.cd23cfcc31214:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd23cfcc31214:hover, .cad0716e19ebf:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cd23cfcc31214:hover svg, .cad0716e19ebf:hover svg,
.cd23cfcc31214:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cd23cfcc31214:active, .cad0716e19ebf:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cd23cfcc31214:active svg, .cad0716e19ebf:active svg,
.cd23cfcc31214:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cd23cfcc31214.disabled, .cad0716e19ebf.disabled, .cd23cfcc31214[disabled], [disabled].cad0716e19ebf, .cd23cfcc31214:disabled, .cad0716e19ebf:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c808124533b10 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c808124533b10 svg,
.c808124533b10 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c808124533b10:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c808124533b10:focus-visible svg,
.c808124533b10:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c808124533b10:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c808124533b10:hover svg,
.c808124533b10:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c808124533b10:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c808124533b10:active svg,
.c808124533b10:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c808124533b10.disabled, .c808124533b10[disabled], .c808124533b10:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf0e3437a4d57, .c8aff658d46c2 button, .c0387e696606d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cf0e3437a4d57 svg, .c8aff658d46c2 button svg, .c0387e696606d svg,
.cf0e3437a4d57 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cf0e3437a4d57:focus-visible, .c8aff658d46c2 button:focus-visible, .c0387e696606d:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cf0e3437a4d57:focus-visible svg, .c8aff658d46c2 button:focus-visible svg, .c0387e696606d:focus-visible svg,
.cf0e3437a4d57:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cf0e3437a4d57:hover, .c8aff658d46c2 button:hover, .c0387e696606d:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cf0e3437a4d57:hover svg, .c8aff658d46c2 button:hover svg, .c0387e696606d:hover svg,
.cf0e3437a4d57:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cf0e3437a4d57:active, .c8aff658d46c2 button:active, .c0387e696606d:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cf0e3437a4d57:active svg, .c8aff658d46c2 button:active svg, .c0387e696606d:active svg,
.cf0e3437a4d57:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cf0e3437a4d57.disabled, .c8aff658d46c2 button.disabled, .c0387e696606d.disabled, .cf0e3437a4d57[disabled], .c8aff658d46c2 button[disabled], [disabled].c0387e696606d, .cf0e3437a4d57:disabled, .c8aff658d46c2 button:disabled, .c0387e696606d:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cf0e3437a4d57.disabled svg, .c8aff658d46c2 button.disabled svg, .c0387e696606d.disabled svg,
.cf0e3437a4d57.disabled span svg, .cf0e3437a4d57[disabled] svg, .c8aff658d46c2 button[disabled] svg, [disabled].c0387e696606d svg,
.cf0e3437a4d57[disabled] span svg, .cf0e3437a4d57:disabled svg, .c8aff658d46c2 button:disabled svg, .c0387e696606d:disabled svg,
.cf0e3437a4d57:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cebb374739a54 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cebb374739a54 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c50fde9600734 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c50fde9600734 svg,
.c50fde9600734 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c50fde9600734:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c50fde9600734:focus-visible svg,
.c50fde9600734:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c50fde9600734:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c50fde9600734:hover svg,
.c50fde9600734:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c50fde9600734:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c50fde9600734:active svg,
.c50fde9600734:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c16200d3bffd3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c3ff8b7fb2fbe {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb37110a18705 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cb37110a18705:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cb37110a18705:focus-visible svg,
.cb37110a18705:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cb37110a18705:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cb37110a18705:active {
  border: none;
  background-color: transparent;
}

.c3a33aaa9d992, .c0387e696606d svg, .c7a5d133655e6, .cf93c0f0e1bea span.c648816aeff7a svg, .cf93c0f0e1bea label .c3845135d74b9.c648816aeff7a svg, .cc20d82fbc8ff span svg, .c8aff658d46c2 button svg, .c790ad2ed1174.intermediate svg, .cd997a205dc0d label span.intermediate svg, .cf93c0f0e1bea label span.intermediate svg, .c790ad2ed1174.checked svg, .cd997a205dc0d label span.checked svg, .cf93c0f0e1bea label span.checked svg, .c579376175609 span svg,
.c579376175609 label svg, .c77c3a3cf04ee svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cf6f00a4cb963 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cf6f00a4cb963:hover {
  fill: none;
  stroke: none;
}

.c7a5d133655e6, .cf93c0f0e1bea span.c648816aeff7a svg, .cf93c0f0e1bea label .c3845135d74b9.c648816aeff7a svg, .cc20d82fbc8ff span svg, .c8aff658d46c2 button svg, .c790ad2ed1174.intermediate svg, .cd997a205dc0d label span.intermediate svg, .cf93c0f0e1bea label span.intermediate svg, .c790ad2ed1174.checked svg, .cd997a205dc0d label span.checked svg, .cf93c0f0e1bea label span.checked svg, .c579376175609 span svg,
.c579376175609 label svg, .c77c3a3cf04ee svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c56b3aff01b9d {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c56b3aff01b9d:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c35c18c2f4631, .ca1abe768099c input, .c9f4e13a6af55 input, .c579376175609 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c35c18c2f4631, .ca1abe768099c input, .c9f4e13a6af55 input, .c579376175609 input {
    height: 23px;
  }
}
.c35c18c2f4631, .ca1abe768099c input, .c9f4e13a6af55 input, .c579376175609 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c35c18c2f4631[disabled], .ca1abe768099c input[disabled], .c9f4e13a6af55 input[disabled], .c579376175609 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c77c3a3cf04ee {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c246f3afe86bd, .c579376175609 span,
.c579376175609 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c246f3afe86bd, .c579376175609 span,
  .c579376175609 label {
    height: 25px;
  }
}
.c246f3afe86bd, .c579376175609 span,
.c579376175609 label {
  color: var(--input-foreground-color);
}

.c579376175609 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c579376175609 {
    height: 25px;
    font-size: 10px;
  }
}
.c579376175609 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c579376175609 span svg,
.c579376175609 label svg {
  color: var(--input-foreground-color);
}
.c579376175609 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c579376175609 ::placeholder {
  color: var(--input-placeholder-color);
}
.c579376175609:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c579376175609:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c579376175609:hover span {
  color: var(--input-foreground-color-hover);
}
.c579376175609:hover input {
  color: var(--input-foreground-color-hover);
}
.c579376175609:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c579376175609:active span {
  color: var(--input-foreground-color-active);
}
.c579376175609:active input {
  color: var(--input-foreground-color-active);
}
.c579376175609:focus, .c579376175609:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c579376175609:focus span, .c579376175609:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c579376175609:focus input, .c579376175609:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c579376175609:focus:hover, .c579376175609:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c579376175609:focus:hover span, .c579376175609:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c579376175609:focus:hover input, .c579376175609:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c9f4e13a6af55 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c9f4e13a6af55 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c9f4e13a6af55 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c9f4e13a6af55 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c9f4e13a6af55:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c9f4e13a6af55:focus-within input, .c9f4e13a6af55:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cd76d9e083e28, .ca1abe768099c.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cd76d9e083e28 input, .ca1abe768099c.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cd76d9e083e28 span svg, .ca1abe768099c.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c790ad2ed1174, .cd997a205dc0d label span, .cf93c0f0e1bea label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c790ad2ed1174 svg, .cd997a205dc0d label span svg, .cf93c0f0e1bea label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c790ad2ed1174:hover, .cd997a205dc0d label span:hover, .cf93c0f0e1bea label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c790ad2ed1174:focus, .cd997a205dc0d label span:focus, .cf93c0f0e1bea label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c790ad2ed1174.checked, .cd997a205dc0d label span.checked, .cf93c0f0e1bea label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c790ad2ed1174.checked svg, .cd997a205dc0d label span.checked svg, .cf93c0f0e1bea label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c790ad2ed1174.intermediate, .cd997a205dc0d label span.intermediate, .cf93c0f0e1bea label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c790ad2ed1174.intermediate svg, .cd997a205dc0d label span.intermediate svg, .cf93c0f0e1bea label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c790ad2ed1174.unchecked, .cd997a205dc0d label span.unchecked, .cf93c0f0e1bea label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c790ad2ed1174.unchecked svg, .cd997a205dc0d label span.unchecked svg, .cf93c0f0e1bea label span.unchecked svg {
  display: none;
}

.cd997a205dc0d, .cf93c0f0e1bea {
  display: flex;
  align-items: center;
}
.cd997a205dc0d label, .cf93c0f0e1bea label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cd997a205dc0d label input, .cf93c0f0e1bea label input {
  margin: 0;
}
.cd997a205dc0d label:hover span, .cf93c0f0e1bea label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd997a205dc0d label:focus span, .cf93c0f0e1bea label:focus span, .cd997a205dc0d label:focus-within span, .cf93c0f0e1bea label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ca1abe768099c {
  display: flex;
  flex-direction: column;
}
.ca1abe768099c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ca1abe768099c input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ca1abe768099c input:focus-within input, .ca1abe768099c input:active input {
  color: var(--input-foreground-color-active);
}
.ca1abe768099c input:focus-within, .ca1abe768099c input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ca1abe768099c.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c48f39b6fd2a6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cf86b96ea95ce {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ccc7e4fef8cd7 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c0387e696606d {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cc992f104db25 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c961eacef255a {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cad0716e19ebf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c9225dc22d8ce {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce028b7cd36eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c34e1ea3b2af6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c34e1ea3b2af6:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c54a690db26c2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c20737e50f573 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c0c458432aa4a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c041c65a8d3eb {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c17826eb68e30 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c17826eb68e30:hover, .c17826eb68e30:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c8aff658d46c2 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c8aff658d46c2 button {
  display: none;
}
.c8aff658d46c2 button svg {
  stroke: var(--icon-foreground);
}
.c8aff658d46c2:hover button {
  display: flex;
}

.c26fbc013f1d9 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c26fbc013f1d9 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c26fbc013f1d9 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cce3fdbe19f57 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cce3fdbe19f57:hover div {
  color: var(--entry-foreground-color-hover);
}

.c8025d6fff29a {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c8fa1d790481c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c8fa1d790481c:hover {
  background-color: var(--menu-background-color-hover);
}

.cc20d82fbc8ff {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cc20d82fbc8ff span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc20d82fbc8ff span svg {
  stroke: var(--icon-foreground);
}
.cc20d82fbc8ff:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cc20d82fbc8ff:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c565a2301fe83 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c83600f834c36 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c1a7a62f58411,
.c492e6f76feac {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c72be36993d97 .c1a7a62f58411,
.c72be36993d97 .c492e6f76feac {
  transform: scale(1);
}

.c72bdbc9ed950 .c1a7a62f58411,
.c72bdbc9ed950 .c492e6f76feac {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.ce4c855c376fc {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.c9334fc4bd5bb {
  grid-column: span 8;
}

.c7e272d878ecc {
  padding-inline-start: var(--sp-xxs);
}

.c17a0bcf50f06 {
  grid-column: span 8;
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
  margin: var(--sp-xs) 0 var(--sp-s) 0;
}

.c87fc6f17eea6 {
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
}

.c743019eb987d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  block-size: 1.875rem;
  padding: var(--sp-s);
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}

.cf93c0f0e1bea {
  padding-inline-start: var(--sp-s);
}
.cf93c0f0e1bea span.c648816aeff7a {
  background-color: var(--color-accent-primary);
}
.cf93c0f0e1bea span.c648816aeff7a svg {
  stroke: var(--color-background-primary);
}

.cf93c0f0e1bea {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding-left: 0;
}
.cf93c0f0e1bea input {
  margin: 0;
}
.cf93c0f0e1bea label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.125rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cf93c0f0e1bea label .c3845135d74b9 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: px2rem(15);
  height: px2rem(15);
  border-radius: 4px;
  background-color: var(--color-background-fifty);
}
.cf93c0f0e1bea label .c3845135d74b9.c648816aeff7a {
  background-color: var(--input-checkbox-background-color-active);
}
.cf93c0f0e1bea label .c3845135d74b9.c648816aeff7a svg {
  stroke: var(--input-details-color);
}
.cf93c0f0e1bea label .c3845135d74b9:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf93c0f0e1bea label .c3845135d74b9:focus {
  border-color: var(--input-checkbox-border-color-focus);
}

.cc5d6f675fd61 {
  --button-fg-color: #535353;
}

@media (max-width: 1680px) {
  .c743019eb987d {
    block-size: 25px;
  }
}
@keyframes c1c9be1a9d7f5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c2fe7a4cc160b {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c2fe7a4cc160b:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c2fe7a4cc160b ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c2fe7a4cc160b ::-webkit-scrollbar-track,
.c2fe7a4cc160b ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c2fe7a4cc160b ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c2fe7a4cc160b ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c2fe7a4cc160b ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2fe7a4cc160b ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2fe7a4cc160b ::placeholder,
.c2fe7a4cc160b ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c47df136470e1, .c6fc49fd5a0ad, .c10ff6fe57956 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c47df136470e1 svg, .c6fc49fd5a0ad svg, .c10ff6fe57956 svg,
.c47df136470e1 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c47df136470e1:focus-visible, .c6fc49fd5a0ad:focus-visible, .c10ff6fe57956:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c47df136470e1:focus-visible svg, .c6fc49fd5a0ad:focus-visible svg, .c10ff6fe57956:focus-visible svg,
.c47df136470e1:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c47df136470e1:hover, .c6fc49fd5a0ad:hover, .c10ff6fe57956:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c47df136470e1:hover svg, .c6fc49fd5a0ad:hover svg, .c10ff6fe57956:hover svg,
.c47df136470e1:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c47df136470e1:active, .c6fc49fd5a0ad:active, .c10ff6fe57956:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c47df136470e1:active svg, .c6fc49fd5a0ad:active svg, .c10ff6fe57956:active svg,
.c47df136470e1:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c47df136470e1.disabled, .c6fc49fd5a0ad.disabled, .c10ff6fe57956.disabled, .c47df136470e1[disabled], [disabled].c6fc49fd5a0ad, [disabled].c10ff6fe57956, .c47df136470e1:disabled, .c6fc49fd5a0ad:disabled, .c10ff6fe57956:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3abd9215b83a, .cf3e3822440a0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c3abd9215b83a svg, .cf3e3822440a0 svg,
.c3abd9215b83a span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c3abd9215b83a:focus-visible, .cf3e3822440a0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c3abd9215b83a:focus-visible svg, .cf3e3822440a0:focus-visible svg,
.c3abd9215b83a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c3abd9215b83a:hover, .cf3e3822440a0:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c3abd9215b83a:hover svg, .cf3e3822440a0:hover svg,
.c3abd9215b83a:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c3abd9215b83a:active, .cf3e3822440a0:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c3abd9215b83a:active svg, .cf3e3822440a0:active svg,
.c3abd9215b83a:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c3abd9215b83a.disabled, .cf3e3822440a0.disabled, .c3abd9215b83a[disabled], [disabled].cf3e3822440a0, .c3abd9215b83a:disabled, .cf3e3822440a0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9f6695346e98 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c9f6695346e98 svg,
.c9f6695346e98 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c9f6695346e98:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c9f6695346e98:focus-visible svg,
.c9f6695346e98:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c9f6695346e98:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c9f6695346e98:hover svg,
.c9f6695346e98:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c9f6695346e98:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c9f6695346e98:active svg,
.c9f6695346e98:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c9f6695346e98.disabled, .c9f6695346e98[disabled], .c9f6695346e98:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c93bb22384860, .cc64958868b7a button, .c358a621f66da {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c93bb22384860 svg, .cc64958868b7a button svg, .c358a621f66da svg,
.c93bb22384860 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c93bb22384860:focus-visible, .cc64958868b7a button:focus-visible, .c358a621f66da:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c93bb22384860:focus-visible svg, .cc64958868b7a button:focus-visible svg, .c358a621f66da:focus-visible svg,
.c93bb22384860:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c93bb22384860:hover, .cc64958868b7a button:hover, .c358a621f66da:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c93bb22384860:hover svg, .cc64958868b7a button:hover svg, .c358a621f66da:hover svg,
.c93bb22384860:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c93bb22384860:active, .cc64958868b7a button:active, .c358a621f66da:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c93bb22384860:active svg, .cc64958868b7a button:active svg, .c358a621f66da:active svg,
.c93bb22384860:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c93bb22384860.disabled, .cc64958868b7a button.disabled, .c358a621f66da.disabled, .c93bb22384860[disabled], .cc64958868b7a button[disabled], [disabled].c358a621f66da, .c93bb22384860:disabled, .cc64958868b7a button:disabled, .c358a621f66da:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c93bb22384860.disabled svg, .cc64958868b7a button.disabled svg, .c358a621f66da.disabled svg,
.c93bb22384860.disabled span svg, .c93bb22384860[disabled] svg, .cc64958868b7a button[disabled] svg, [disabled].c358a621f66da svg,
.c93bb22384860[disabled] span svg, .c93bb22384860:disabled svg, .cc64958868b7a button:disabled svg, .c358a621f66da:disabled svg,
.c93bb22384860:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ccf41e008cc9b {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ccf41e008cc9b svg {
  color: var(--button-icon-foreground-color-selected);
}

.c5df2e9fa7a07 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c5df2e9fa7a07 svg,
.c5df2e9fa7a07 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c5df2e9fa7a07:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c5df2e9fa7a07:focus-visible svg,
.c5df2e9fa7a07:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c5df2e9fa7a07:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c5df2e9fa7a07:hover svg,
.c5df2e9fa7a07:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c5df2e9fa7a07:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c5df2e9fa7a07:active svg,
.c5df2e9fa7a07:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c750edf69ac39 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c752a448a07e1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4d54fafe159a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c4d54fafe159a:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c4d54fafe159a:focus-visible svg,
.c4d54fafe159a:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c4d54fafe159a:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c4d54fafe159a:active {
  border: none;
  background-color: transparent;
}

.c87c5b881ae9a, .cc6d637f75355 .c8a7d194a6bcc span svg, .c358a621f66da svg, .ca6d3f77ab757, .ce00ea5f21a58 span svg, .c7a88f5e5c9ba .c6e0dbf66b604 span svg, .cc64958868b7a button svg, .c384149016414.intermediate svg, .c4712dcf381ac label span.intermediate svg, .c384149016414.checked svg, .c4712dcf381ac label span.checked svg, .cb020ea0eb86e span svg, .c56ac745a9389 span svg, .cebd69f395756 .cc8e83c71311d span svg,
.cebd69f395756 .cbc7d1e8f9fe1 span svg,
.cebd69f395756 .c68dda7c85460 span svg,
.cb020ea0eb86e label svg,
.c56ac745a9389 label svg,
.cebd69f395756 .cc8e83c71311d label svg,
.cebd69f395756 .cbc7d1e8f9fe1 label svg,
.cebd69f395756 .c68dda7c85460 label svg, .c3f361c9804b0 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cebb3d1db55ce {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cebb3d1db55ce:hover {
  fill: none;
  stroke: none;
}

.ca6d3f77ab757, .ce00ea5f21a58 span svg, .c7a88f5e5c9ba .c6e0dbf66b604 span svg, .cc64958868b7a button svg, .c384149016414.intermediate svg, .c4712dcf381ac label span.intermediate svg, .c384149016414.checked svg, .c4712dcf381ac label span.checked svg, .cb020ea0eb86e span svg, .c56ac745a9389 span svg, .cebd69f395756 .cc8e83c71311d span svg,
.cebd69f395756 .cbc7d1e8f9fe1 span svg,
.cebd69f395756 .c68dda7c85460 span svg,
.cb020ea0eb86e label svg,
.c56ac745a9389 label svg,
.cebd69f395756 .cc8e83c71311d label svg,
.cebd69f395756 .cbc7d1e8f9fe1 label svg,
.cebd69f395756 .c68dda7c85460 label svg, .c3f361c9804b0 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c7e44c1d13557 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c7e44c1d13557:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cb77c4fbe07a2, .cc6d637f75355 .c8a7d194a6bcc .cbe7d525b411a, .c78960f24be37 input, .c23e92d7cc8d3 input, .cb020ea0eb86e input, .c56ac745a9389 input, .cebd69f395756 .cc8e83c71311d input,
.cebd69f395756 .cbc7d1e8f9fe1 input,
.cebd69f395756 .c68dda7c85460 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cb77c4fbe07a2, .cc6d637f75355 .c8a7d194a6bcc .cbe7d525b411a, .c78960f24be37 input, .c23e92d7cc8d3 input, .cb020ea0eb86e input, .c56ac745a9389 input, .cebd69f395756 .cc8e83c71311d input,
  .cebd69f395756 .cbc7d1e8f9fe1 input,
  .cebd69f395756 .c68dda7c85460 input {
    height: 23px;
  }
}
.cb77c4fbe07a2, .cc6d637f75355 .c8a7d194a6bcc .cbe7d525b411a, .c78960f24be37 input, .c23e92d7cc8d3 input, .cb020ea0eb86e input, .c56ac745a9389 input, .cebd69f395756 .cc8e83c71311d input,
.cebd69f395756 .cbc7d1e8f9fe1 input,
.cebd69f395756 .c68dda7c85460 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cb77c4fbe07a2[disabled], .cc6d637f75355 .c8a7d194a6bcc [disabled].cbe7d525b411a, .c78960f24be37 input[disabled], .c23e92d7cc8d3 input[disabled], .cb020ea0eb86e input[disabled], .c56ac745a9389 input[disabled], .cebd69f395756 .cc8e83c71311d input[disabled],
.cebd69f395756 .cbc7d1e8f9fe1 input[disabled],
.cebd69f395756 .c68dda7c85460 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c3f361c9804b0 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c3dfa80193e73, .cb020ea0eb86e span, .c56ac745a9389 span, .cebd69f395756 .cc8e83c71311d span,
.cebd69f395756 .cbc7d1e8f9fe1 span,
.cebd69f395756 .c68dda7c85460 span,
.cb020ea0eb86e label,
.c56ac745a9389 label,
.cebd69f395756 .cc8e83c71311d label,
.cebd69f395756 .cbc7d1e8f9fe1 label,
.cebd69f395756 .c68dda7c85460 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c3dfa80193e73, .cb020ea0eb86e span, .c56ac745a9389 span, .cebd69f395756 .cc8e83c71311d span,
  .cebd69f395756 .cbc7d1e8f9fe1 span,
  .cebd69f395756 .c68dda7c85460 span,
  .cb020ea0eb86e label,
  .c56ac745a9389 label,
  .cebd69f395756 .cc8e83c71311d label,
  .cebd69f395756 .cbc7d1e8f9fe1 label,
  .cebd69f395756 .c68dda7c85460 label {
    height: 25px;
  }
}
.c3dfa80193e73, .cb020ea0eb86e span, .c56ac745a9389 span, .cebd69f395756 .cc8e83c71311d span,
.cebd69f395756 .cbc7d1e8f9fe1 span,
.cebd69f395756 .c68dda7c85460 span,
.cb020ea0eb86e label,
.c56ac745a9389 label,
.cebd69f395756 .cc8e83c71311d label,
.cebd69f395756 .cbc7d1e8f9fe1 label,
.cebd69f395756 .c68dda7c85460 label {
  color: var(--input-foreground-color);
}

.cb020ea0eb86e, .c56ac745a9389, .cebd69f395756 .cc8e83c71311d,
.cebd69f395756 .cbc7d1e8f9fe1,
.cebd69f395756 .c68dda7c85460 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb020ea0eb86e, .c56ac745a9389, .cebd69f395756 .cc8e83c71311d,
  .cebd69f395756 .cbc7d1e8f9fe1,
  .cebd69f395756 .c68dda7c85460 {
    height: 25px;
    font-size: 10px;
  }
}
.cb020ea0eb86e, .c56ac745a9389, .cebd69f395756 .cc8e83c71311d,
.cebd69f395756 .cbc7d1e8f9fe1,
.cebd69f395756 .c68dda7c85460 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cb020ea0eb86e span svg, .c56ac745a9389 span svg, .cebd69f395756 .cc8e83c71311d span svg,
.cebd69f395756 .cbc7d1e8f9fe1 span svg,
.cebd69f395756 .c68dda7c85460 span svg,
.cb020ea0eb86e label svg,
.c56ac745a9389 label svg,
.cebd69f395756 .cc8e83c71311d label svg,
.cebd69f395756 .cbc7d1e8f9fe1 label svg,
.cebd69f395756 .c68dda7c85460 label svg {
  color: var(--input-foreground-color);
}
.cb020ea0eb86e ::-moz-placeholder, .c56ac745a9389 ::-moz-placeholder, .cebd69f395756 .cc8e83c71311d ::-moz-placeholder, .cebd69f395756 .cbc7d1e8f9fe1 ::-moz-placeholder, .cebd69f395756 .c68dda7c85460 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cb020ea0eb86e ::placeholder, .c56ac745a9389 ::placeholder, .cebd69f395756 .cc8e83c71311d ::placeholder,
.cebd69f395756 .cbc7d1e8f9fe1 ::placeholder,
.cebd69f395756 .c68dda7c85460 ::placeholder {
  color: var(--input-placeholder-color);
}
.cb020ea0eb86e:focus-within, .c56ac745a9389:focus-within, .cebd69f395756 .cc8e83c71311d:focus-within,
.cebd69f395756 .cbc7d1e8f9fe1:focus-within,
.cebd69f395756 .c68dda7c85460:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb020ea0eb86e:hover, .c56ac745a9389:hover, .cebd69f395756 .cc8e83c71311d:hover,
.cebd69f395756 .cbc7d1e8f9fe1:hover,
.cebd69f395756 .c68dda7c85460:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cb020ea0eb86e:hover span, .c56ac745a9389:hover span, .cebd69f395756 .cc8e83c71311d:hover span,
.cebd69f395756 .cbc7d1e8f9fe1:hover span,
.cebd69f395756 .c68dda7c85460:hover span {
  color: var(--input-foreground-color-hover);
}
.cb020ea0eb86e:hover input, .c56ac745a9389:hover input, .cebd69f395756 .cc8e83c71311d:hover input,
.cebd69f395756 .cbc7d1e8f9fe1:hover input,
.cebd69f395756 .c68dda7c85460:hover input {
  color: var(--input-foreground-color-hover);
}
.cb020ea0eb86e:active, .c56ac745a9389:active, .cebd69f395756 .cc8e83c71311d:active,
.cebd69f395756 .cbc7d1e8f9fe1:active,
.cebd69f395756 .c68dda7c85460:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cb020ea0eb86e:active span, .c56ac745a9389:active span, .cebd69f395756 .cc8e83c71311d:active span,
.cebd69f395756 .cbc7d1e8f9fe1:active span,
.cebd69f395756 .c68dda7c85460:active span {
  color: var(--input-foreground-color-active);
}
.cb020ea0eb86e:active input, .c56ac745a9389:active input, .cebd69f395756 .cc8e83c71311d:active input,
.cebd69f395756 .cbc7d1e8f9fe1:active input,
.cebd69f395756 .c68dda7c85460:active input {
  color: var(--input-foreground-color-active);
}
.cb020ea0eb86e:focus, .c56ac745a9389:focus, .cebd69f395756 .cc8e83c71311d:focus,
.cebd69f395756 .cbc7d1e8f9fe1:focus,
.cebd69f395756 .c68dda7c85460:focus, .cb020ea0eb86e:focus-within, .c56ac745a9389:focus-within, .cebd69f395756 .cc8e83c71311d:focus-within,
.cebd69f395756 .cbc7d1e8f9fe1:focus-within,
.cebd69f395756 .c68dda7c85460:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb020ea0eb86e:focus span, .c56ac745a9389:focus span, .cebd69f395756 .cc8e83c71311d:focus span,
.cebd69f395756 .cbc7d1e8f9fe1:focus span,
.cebd69f395756 .c68dda7c85460:focus span, .cb020ea0eb86e:focus-within span, .c56ac745a9389:focus-within span, .cebd69f395756 .cc8e83c71311d:focus-within span,
.cebd69f395756 .cbc7d1e8f9fe1:focus-within span,
.cebd69f395756 .c68dda7c85460:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cb020ea0eb86e:focus input, .c56ac745a9389:focus input, .cebd69f395756 .cc8e83c71311d:focus input,
.cebd69f395756 .cbc7d1e8f9fe1:focus input,
.cebd69f395756 .c68dda7c85460:focus input, .cb020ea0eb86e:focus-within input, .c56ac745a9389:focus-within input, .cebd69f395756 .cc8e83c71311d:focus-within input,
.cebd69f395756 .cbc7d1e8f9fe1:focus-within input,
.cebd69f395756 .c68dda7c85460:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cb020ea0eb86e:focus:hover, .c56ac745a9389:focus:hover, .cebd69f395756 .cc8e83c71311d:focus:hover,
.cebd69f395756 .cbc7d1e8f9fe1:focus:hover,
.cebd69f395756 .c68dda7c85460:focus:hover, .cb020ea0eb86e:focus-within:hover, .c56ac745a9389:focus-within:hover, .cebd69f395756 .cc8e83c71311d:focus-within:hover,
.cebd69f395756 .cbc7d1e8f9fe1:focus-within:hover,
.cebd69f395756 .c68dda7c85460:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb020ea0eb86e:focus:hover span, .c56ac745a9389:focus:hover span, .cebd69f395756 .cc8e83c71311d:focus:hover span,
.cebd69f395756 .cbc7d1e8f9fe1:focus:hover span,
.cebd69f395756 .c68dda7c85460:focus:hover span, .cb020ea0eb86e:focus-within:hover span, .c56ac745a9389:focus-within:hover span, .cebd69f395756 .cc8e83c71311d:focus-within:hover span,
.cebd69f395756 .cbc7d1e8f9fe1:focus-within:hover span,
.cebd69f395756 .c68dda7c85460:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cb020ea0eb86e:focus:hover input, .c56ac745a9389:focus:hover input, .cebd69f395756 .cc8e83c71311d:focus:hover input,
.cebd69f395756 .cbc7d1e8f9fe1:focus:hover input,
.cebd69f395756 .c68dda7c85460:focus:hover input, .cb020ea0eb86e:focus-within:hover input, .c56ac745a9389:focus-within:hover input, .cebd69f395756 .cc8e83c71311d:focus-within:hover input,
.cebd69f395756 .cbc7d1e8f9fe1:focus-within:hover input,
.cebd69f395756 .c68dda7c85460:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c23e92d7cc8d3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c23e92d7cc8d3 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c23e92d7cc8d3 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c23e92d7cc8d3 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c23e92d7cc8d3:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c23e92d7cc8d3:focus-within input, .c23e92d7cc8d3:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cad8445bc1ee5, .c78960f24be37.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cad8445bc1ee5 input, .c78960f24be37.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cad8445bc1ee5 span svg, .c78960f24be37.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c384149016414, .c4712dcf381ac label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c384149016414 svg, .c4712dcf381ac label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c384149016414:hover, .c4712dcf381ac label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c384149016414:focus, .c4712dcf381ac label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c384149016414.checked, .c4712dcf381ac label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c384149016414.checked svg, .c4712dcf381ac label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c384149016414.intermediate, .c4712dcf381ac label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c384149016414.intermediate svg, .c4712dcf381ac label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c384149016414.unchecked, .c4712dcf381ac label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c384149016414.unchecked svg, .c4712dcf381ac label span.unchecked svg {
  display: none;
}

.c4712dcf381ac {
  display: flex;
  align-items: center;
}
.c4712dcf381ac label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c4712dcf381ac label input {
  margin: 0;
}
.c4712dcf381ac label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4712dcf381ac label:focus span, .c4712dcf381ac label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c78960f24be37 {
  display: flex;
  flex-direction: column;
}
.c78960f24be37 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c78960f24be37 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c78960f24be37 input:focus-within input, .c78960f24be37 input:active input {
  color: var(--input-foreground-color-active);
}
.c78960f24be37 input:focus-within, .c78960f24be37 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c78960f24be37.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cce2eeaf31c52 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ca7345368de32 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c71d45f590a3b {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c358a621f66da {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ca1f039643700 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c846c25d6e0cd {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cf3e3822440a0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c10ff6fe57956 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c6fc49fd5a0ad {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c2124c45800b3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c2124c45800b3:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c922657e3184d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c97590e51ac71 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c64e86431f4d5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c4ea8bf946c41 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c277041dbb248 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c277041dbb248:hover, .c277041dbb248:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cc64958868b7a div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cc64958868b7a button {
  display: none;
}
.cc64958868b7a button svg {
  stroke: var(--icon-foreground);
}
.cc64958868b7a:hover button {
  display: flex;
}

.c46ecfd763e30 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c46ecfd763e30 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c46ecfd763e30 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c6ff58a9bbc61 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c6ff58a9bbc61:hover div {
  color: var(--entry-foreground-color-hover);
}

.ca34361b1e1fe {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cf0977049720c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cf0977049720c:hover {
  background-color: var(--menu-background-color-hover);
}

.ce00ea5f21a58, .c7a88f5e5c9ba .c6e0dbf66b604 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ce00ea5f21a58 span, .c7a88f5e5c9ba .c6e0dbf66b604 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ce00ea5f21a58 span svg, .c7a88f5e5c9ba .c6e0dbf66b604 span svg {
  stroke: var(--icon-foreground);
}
.ce00ea5f21a58:hover, .c7a88f5e5c9ba .c6e0dbf66b604:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ce00ea5f21a58:hover span svg, .c7a88f5e5c9ba .c6e0dbf66b604:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cfbc0c261e1cd, .c7a88f5e5c9ba {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cee3b4d4716db {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c348dbd1c0e5b,
.c3cf3012897b1 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c60b20da890a7 .c348dbd1c0e5b,
.c60b20da890a7 .c3cf3012897b1 {
  transform: scale(1);
}

.c89d0846ce3f1 .c348dbd1c0e5b,
.c89d0846ce3f1 .c3cf3012897b1 {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.c3dfca02a24aa {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.ce720f08eae13 {
  grid-column: span 8;
}

.c11e65523a2fa {
  padding-left: 0.125rem;
  margin: 0;
}

.ccfc53cfc88db {
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
  grid-column: span 8;
  margin: 0.25rem 0 0.5rem 0;
}

.c5c9acdba56b5 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.c5aeb26ec3cd2 {
  grid-column: span 6;
  display: flex;
  align-items: center;
  gap: 0.0625rem;
}
.c5aeb26ec3cd2.c7db38646cdc4 .c61dafe314bc3,
.c5aeb26ec3cd2.c7db38646cdc4 .c56ac745a9389,
.c5aeb26ec3cd2.c7db38646cdc4 .cc6d637f75355 {
  opacity: 0.4;
  pointer-events: none;
}

.cf4f3f144347e {
  border-radius: 0.5rem 0 0 0.5rem;
  --button-bg-color: var(--menu-background-color);
  --button-hover-bg-color: var(--menu-background-color-hover);
}
.cf4f3f144347e.cf8a4287aee0d {
  --button-bg-color: var(--color-background-quaternary);
  --button-fg-color: var(--color-accent-primary);
}

.c61dafe314bc3 {
  flex-grow: 1;
  padding: 0;
  block-size: 1.875rem;
}

.cb81dfd6ab596 {
  border-radius: 0;
  block-size: 100%;
}

.c56ac745a9389 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  flex: 0 0 3.75rem;
  border-radius: 0 0.5rem 0.5rem 0;
}

.cc6d637f75355 {
  flex: 0 0 3.75rem;
  block-size: 1.875rem;
  position: relative;
  overflow: hidden;
  border-radius: 0 0.5rem 0.5rem 0;
}
.cc6d637f75355 .c8a7d194a6bcc {
  block-size: 1.875rem;
  border-radius: 0 0.5rem 0.5rem 0;
  box-sizing: border-box;
  border: none;
}
.cc6d637f75355 .c8a7d194a6bcc .cbe7d525b411a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  margin: 0;
  padding: 0;
}
.cc6d637f75355 .c8a7d194a6bcc span {
  display: flex;
  align-items: center;
}
.cbdb36561853c {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
}

.cfa54a8948845 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
  margin-top: 0.25rem;
}

.c521618da7e4d,
.ccac5a51f28b7 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
  position: relative;
}

.cebd69f395756 {
  position: relative;
  display: flex;
  gap: var(--sp-9);
  align-items: center;
}
.cebd69f395756 .c1fbdf7af6461 {
  inline-size: 5.75rem;
  padding: 0;
}
.cebd69f395756 .c982c1eb7b6b9 {
  flex: 1;
}
.cebd69f395756 .cc8e83c71311d,
.cebd69f395756 .cbc7d1e8f9fe1,
.cebd69f395756 .c68dda7c85460 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}
.cebd69f395756 .c5c31484a2af5.c6ebc7a60b8e3 svg {
  transform: rotate(90deg);
}
.cebd69f395756 .c525816a4c91b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(0.125rem + 1.75rem);
  right: 0;
  inline-size: 9.75rem;
  max-block-size: 18.75rem;
  padding: 0.125rem;
  margin: 0 0 2.5rem 0;
  margin-block-start: 0.25rem;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  background-color: var(--menu-background-color);
}
.cebd69f395756 .c525816a4c91b .c7fc8574e4050 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  block-size: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  color: var(--menu-foreground-color);
}
.cebd69f395756 .c525816a4c91b .c7fc8574e4050:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color-hover);
}

@media (max-width: 1680px) {
  .c61dafe314bc3 {
    block-size: 25px;
  }
  .cc6d637f75355 {
    block-size: 25px;
  }
  .cc6d637f75355 .c8a7d194a6bcc {
    block-size: 25px;
  }
  .c7fc8574e4050 {
    block-size: 25px;
  }
}
.c0d6ad0744b7a {
  --button-fg-color: #535353;
}

.cd92478b30596 {
  flex-shrink: 0;
}
.cd92478b30596.cf8a4287aee0d {
  --button-bg-color: var(--color-background-quaternary);
  --button-fg-color: var(--color-accent-primary);
}

.c7a88f5e5c9ba {
  left: unset;
  right: 0;
  inline-size: 6.75rem;
}
.c7a88f5e5c9ba .c6e0dbf66b604 {
  border: none;
  background: none;
  cursor: pointer;
  inline-size: 100%;
}
@keyframes c854f7d424d5e {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c98a97aa82c63 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c98a97aa82c63:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c98a97aa82c63 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c98a97aa82c63 ::-webkit-scrollbar-track,
.c98a97aa82c63 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c98a97aa82c63 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c98a97aa82c63 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c98a97aa82c63 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c98a97aa82c63 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c98a97aa82c63 ::placeholder,
.c98a97aa82c63 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c778522c4281a, .c17fd8d343f1f, .c1002fc99b840 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c778522c4281a svg, .c17fd8d343f1f svg, .c1002fc99b840 svg,
.c778522c4281a span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c778522c4281a:focus-visible, .c17fd8d343f1f:focus-visible, .c1002fc99b840:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c778522c4281a:focus-visible svg, .c17fd8d343f1f:focus-visible svg, .c1002fc99b840:focus-visible svg,
.c778522c4281a:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c778522c4281a:hover, .c17fd8d343f1f:hover, .c1002fc99b840:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c778522c4281a:hover svg, .c17fd8d343f1f:hover svg, .c1002fc99b840:hover svg,
.c778522c4281a:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c778522c4281a:active, .c17fd8d343f1f:active, .c1002fc99b840:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c778522c4281a:active svg, .c17fd8d343f1f:active svg, .c1002fc99b840:active svg,
.c778522c4281a:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c778522c4281a.disabled, .c17fd8d343f1f.disabled, .c1002fc99b840.disabled, .c778522c4281a[disabled], [disabled].c17fd8d343f1f, [disabled].c1002fc99b840, .c778522c4281a:disabled, .c17fd8d343f1f:disabled, .c1002fc99b840:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c918bdb4f133f, .c4e40fba02a3f, .c07ce0ee96c82 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c918bdb4f133f svg, .c4e40fba02a3f svg, .c07ce0ee96c82 svg,
.c918bdb4f133f span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c918bdb4f133f:focus-visible, .c4e40fba02a3f:focus-visible, .c07ce0ee96c82:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c918bdb4f133f:focus-visible svg, .c4e40fba02a3f:focus-visible svg, .c07ce0ee96c82:focus-visible svg,
.c918bdb4f133f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c918bdb4f133f:hover, .c4e40fba02a3f:hover, .c07ce0ee96c82:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c918bdb4f133f:hover svg, .c4e40fba02a3f:hover svg, .c07ce0ee96c82:hover svg,
.c918bdb4f133f:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c918bdb4f133f:active, .c4e40fba02a3f:active, .c07ce0ee96c82:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c918bdb4f133f:active svg, .c4e40fba02a3f:active svg, .c07ce0ee96c82:active svg,
.c918bdb4f133f:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c918bdb4f133f.disabled, .c4e40fba02a3f.disabled, .c07ce0ee96c82.disabled, .c918bdb4f133f[disabled], [disabled].c4e40fba02a3f, [disabled].c07ce0ee96c82, .c918bdb4f133f:disabled, .c4e40fba02a3f:disabled, .c07ce0ee96c82:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6e43b16a875e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c6e43b16a875e svg,
.c6e43b16a875e span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c6e43b16a875e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c6e43b16a875e:focus-visible svg,
.c6e43b16a875e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c6e43b16a875e:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c6e43b16a875e:hover svg,
.c6e43b16a875e:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c6e43b16a875e:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c6e43b16a875e:active svg,
.c6e43b16a875e:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c6e43b16a875e.disabled, .c6e43b16a875e[disabled], .c6e43b16a875e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ceffb1b1cddf1, .cb02e157a6282 button, .c344c599dd09f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ceffb1b1cddf1 svg, .cb02e157a6282 button svg, .c344c599dd09f svg,
.ceffb1b1cddf1 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ceffb1b1cddf1:focus-visible, .cb02e157a6282 button:focus-visible, .c344c599dd09f:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ceffb1b1cddf1:focus-visible svg, .cb02e157a6282 button:focus-visible svg, .c344c599dd09f:focus-visible svg,
.ceffb1b1cddf1:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ceffb1b1cddf1:hover, .cb02e157a6282 button:hover, .c344c599dd09f:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ceffb1b1cddf1:hover svg, .cb02e157a6282 button:hover svg, .c344c599dd09f:hover svg,
.ceffb1b1cddf1:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ceffb1b1cddf1:active, .cb02e157a6282 button:active, .c344c599dd09f:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ceffb1b1cddf1:active svg, .cb02e157a6282 button:active svg, .c344c599dd09f:active svg,
.ceffb1b1cddf1:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ceffb1b1cddf1.disabled, .cb02e157a6282 button.disabled, .c344c599dd09f.disabled, .ceffb1b1cddf1[disabled], .cb02e157a6282 button[disabled], [disabled].c344c599dd09f, .ceffb1b1cddf1:disabled, .cb02e157a6282 button:disabled, .c344c599dd09f:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ceffb1b1cddf1.disabled svg, .cb02e157a6282 button.disabled svg, .c344c599dd09f.disabled svg,
.ceffb1b1cddf1.disabled span svg, .ceffb1b1cddf1[disabled] svg, .cb02e157a6282 button[disabled] svg, [disabled].c344c599dd09f svg,
.ceffb1b1cddf1[disabled] span svg, .ceffb1b1cddf1:disabled svg, .cb02e157a6282 button:disabled svg, .c344c599dd09f:disabled svg,
.ceffb1b1cddf1:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c172f57a09d00 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c172f57a09d00 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c3348f8715830 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c3348f8715830 svg,
.c3348f8715830 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c3348f8715830:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c3348f8715830:focus-visible svg,
.c3348f8715830:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c3348f8715830:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c3348f8715830:hover svg,
.c3348f8715830:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c3348f8715830:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c3348f8715830:active svg,
.c3348f8715830:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c302d9b01e8d5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c6fed2f32e2cb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cdef36375f780 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cdef36375f780:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cdef36375f780:focus-visible svg,
.cdef36375f780:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cdef36375f780:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cdef36375f780:active {
  border: none;
  background-color: transparent;
}

.cdc21c702f260, .c67040663d726 svg, .c344c599dd09f svg, .c1a4b3d80ae3b, .c623463c06440 span svg, .cb02e157a6282 button svg, .c5586c26347e3.intermediate svg, .cde243f519f16 label span.intermediate svg, .c5586c26347e3.checked svg, .cde243f519f16 label span.checked svg, .c1caed64c9580 span svg, .c7c3769122294 span svg, .cf873d75a7fd6 span svg,
.c1caed64c9580 label svg,
.c7c3769122294 label svg,
.cf873d75a7fd6 label svg, .c0cdbbb102c75 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ca7c71423b597 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ca7c71423b597:hover {
  fill: none;
  stroke: none;
}

.c1a4b3d80ae3b, .c623463c06440 span svg, .cb02e157a6282 button svg, .c5586c26347e3.intermediate svg, .cde243f519f16 label span.intermediate svg, .c5586c26347e3.checked svg, .cde243f519f16 label span.checked svg, .c1caed64c9580 span svg, .c7c3769122294 span svg, .cf873d75a7fd6 span svg,
.c1caed64c9580 label svg,
.c7c3769122294 label svg,
.cf873d75a7fd6 label svg, .c0cdbbb102c75 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c6b5fbaffae20 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c6b5fbaffae20:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c55d170e9cedc, .c1db2c66fd73c input, .cbeda51584d64 input, .c1caed64c9580 input, .c7c3769122294 input, .cf873d75a7fd6 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c55d170e9cedc, .c1db2c66fd73c input, .cbeda51584d64 input, .c1caed64c9580 input, .c7c3769122294 input, .cf873d75a7fd6 input {
    height: 23px;
  }
}
.c55d170e9cedc, .c1db2c66fd73c input, .cbeda51584d64 input, .c1caed64c9580 input, .c7c3769122294 input, .cf873d75a7fd6 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c55d170e9cedc[disabled], .c1db2c66fd73c input[disabled], .cbeda51584d64 input[disabled], .c1caed64c9580 input[disabled], .c7c3769122294 input[disabled], .cf873d75a7fd6 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c0cdbbb102c75 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c01bd86c66a2b, .c1caed64c9580 span, .c7c3769122294 span, .cf873d75a7fd6 span,
.c1caed64c9580 label,
.c7c3769122294 label,
.cf873d75a7fd6 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c01bd86c66a2b, .c1caed64c9580 span, .c7c3769122294 span, .cf873d75a7fd6 span,
  .c1caed64c9580 label,
  .c7c3769122294 label,
  .cf873d75a7fd6 label {
    height: 25px;
  }
}
.c01bd86c66a2b, .c1caed64c9580 span, .c7c3769122294 span, .cf873d75a7fd6 span,
.c1caed64c9580 label,
.c7c3769122294 label,
.cf873d75a7fd6 label {
  color: var(--input-foreground-color);
}

.c1caed64c9580, .c7c3769122294, .cf873d75a7fd6 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1caed64c9580, .c7c3769122294, .cf873d75a7fd6 {
    height: 25px;
    font-size: 10px;
  }
}
.c1caed64c9580, .c7c3769122294, .cf873d75a7fd6 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c1caed64c9580 span svg, .c7c3769122294 span svg, .cf873d75a7fd6 span svg,
.c1caed64c9580 label svg,
.c7c3769122294 label svg,
.cf873d75a7fd6 label svg {
  color: var(--input-foreground-color);
}
.c1caed64c9580 ::-moz-placeholder, .c7c3769122294 ::-moz-placeholder, .cf873d75a7fd6 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c1caed64c9580 ::placeholder, .c7c3769122294 ::placeholder, .cf873d75a7fd6 ::placeholder {
  color: var(--input-placeholder-color);
}
.c1caed64c9580:focus-within, .c7c3769122294:focus-within, .cf873d75a7fd6:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1caed64c9580:hover, .c7c3769122294:hover, .cf873d75a7fd6:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c1caed64c9580:hover span, .c7c3769122294:hover span, .cf873d75a7fd6:hover span {
  color: var(--input-foreground-color-hover);
}
.c1caed64c9580:hover input, .c7c3769122294:hover input, .cf873d75a7fd6:hover input {
  color: var(--input-foreground-color-hover);
}
.c1caed64c9580:active, .c7c3769122294:active, .cf873d75a7fd6:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c1caed64c9580:active span, .c7c3769122294:active span, .cf873d75a7fd6:active span {
  color: var(--input-foreground-color-active);
}
.c1caed64c9580:active input, .c7c3769122294:active input, .cf873d75a7fd6:active input {
  color: var(--input-foreground-color-active);
}
.c1caed64c9580:focus, .c7c3769122294:focus, .cf873d75a7fd6:focus, .c1caed64c9580:focus-within, .c7c3769122294:focus-within, .cf873d75a7fd6:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1caed64c9580:focus span, .c7c3769122294:focus span, .cf873d75a7fd6:focus span, .c1caed64c9580:focus-within span, .c7c3769122294:focus-within span, .cf873d75a7fd6:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c1caed64c9580:focus input, .c7c3769122294:focus input, .cf873d75a7fd6:focus input, .c1caed64c9580:focus-within input, .c7c3769122294:focus-within input, .cf873d75a7fd6:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c1caed64c9580:focus:hover, .c7c3769122294:focus:hover, .cf873d75a7fd6:focus:hover, .c1caed64c9580:focus-within:hover, .c7c3769122294:focus-within:hover, .cf873d75a7fd6:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1caed64c9580:focus:hover span, .c7c3769122294:focus:hover span, .cf873d75a7fd6:focus:hover span, .c1caed64c9580:focus-within:hover span, .c7c3769122294:focus-within:hover span, .cf873d75a7fd6:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c1caed64c9580:focus:hover input, .c7c3769122294:focus:hover input, .cf873d75a7fd6:focus:hover input, .c1caed64c9580:focus-within:hover input, .c7c3769122294:focus-within:hover input, .cf873d75a7fd6:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cbeda51584d64 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cbeda51584d64 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cbeda51584d64 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cbeda51584d64 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cbeda51584d64:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cbeda51584d64:focus-within input, .cbeda51584d64:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c262cdcae767f, .c1db2c66fd73c.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c262cdcae767f input, .c1db2c66fd73c.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c262cdcae767f span svg, .c1db2c66fd73c.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c5586c26347e3, .cde243f519f16 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c5586c26347e3 svg, .cde243f519f16 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c5586c26347e3:hover, .cde243f519f16 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5586c26347e3:focus, .cde243f519f16 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c5586c26347e3.checked, .cde243f519f16 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c5586c26347e3.checked svg, .cde243f519f16 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c5586c26347e3.intermediate, .cde243f519f16 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c5586c26347e3.intermediate svg, .cde243f519f16 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c5586c26347e3.unchecked, .cde243f519f16 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c5586c26347e3.unchecked svg, .cde243f519f16 label span.unchecked svg {
  display: none;
}

.cde243f519f16 {
  display: flex;
  align-items: center;
}
.cde243f519f16 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cde243f519f16 label input {
  margin: 0;
}
.cde243f519f16 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cde243f519f16 label:focus span, .cde243f519f16 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c1db2c66fd73c {
  display: flex;
  flex-direction: column;
}
.c1db2c66fd73c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c1db2c66fd73c input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c1db2c66fd73c input:focus-within input, .c1db2c66fd73c input:active input {
  color: var(--input-foreground-color-active);
}
.c1db2c66fd73c input:focus-within, .c1db2c66fd73c input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1db2c66fd73c.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cb2c092c7f7a2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c5c3ae15f381d {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c2f9a4990728c {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c344c599dd09f {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c8fe1de27096f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ce2909eca46a4 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c07ce0ee96c82 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c1002fc99b840 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c17fd8d343f1f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce9d9282f3599 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce9d9282f3599:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cc0aa3934bc2f {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c817754a45503 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c720e66da407a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c9fb4d873a884 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c2befe036c155 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c2befe036c155:hover, .c2befe036c155:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cb02e157a6282 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cb02e157a6282 button {
  display: none;
}
.cb02e157a6282 button svg {
  stroke: var(--icon-foreground);
}
.cb02e157a6282:hover button {
  display: flex;
}

.cd2d88e0685c5 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cd2d88e0685c5 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cd2d88e0685c5 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c7b5ef933a09d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c7b5ef933a09d:hover div {
  color: var(--entry-foreground-color-hover);
}

.c7a172bcb74cd {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c04f564f8e18e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c04f564f8e18e:hover {
  background-color: var(--menu-background-color-hover);
}

.c623463c06440 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c623463c06440 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c623463c06440 span svg {
  stroke: var(--icon-foreground);
}
.c623463c06440:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c623463c06440:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cd5b705f19f6f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cb205625c2569 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cb9c8bdbef5e7,
.c4ad51b4b62d2 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c4d6393f932fd .cb9c8bdbef5e7,
.c4d6393f932fd .c4ad51b4b62d2 {
  transform: scale(1);
}

.c58471736974e .cb9c8bdbef5e7,
.c58471736974e .c4ad51b4b62d2 {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.c04ad75b301ba {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.5rem;
  gap: 1rem;
}

.ca754fd4182b4 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.cf93e697a0b22 {
  grid-column: span 8;
  font-size: 0.688rem;
}

.c04ad75b301ba {
  grid-column: span 8;
}

.c7c18f4dec6a3 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}

.cdade4c28c2bc label {
  padding: 0 0.75rem;
}

.c4e40fba02a3f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  width: 100%;
  padding: 0.5rem;
  height: 30px;
}
@media (max-width: 1680px) {
  .c4e40fba02a3f {
    height: 25px;
  }
}

.c7c3769122294 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  width: 100%;
  padding: 0.5rem;
}

.c1f860c1c9d18 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  border-radius: 8px;
  padding-left: 0.25rem;
  background-color: var(--input-background-color);
}

.c67040663d726 svg {
  color: var(--icon-foreground);
  width: 20.5px;
  height: 20.5px;
}
@media (max-width: 1680px) {
  .c67040663d726 svg {
    width: 16px;
    height: 16px;
  }
}

.cf873d75a7fd6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 0 8px 8px 0;
  border-left: 1px solid var(--panel-background-color);
}
.cb2b981f81a2d {
  --dropdown-width: var(--7-columns-dropdown-width);
}
@keyframes c056d96f44c1e {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c8544ad251c8c {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c8544ad251c8c:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c8544ad251c8c ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c8544ad251c8c ::-webkit-scrollbar-track,
.c8544ad251c8c ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c8544ad251c8c ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c8544ad251c8c ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c8544ad251c8c ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8544ad251c8c ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8544ad251c8c ::placeholder,
.c8544ad251c8c ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c5c1cc5b9d7fa, .c8ffe1bc3df43, .c08bba65aa386 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c5c1cc5b9d7fa svg, .c8ffe1bc3df43 svg, .c08bba65aa386 svg,
.c5c1cc5b9d7fa span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c5c1cc5b9d7fa:focus-visible, .c8ffe1bc3df43:focus-visible, .c08bba65aa386:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c5c1cc5b9d7fa:focus-visible svg, .c8ffe1bc3df43:focus-visible svg, .c08bba65aa386:focus-visible svg,
.c5c1cc5b9d7fa:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c5c1cc5b9d7fa:hover, .c8ffe1bc3df43:hover, .c08bba65aa386:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c5c1cc5b9d7fa:hover svg, .c8ffe1bc3df43:hover svg, .c08bba65aa386:hover svg,
.c5c1cc5b9d7fa:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c5c1cc5b9d7fa:active, .c8ffe1bc3df43:active, .c08bba65aa386:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c5c1cc5b9d7fa:active svg, .c8ffe1bc3df43:active svg, .c08bba65aa386:active svg,
.c5c1cc5b9d7fa:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c5c1cc5b9d7fa.disabled, .c8ffe1bc3df43.disabled, .c08bba65aa386.disabled, .c5c1cc5b9d7fa[disabled], [disabled].c8ffe1bc3df43, [disabled].c08bba65aa386, .c5c1cc5b9d7fa:disabled, .c8ffe1bc3df43:disabled, .c08bba65aa386:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c45e12efa95a5, .ccb8f569f9ac8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c45e12efa95a5 svg, .ccb8f569f9ac8 svg,
.c45e12efa95a5 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c45e12efa95a5:focus-visible, .ccb8f569f9ac8:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c45e12efa95a5:focus-visible svg, .ccb8f569f9ac8:focus-visible svg,
.c45e12efa95a5:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c45e12efa95a5:hover, .ccb8f569f9ac8:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c45e12efa95a5:hover svg, .ccb8f569f9ac8:hover svg,
.c45e12efa95a5:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c45e12efa95a5:active, .ccb8f569f9ac8:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c45e12efa95a5:active svg, .ccb8f569f9ac8:active svg,
.c45e12efa95a5:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c45e12efa95a5.disabled, .ccb8f569f9ac8.disabled, .c45e12efa95a5[disabled], [disabled].ccb8f569f9ac8, .c45e12efa95a5:disabled, .ccb8f569f9ac8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.caffe1e30f374 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.caffe1e30f374 svg,
.caffe1e30f374 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.caffe1e30f374:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.caffe1e30f374:focus-visible svg,
.caffe1e30f374:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.caffe1e30f374:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.caffe1e30f374:hover svg,
.caffe1e30f374:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.caffe1e30f374:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.caffe1e30f374:active svg,
.caffe1e30f374:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.caffe1e30f374.disabled, .caffe1e30f374[disabled], .caffe1e30f374:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c907a148d8b8a, .c80d19ce71255 button, .cc080e21b070f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c907a148d8b8a svg, .c80d19ce71255 button svg, .cc080e21b070f svg,
.c907a148d8b8a span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c907a148d8b8a:focus-visible, .c80d19ce71255 button:focus-visible, .cc080e21b070f:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c907a148d8b8a:focus-visible svg, .c80d19ce71255 button:focus-visible svg, .cc080e21b070f:focus-visible svg,
.c907a148d8b8a:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c907a148d8b8a:hover, .c80d19ce71255 button:hover, .cc080e21b070f:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c907a148d8b8a:hover svg, .c80d19ce71255 button:hover svg, .cc080e21b070f:hover svg,
.c907a148d8b8a:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c907a148d8b8a:active, .c80d19ce71255 button:active, .cc080e21b070f:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c907a148d8b8a:active svg, .c80d19ce71255 button:active svg, .cc080e21b070f:active svg,
.c907a148d8b8a:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c907a148d8b8a.disabled, .c80d19ce71255 button.disabled, .cc080e21b070f.disabled, .c907a148d8b8a[disabled], .c80d19ce71255 button[disabled], [disabled].cc080e21b070f, .c907a148d8b8a:disabled, .c80d19ce71255 button:disabled, .cc080e21b070f:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c907a148d8b8a.disabled svg, .c80d19ce71255 button.disabled svg, .cc080e21b070f.disabled svg,
.c907a148d8b8a.disabled span svg, .c907a148d8b8a[disabled] svg, .c80d19ce71255 button[disabled] svg, [disabled].cc080e21b070f svg,
.c907a148d8b8a[disabled] span svg, .c907a148d8b8a:disabled svg, .c80d19ce71255 button:disabled svg, .cc080e21b070f:disabled svg,
.c907a148d8b8a:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c518aca58603d {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c518aca58603d svg {
  color: var(--button-icon-foreground-color-selected);
}

.c64794e2fe5b4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c64794e2fe5b4 svg,
.c64794e2fe5b4 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c64794e2fe5b4:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c64794e2fe5b4:focus-visible svg,
.c64794e2fe5b4:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c64794e2fe5b4:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c64794e2fe5b4:hover svg,
.c64794e2fe5b4:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c64794e2fe5b4:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c64794e2fe5b4:active svg,
.c64794e2fe5b4:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c4eb7589b25dc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c9c8c80e200b4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cec2d65c9e920 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cec2d65c9e920:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cec2d65c9e920:focus-visible svg,
.cec2d65c9e920:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cec2d65c9e920:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cec2d65c9e920:active {
  border: none;
  background-color: transparent;
}

.cb1ccdf01fb00, .cc080e21b070f svg, .c288b84780d92, .c6d6120f858d3 span svg, .c80d19ce71255 button svg, .c129898ad4a84.intermediate svg, .cbbffb14242f6 label span.intermediate svg, .c129898ad4a84.checked svg, .cbbffb14242f6 label span.checked svg, .c6a87a1836f9a span svg,
.c6a87a1836f9a label svg, .c1167cfebeda3 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c8178e0f7bc3f {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c8178e0f7bc3f:hover {
  fill: none;
  stroke: none;
}

.c288b84780d92, .c6d6120f858d3 span svg, .c80d19ce71255 button svg, .c129898ad4a84.intermediate svg, .cbbffb14242f6 label span.intermediate svg, .c129898ad4a84.checked svg, .cbbffb14242f6 label span.checked svg, .c6a87a1836f9a span svg,
.c6a87a1836f9a label svg, .c1167cfebeda3 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c1aabeeabb66c {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c1aabeeabb66c:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c4b5db522759d, .c2b9cb5d2f674 input, .ca0c175308e82 input, .c6a87a1836f9a input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c4b5db522759d, .c2b9cb5d2f674 input, .ca0c175308e82 input, .c6a87a1836f9a input {
    height: 23px;
  }
}
.c4b5db522759d, .c2b9cb5d2f674 input, .ca0c175308e82 input, .c6a87a1836f9a input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c4b5db522759d[disabled], .c2b9cb5d2f674 input[disabled], .ca0c175308e82 input[disabled], .c6a87a1836f9a input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c1167cfebeda3 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cf02b52244e81, .c6a87a1836f9a span,
.c6a87a1836f9a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf02b52244e81, .c6a87a1836f9a span,
  .c6a87a1836f9a label {
    height: 25px;
  }
}
.cf02b52244e81, .c6a87a1836f9a span,
.c6a87a1836f9a label {
  color: var(--input-foreground-color);
}

.c6a87a1836f9a {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6a87a1836f9a {
    height: 25px;
    font-size: 10px;
  }
}
.c6a87a1836f9a {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c6a87a1836f9a span svg,
.c6a87a1836f9a label svg {
  color: var(--input-foreground-color);
}
.c6a87a1836f9a ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c6a87a1836f9a ::placeholder {
  color: var(--input-placeholder-color);
}
.c6a87a1836f9a:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c6a87a1836f9a:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c6a87a1836f9a:hover span {
  color: var(--input-foreground-color-hover);
}
.c6a87a1836f9a:hover input {
  color: var(--input-foreground-color-hover);
}
.c6a87a1836f9a:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c6a87a1836f9a:active span {
  color: var(--input-foreground-color-active);
}
.c6a87a1836f9a:active input {
  color: var(--input-foreground-color-active);
}
.c6a87a1836f9a:focus, .c6a87a1836f9a:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6a87a1836f9a:focus span, .c6a87a1836f9a:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c6a87a1836f9a:focus input, .c6a87a1836f9a:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c6a87a1836f9a:focus:hover, .c6a87a1836f9a:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6a87a1836f9a:focus:hover span, .c6a87a1836f9a:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c6a87a1836f9a:focus:hover input, .c6a87a1836f9a:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ca0c175308e82 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ca0c175308e82 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ca0c175308e82 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ca0c175308e82 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ca0c175308e82:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ca0c175308e82:focus-within input, .ca0c175308e82:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ce2756201ad16, .c2b9cb5d2f674.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ce2756201ad16 input, .c2b9cb5d2f674.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ce2756201ad16 span svg, .c2b9cb5d2f674.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c129898ad4a84, .cbbffb14242f6 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c129898ad4a84 svg, .cbbffb14242f6 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c129898ad4a84:hover, .cbbffb14242f6 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c129898ad4a84:focus, .cbbffb14242f6 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c129898ad4a84.checked, .cbbffb14242f6 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c129898ad4a84.checked svg, .cbbffb14242f6 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c129898ad4a84.intermediate, .cbbffb14242f6 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c129898ad4a84.intermediate svg, .cbbffb14242f6 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c129898ad4a84.unchecked, .cbbffb14242f6 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c129898ad4a84.unchecked svg, .cbbffb14242f6 label span.unchecked svg {
  display: none;
}

.cbbffb14242f6 {
  display: flex;
  align-items: center;
}
.cbbffb14242f6 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cbbffb14242f6 label input {
  margin: 0;
}
.cbbffb14242f6 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cbbffb14242f6 label:focus span, .cbbffb14242f6 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c2b9cb5d2f674 {
  display: flex;
  flex-direction: column;
}
.c2b9cb5d2f674 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c2b9cb5d2f674 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c2b9cb5d2f674 input:focus-within input, .c2b9cb5d2f674 input:active input {
  color: var(--input-foreground-color-active);
}
.c2b9cb5d2f674 input:focus-within, .c2b9cb5d2f674 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c2b9cb5d2f674.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ca1d199d5e1f1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c618339300983 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cf4cbee7f1154 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cc080e21b070f {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c558c38d12a85 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c25f7e3f565ae {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ccb8f569f9ac8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c08bba65aa386 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c8ffe1bc3df43 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c11f8bfb9693a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c11f8bfb9693a:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c639da48e5d6f {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cd70ed1e037fc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cf5fece9d7ee7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c40571365cffd {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c7d1b4342aab7 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c7d1b4342aab7:hover, .c7d1b4342aab7:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c80d19ce71255 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c80d19ce71255 button {
  display: none;
}
.c80d19ce71255 button svg {
  stroke: var(--icon-foreground);
}
.c80d19ce71255:hover button {
  display: flex;
}

.c6df262b0a550 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c6df262b0a550 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c6df262b0a550 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c957c737c821d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c957c737c821d:hover div {
  color: var(--entry-foreground-color-hover);
}

.c822294e2db8c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cfe92ff52ebd6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cfe92ff52ebd6:hover {
  background-color: var(--menu-background-color-hover);
}

.c6d6120f858d3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c6d6120f858d3 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c6d6120f858d3 span svg {
  stroke: var(--icon-foreground);
}
.c6d6120f858d3:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c6d6120f858d3:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c0a476374eee9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c8dfd56868ce8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c5c18222f98ef,
.c530831fd0416 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c474e21d6a36c .c5c18222f98ef,
.c474e21d6a36c .c530831fd0416 {
  transform: scale(1);
}

.c5c29f5522c2c .c5c18222f98ef,
.c5c29f5522c2c .c530831fd0416 {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.c48569d535f21 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-s);
}

.cd76c83a9bb9c {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.c1fea9dc37047 {
  grid-column: span 8;
}

.c245de67d9951 {
  padding-inline-start: var(--sp-xxs);
}

.c9c10618b4b0d {
  grid-column: span 8;
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  margin-block-start: var(--sp-xs);
}

.c6bd985355e07 {
  gap: var(--sp-l);
}

.c8032fb014aa1 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xxxl);
  margin: var(--sp-xxxl) auto;
  inline-size: 12.5rem;
}

.ce4c867ca9818 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.cbfb9aea02ec7 {
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  padding: var(--sp-s) var(--sp-m);
  block-size: 2.25rem;
  padding: 0;
}
.cbfb9aea02ec7.c82cd2e23f627 {
  block-size: 3rem;
}
.cbfb9aea02ec7.c82cd2e23f627 .cf9e36386d923 {
  block-size: 3rem;
}
.cbfb9aea02ec7:has(.cc104fd5bb92e:focus) {
  outline: 0.0625rem solid var(--color-accent-primary);
}

.cf9e36386d923 {
  background-color: var(--color-background-fifty);
  height: 2.25rem;
  width: 2.25rem;
}
.cf9e36386d923.c60c43c80158d {
  --button-width: $sz-36;
  --button-height: $sz-36;
  border-end-end-radius: 0;
  border-start-end-radius: 0;
  border-right: 1px solid var(--color-border-secondary);
}
.cf9e36386d923.ce28f4b977850 {
  --button-width: $sz-36;
  --button-height: $sz-36;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.cc3db6a9330ed {
  display: flex;
  flex-grow: 1;
  block-size: 100%;
  inline-size: 100%;
}

.c75126e94d3d5 {
  flex-grow: 1;
  display: flex;
  align-items: center;
  block-size: 100%;
  padding: 0 var(--sp-s);
  background-color: var(--color-background-fifty);
  color: var(--color-foreground-primary);
}

.c6a319444f12d {
  display: grid;
  inline-size: 100%;
}

.cc104fd5bb92e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  border: none;
  background: none;
  outline: none;
  block-size: 100%;
  inline-size: 100%;
  flex-grow: 1;
  margin: var(--sp-xxs) 0;
  padding: 0 0 0 var(--sp-s);
  margin: 0;
  height: var(2.25rem);
  background-color: var(--color-background-fifty);
  color: var(--color-foreground-primary);
  display: grid;
  inline-size: 100%;
}
.cc104fd5bb92e:hover {
  background-color: var(--color-background-quaternary);
}
.cc104fd5bb92e:hover:active {
  background-color: var(--color-background-quaternary);
}
.cc104fd5bb92e:focus {
  background-color: transparent;
}

.c22bf309e9638 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-foreground-primary);
}

.c2f9d090a4ee2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-accent-primary);
}

.c982ba9e80156 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.c4398c8aaf19f {
  grid-column: span 3;
  display: flex;
  align-items: center;
  color: var(--color-foreground-secondary);
}

.ce5986557f849 {
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
}

.c2a514e6b2391 {
  grid-column: span 5;
}

.cbe92d916eee7 {
  grid-column: 4/span 5;
  min-block-size: 2rem;
  display: flex;
  align-items: center;
}

.c28017831b206 {
  grid-column: span 5;
}

.c4c0ee33f241a {
  grid-column: 4/span 5;
}

.c2ab3907ea867 {
  grid-column: 4/span 5;
  display: grid;
  grid-template-areas: "topleft top topright" "left center right" "bottomleft bottom bottomright";
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  inline-size: 6rem;
  block-size: 6rem;
  border-radius: 0.5rem;
  background-color: var(--color-background-tertiary);
}
.c2ab3907ea867 .cc272e30c1d56 {
  grid-area: center;
}
.c2ab3907ea867 .ce471d67af1d0 {
  grid-area: topleft;
}
.c2ab3907ea867 .cae2cd4116007 {
  grid-area: top;
}
.c2ab3907ea867 .c16ff48ffdced {
  grid-area: topright;
}
.c2ab3907ea867 .cd03fdfa8ae7e {
  grid-area: bottomleft;
}
.c2ab3907ea867 .c3c0fe6ee01f7 {
  grid-area: bottom;
}
.c2ab3907ea867 .c44da7d821b7f {
  grid-area: bottomright;
}
@keyframes ca07b9db6404e {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c433bba0d9584 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c433bba0d9584:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c433bba0d9584 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c433bba0d9584 ::-webkit-scrollbar-track,
.c433bba0d9584 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c433bba0d9584 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c433bba0d9584 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c433bba0d9584 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c433bba0d9584 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c433bba0d9584 ::placeholder,
.c433bba0d9584 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c62612ffa0374, .c8e964d96c3eb, .c0ca3a78aae84 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c62612ffa0374 svg, .c8e964d96c3eb svg, .c0ca3a78aae84 svg,
.c62612ffa0374 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c62612ffa0374:focus-visible, .c8e964d96c3eb:focus-visible, .c0ca3a78aae84:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c62612ffa0374:focus-visible svg, .c8e964d96c3eb:focus-visible svg, .c0ca3a78aae84:focus-visible svg,
.c62612ffa0374:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c62612ffa0374:hover, .c8e964d96c3eb:hover, .c0ca3a78aae84:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c62612ffa0374:hover svg, .c8e964d96c3eb:hover svg, .c0ca3a78aae84:hover svg,
.c62612ffa0374:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c62612ffa0374:active, .c8e964d96c3eb:active, .c0ca3a78aae84:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c62612ffa0374:active svg, .c8e964d96c3eb:active svg, .c0ca3a78aae84:active svg,
.c62612ffa0374:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c62612ffa0374.disabled, .c8e964d96c3eb.disabled, .c0ca3a78aae84.disabled, .c62612ffa0374[disabled], [disabled].c8e964d96c3eb, [disabled].c0ca3a78aae84, .c62612ffa0374:disabled, .c8e964d96c3eb:disabled, .c0ca3a78aae84:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4f3299374a18, .ca2e4b46af9d4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c4f3299374a18 svg, .ca2e4b46af9d4 svg,
.c4f3299374a18 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c4f3299374a18:focus-visible, .ca2e4b46af9d4:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4f3299374a18:focus-visible svg, .ca2e4b46af9d4:focus-visible svg,
.c4f3299374a18:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4f3299374a18:hover, .ca2e4b46af9d4:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c4f3299374a18:hover svg, .ca2e4b46af9d4:hover svg,
.c4f3299374a18:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c4f3299374a18:active, .ca2e4b46af9d4:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c4f3299374a18:active svg, .ca2e4b46af9d4:active svg,
.c4f3299374a18:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c4f3299374a18.disabled, .ca2e4b46af9d4.disabled, .c4f3299374a18[disabled], [disabled].ca2e4b46af9d4, .c4f3299374a18:disabled, .ca2e4b46af9d4:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c56760502b6f0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c56760502b6f0 svg,
.c56760502b6f0 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c56760502b6f0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c56760502b6f0:focus-visible svg,
.c56760502b6f0:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c56760502b6f0:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c56760502b6f0:hover svg,
.c56760502b6f0:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c56760502b6f0:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c56760502b6f0:active svg,
.c56760502b6f0:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c56760502b6f0.disabled, .c56760502b6f0[disabled], .c56760502b6f0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c52f4d476a2cb, .c3c35833414ce button, .c1729be116daa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c52f4d476a2cb svg, .c3c35833414ce button svg, .c1729be116daa svg,
.c52f4d476a2cb span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c52f4d476a2cb:focus-visible, .c3c35833414ce button:focus-visible, .c1729be116daa:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c52f4d476a2cb:focus-visible svg, .c3c35833414ce button:focus-visible svg, .c1729be116daa:focus-visible svg,
.c52f4d476a2cb:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c52f4d476a2cb:hover, .c3c35833414ce button:hover, .c1729be116daa:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c52f4d476a2cb:hover svg, .c3c35833414ce button:hover svg, .c1729be116daa:hover svg,
.c52f4d476a2cb:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c52f4d476a2cb:active, .c3c35833414ce button:active, .c1729be116daa:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c52f4d476a2cb:active svg, .c3c35833414ce button:active svg, .c1729be116daa:active svg,
.c52f4d476a2cb:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c52f4d476a2cb.disabled, .c3c35833414ce button.disabled, .c1729be116daa.disabled, .c52f4d476a2cb[disabled], .c3c35833414ce button[disabled], [disabled].c1729be116daa, .c52f4d476a2cb:disabled, .c3c35833414ce button:disabled, .c1729be116daa:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c52f4d476a2cb.disabled svg, .c3c35833414ce button.disabled svg, .c1729be116daa.disabled svg,
.c52f4d476a2cb.disabled span svg, .c52f4d476a2cb[disabled] svg, .c3c35833414ce button[disabled] svg, [disabled].c1729be116daa svg,
.c52f4d476a2cb[disabled] span svg, .c52f4d476a2cb:disabled svg, .c3c35833414ce button:disabled svg, .c1729be116daa:disabled svg,
.c52f4d476a2cb:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c03623ea3ee69 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c03623ea3ee69 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cf4688985bd62 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cf4688985bd62 svg,
.cf4688985bd62 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cf4688985bd62:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cf4688985bd62:focus-visible svg,
.cf4688985bd62:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cf4688985bd62:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cf4688985bd62:hover svg,
.cf4688985bd62:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cf4688985bd62:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cf4688985bd62:active svg,
.cf4688985bd62:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c06c578de7172 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cf616cfd1965c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2d101ca49c6f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c2d101ca49c6f:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c2d101ca49c6f:focus-visible svg,
.c2d101ca49c6f:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c2d101ca49c6f:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c2d101ca49c6f:active {
  border: none;
  background-color: transparent;
}

.c868c9a4d68f3, .c1729be116daa svg, .cbe5de92ca4da, .c5e4c89d6551e span svg, .c3c35833414ce button svg, .c0b931fe25e2e.intermediate svg, .c368926eb3d6a label span.intermediate svg, .c0b931fe25e2e.checked svg, .c368926eb3d6a label span.checked svg, .c71a0e9caef1f span svg, .c086e604c0e02 .c9dcfab640b6f span svg,
.c71a0e9caef1f label svg,
.c086e604c0e02 .c9dcfab640b6f label svg, .cc6446bb5fa91 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c7e7ebdd49ddb {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c7e7ebdd49ddb:hover {
  fill: none;
  stroke: none;
}

.cbe5de92ca4da, .c5e4c89d6551e span svg, .c3c35833414ce button svg, .c0b931fe25e2e.intermediate svg, .c368926eb3d6a label span.intermediate svg, .c0b931fe25e2e.checked svg, .c368926eb3d6a label span.checked svg, .c71a0e9caef1f span svg, .c086e604c0e02 .c9dcfab640b6f span svg,
.c71a0e9caef1f label svg,
.c086e604c0e02 .c9dcfab640b6f label svg, .cc6446bb5fa91 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cc3eb2356a146 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cc3eb2356a146:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c2dc6ad5f9efa, .c3353f7dabd0c input, .c118d6410e234 input, .c71a0e9caef1f input, .c086e604c0e02 .c9dcfab640b6f input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c2dc6ad5f9efa, .c3353f7dabd0c input, .c118d6410e234 input, .c71a0e9caef1f input, .c086e604c0e02 .c9dcfab640b6f input {
    height: 23px;
  }
}
.c2dc6ad5f9efa, .c3353f7dabd0c input, .c118d6410e234 input, .c71a0e9caef1f input, .c086e604c0e02 .c9dcfab640b6f input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c2dc6ad5f9efa[disabled], .c3353f7dabd0c input[disabled], .c118d6410e234 input[disabled], .c71a0e9caef1f input[disabled], .c086e604c0e02 .c9dcfab640b6f input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cc6446bb5fa91 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c19f72e751d01, .c71a0e9caef1f span, .c086e604c0e02 .c9dcfab640b6f span,
.c71a0e9caef1f label,
.c086e604c0e02 .c9dcfab640b6f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c19f72e751d01, .c71a0e9caef1f span, .c086e604c0e02 .c9dcfab640b6f span,
  .c71a0e9caef1f label,
  .c086e604c0e02 .c9dcfab640b6f label {
    height: 25px;
  }
}
.c19f72e751d01, .c71a0e9caef1f span, .c086e604c0e02 .c9dcfab640b6f span,
.c71a0e9caef1f label,
.c086e604c0e02 .c9dcfab640b6f label {
  color: var(--input-foreground-color);
}

.c71a0e9caef1f, .c086e604c0e02 .c9dcfab640b6f {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c71a0e9caef1f, .c086e604c0e02 .c9dcfab640b6f {
    height: 25px;
    font-size: 10px;
  }
}
.c71a0e9caef1f, .c086e604c0e02 .c9dcfab640b6f {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c71a0e9caef1f span svg, .c086e604c0e02 .c9dcfab640b6f span svg,
.c71a0e9caef1f label svg,
.c086e604c0e02 .c9dcfab640b6f label svg {
  color: var(--input-foreground-color);
}
.c71a0e9caef1f ::-moz-placeholder, .c086e604c0e02 .c9dcfab640b6f ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c71a0e9caef1f ::placeholder, .c086e604c0e02 .c9dcfab640b6f ::placeholder {
  color: var(--input-placeholder-color);
}
.c71a0e9caef1f:focus-within, .c086e604c0e02 .c9dcfab640b6f:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c71a0e9caef1f:hover, .c086e604c0e02 .c9dcfab640b6f:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c71a0e9caef1f:hover span, .c086e604c0e02 .c9dcfab640b6f:hover span {
  color: var(--input-foreground-color-hover);
}
.c71a0e9caef1f:hover input, .c086e604c0e02 .c9dcfab640b6f:hover input {
  color: var(--input-foreground-color-hover);
}
.c71a0e9caef1f:active, .c086e604c0e02 .c9dcfab640b6f:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c71a0e9caef1f:active span, .c086e604c0e02 .c9dcfab640b6f:active span {
  color: var(--input-foreground-color-active);
}
.c71a0e9caef1f:active input, .c086e604c0e02 .c9dcfab640b6f:active input {
  color: var(--input-foreground-color-active);
}
.c71a0e9caef1f:focus, .c086e604c0e02 .c9dcfab640b6f:focus, .c71a0e9caef1f:focus-within, .c086e604c0e02 .c9dcfab640b6f:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c71a0e9caef1f:focus span, .c086e604c0e02 .c9dcfab640b6f:focus span, .c71a0e9caef1f:focus-within span, .c086e604c0e02 .c9dcfab640b6f:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c71a0e9caef1f:focus input, .c086e604c0e02 .c9dcfab640b6f:focus input, .c71a0e9caef1f:focus-within input, .c086e604c0e02 .c9dcfab640b6f:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c71a0e9caef1f:focus:hover, .c086e604c0e02 .c9dcfab640b6f:focus:hover, .c71a0e9caef1f:focus-within:hover, .c086e604c0e02 .c9dcfab640b6f:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c71a0e9caef1f:focus:hover span, .c086e604c0e02 .c9dcfab640b6f:focus:hover span, .c71a0e9caef1f:focus-within:hover span, .c086e604c0e02 .c9dcfab640b6f:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c71a0e9caef1f:focus:hover input, .c086e604c0e02 .c9dcfab640b6f:focus:hover input, .c71a0e9caef1f:focus-within:hover input, .c086e604c0e02 .c9dcfab640b6f:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c118d6410e234 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c118d6410e234 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c118d6410e234 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c118d6410e234 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c118d6410e234:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c118d6410e234:focus-within input, .c118d6410e234:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c62f4c7d55587, .c3353f7dabd0c.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c62f4c7d55587 input, .c3353f7dabd0c.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c62f4c7d55587 span svg, .c3353f7dabd0c.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c0b931fe25e2e, .c368926eb3d6a label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c0b931fe25e2e svg, .c368926eb3d6a label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c0b931fe25e2e:hover, .c368926eb3d6a label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0b931fe25e2e:focus, .c368926eb3d6a label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c0b931fe25e2e.checked, .c368926eb3d6a label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c0b931fe25e2e.checked svg, .c368926eb3d6a label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c0b931fe25e2e.intermediate, .c368926eb3d6a label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c0b931fe25e2e.intermediate svg, .c368926eb3d6a label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c0b931fe25e2e.unchecked, .c368926eb3d6a label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c0b931fe25e2e.unchecked svg, .c368926eb3d6a label span.unchecked svg {
  display: none;
}

.c368926eb3d6a {
  display: flex;
  align-items: center;
}
.c368926eb3d6a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c368926eb3d6a label input {
  margin: 0;
}
.c368926eb3d6a label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c368926eb3d6a label:focus span, .c368926eb3d6a label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c3353f7dabd0c {
  display: flex;
  flex-direction: column;
}
.c3353f7dabd0c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c3353f7dabd0c input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c3353f7dabd0c input:focus-within input, .c3353f7dabd0c input:active input {
  color: var(--input-foreground-color-active);
}
.c3353f7dabd0c input:focus-within, .c3353f7dabd0c input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3353f7dabd0c.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cda81275ca50b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cc44ade75d6b5 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c35cc568451ca {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c1729be116daa {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cef2000e0b378 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c0d5b469e6980 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ca2e4b46af9d4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c0ca3a78aae84 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c8e964d96c3eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c39fed92a9577 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c39fed92a9577:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cc0633776d833 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c61bf69d3ac00 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cc7b59ad6f62b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cea9927458cf6 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c7c250a8555f7 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c7c250a8555f7:hover, .c7c250a8555f7:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c3c35833414ce div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c3c35833414ce button {
  display: none;
}
.c3c35833414ce button svg {
  stroke: var(--icon-foreground);
}
.c3c35833414ce:hover button {
  display: flex;
}

.c4d85e8844299 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c4d85e8844299 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c4d85e8844299 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cb8a3bc09217a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cb8a3bc09217a:hover div {
  color: var(--entry-foreground-color-hover);
}

.c582322557174 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cd142b4909c8e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cd142b4909c8e:hover {
  background-color: var(--menu-background-color-hover);
}

.c5e4c89d6551e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c5e4c89d6551e span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c5e4c89d6551e span svg {
  stroke: var(--icon-foreground);
}
.c5e4c89d6551e:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c5e4c89d6551e:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce976b676bf99 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cdb460cb9d4d4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c8693310853aa,
.cf01dda9fe169 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cd3385db400f3 .c8693310853aa,
.cd3385db400f3 .cf01dda9fe169 {
  transform: scale(1);
}

.c7f83f3dfb8d9 .c8693310853aa,
.c7f83f3dfb8d9 .cf01dda9fe169 {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.c086e604c0e02 {
  display: flex;
  align-items: center;
  height: 1.875rem;
  gap: var(--sp-9);
}
.c086e604c0e02 .cbffa4394fe66 {
  flex: 1;
  min-width: 0;
  padding: 0;
}
.c086e604c0e02 .c9dcfab640b6f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  width: 3.75rem;
  flex-shrink: 0;
}
.c086e604c0e02 .c5b272bdc1ea0 {
  display: flex;
  gap: var(--sp-9);
  flex-shrink: 0;
}
.c086e604c0e02.c40259b38e817 .cd16dc840e2e1 {
  cursor: default;
  pointer-events: none;
  box-sizing: border-box;
  color: var(--input-foreground-color-disabled);
  stroke: var(--input-foreground-color-disabled);
  background-color: transparent;
  border: 1px solid var(--input-border-color-disabled);
}
.c086e604c0e02.c40259b38e817 .c9dcfab640b6f {
  cursor: default;
  pointer-events: none;
  box-sizing: border-box;
  color: var(--input-foreground-color-disabled);
  stroke: var(--input-foreground-color-disabled);
  background-color: transparent;
  border: 1px solid var(--input-border-color-disabled);
}
.c086e604c0e02.c40259b38e817 .c9dcfab640b6f .c0d65cc6a8633 {
  stroke: var(--input-foreground-color-disabled);
}
.c086e604c0e02.c40259b38e817 .c9dcfab640b6f .ca0f54f7c2ce7 {
  color: var(--input-foreground-color-disabled);
}

.ce3aa863df12c {
  width: 3.75rem;
  flex-shrink: 0;
  --dropdown-offset: -2.1875rem;
}

@media (max-width: 1680px) {
  .c086e604c0e02 {
    height: 25px;
  }
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

@keyframes c0422df4ccedf {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c5ef62e1984ca {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c5ef62e1984ca:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c5ef62e1984ca ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c5ef62e1984ca ::-webkit-scrollbar-track,
.c5ef62e1984ca ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c5ef62e1984ca ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c5ef62e1984ca ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c5ef62e1984ca ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5ef62e1984ca ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5ef62e1984ca ::placeholder,
.c5ef62e1984ca ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cff170f6533a4, .cd8b28a1e4d0e, .cf186e474dc6b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cff170f6533a4 svg, .cd8b28a1e4d0e svg, .cf186e474dc6b svg,
.cff170f6533a4 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cff170f6533a4:focus-visible, .cd8b28a1e4d0e:focus-visible, .cf186e474dc6b:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cff170f6533a4:focus-visible svg, .cd8b28a1e4d0e:focus-visible svg, .cf186e474dc6b:focus-visible svg,
.cff170f6533a4:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cff170f6533a4:hover, .cd8b28a1e4d0e:hover, .cf186e474dc6b:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cff170f6533a4:hover svg, .cd8b28a1e4d0e:hover svg, .cf186e474dc6b:hover svg,
.cff170f6533a4:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cff170f6533a4:active, .cd8b28a1e4d0e:active, .cf186e474dc6b:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cff170f6533a4:active svg, .cd8b28a1e4d0e:active svg, .cf186e474dc6b:active svg,
.cff170f6533a4:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cff170f6533a4.disabled, .cd8b28a1e4d0e.disabled, .cf186e474dc6b.disabled, .cff170f6533a4[disabled], [disabled].cd8b28a1e4d0e, [disabled].cf186e474dc6b, .cff170f6533a4:disabled, .cd8b28a1e4d0e:disabled, .cf186e474dc6b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c80f3fda92549, .ca974ac117396, .c50668365508b, .c9b7aacdb178d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c80f3fda92549 svg, .ca974ac117396 svg, .c50668365508b svg, .c9b7aacdb178d svg,
.c80f3fda92549 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c80f3fda92549:focus-visible, .ca974ac117396:focus-visible, .c50668365508b:focus-visible, .c9b7aacdb178d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c80f3fda92549:focus-visible svg, .ca974ac117396:focus-visible svg, .c50668365508b:focus-visible svg, .c9b7aacdb178d:focus-visible svg,
.c80f3fda92549:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c80f3fda92549:hover, .ca974ac117396:hover, .c50668365508b:hover, .c9b7aacdb178d:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c80f3fda92549:hover svg, .ca974ac117396:hover svg, .c50668365508b:hover svg, .c9b7aacdb178d:hover svg,
.c80f3fda92549:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c80f3fda92549:active, .ca974ac117396:active, .c50668365508b:active, .c9b7aacdb178d:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c80f3fda92549:active svg, .ca974ac117396:active svg, .c50668365508b:active svg, .c9b7aacdb178d:active svg,
.c80f3fda92549:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c80f3fda92549.disabled, .ca974ac117396.disabled, .c50668365508b.disabled, .c9b7aacdb178d.disabled, .c80f3fda92549[disabled], [disabled].ca974ac117396, [disabled].c50668365508b, [disabled].c9b7aacdb178d, .c80f3fda92549:disabled, .ca974ac117396:disabled, .c50668365508b:disabled, .c9b7aacdb178d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9e08c7fab169 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c9e08c7fab169 svg,
.c9e08c7fab169 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c9e08c7fab169:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c9e08c7fab169:focus-visible svg,
.c9e08c7fab169:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c9e08c7fab169:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c9e08c7fab169:hover svg,
.c9e08c7fab169:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c9e08c7fab169:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c9e08c7fab169:active svg,
.c9e08c7fab169:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c9e08c7fab169.disabled, .c9e08c7fab169[disabled], .c9e08c7fab169:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8142e50bffaa, .c4f8e9fd4d4ca, .cc74549f444c9, .c66ec6374a411 button, .cd45a1c720921 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c8142e50bffaa svg, .c4f8e9fd4d4ca svg, .cc74549f444c9 svg, .c66ec6374a411 button svg, .cd45a1c720921 svg,
.c8142e50bffaa span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c8142e50bffaa:focus-visible, .c4f8e9fd4d4ca:focus-visible, .cc74549f444c9:focus-visible, .c66ec6374a411 button:focus-visible, .cd45a1c720921:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c8142e50bffaa:focus-visible svg, .c4f8e9fd4d4ca:focus-visible svg, .cc74549f444c9:focus-visible svg, .c66ec6374a411 button:focus-visible svg, .cd45a1c720921:focus-visible svg,
.c8142e50bffaa:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c8142e50bffaa:hover, .c4f8e9fd4d4ca:hover, .cc74549f444c9:hover, .c66ec6374a411 button:hover, .cd45a1c720921:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c8142e50bffaa:hover svg, .c4f8e9fd4d4ca:hover svg, .cc74549f444c9:hover svg, .c66ec6374a411 button:hover svg, .cd45a1c720921:hover svg,
.c8142e50bffaa:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c8142e50bffaa:active, .c4f8e9fd4d4ca:active, .cc74549f444c9:active, .c66ec6374a411 button:active, .cd45a1c720921:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c8142e50bffaa:active svg, .c4f8e9fd4d4ca:active svg, .cc74549f444c9:active svg, .c66ec6374a411 button:active svg, .cd45a1c720921:active svg,
.c8142e50bffaa:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c8142e50bffaa.disabled, .c4f8e9fd4d4ca.disabled, .cc74549f444c9.disabled, .c66ec6374a411 button.disabled, .cd45a1c720921.disabled, .c8142e50bffaa[disabled], [disabled].c4f8e9fd4d4ca, [disabled].cc74549f444c9, .c66ec6374a411 button[disabled], [disabled].cd45a1c720921, .c8142e50bffaa:disabled, .c4f8e9fd4d4ca:disabled, .cc74549f444c9:disabled, .c66ec6374a411 button:disabled, .cd45a1c720921:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c8142e50bffaa.disabled svg, .c4f8e9fd4d4ca.disabled svg, .cc74549f444c9.disabled svg, .c66ec6374a411 button.disabled svg, .cd45a1c720921.disabled svg,
.c8142e50bffaa.disabled span svg, .c8142e50bffaa[disabled] svg, [disabled].c4f8e9fd4d4ca svg, [disabled].cc74549f444c9 svg, .c66ec6374a411 button[disabled] svg, [disabled].cd45a1c720921 svg,
.c8142e50bffaa[disabled] span svg, .c8142e50bffaa:disabled svg, .c4f8e9fd4d4ca:disabled svg, .cc74549f444c9:disabled svg, .c66ec6374a411 button:disabled svg, .cd45a1c720921:disabled svg,
.c8142e50bffaa:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c5240eb649ee6, .c4f8e9fd4d4ca.c014c2f7e3991, .cc74549f444c9.c014c2f7e3991 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c5240eb649ee6 svg, .c4f8e9fd4d4ca.c014c2f7e3991 svg, .cc74549f444c9.c014c2f7e3991 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c6a05b1aebd59 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c6a05b1aebd59 svg,
.c6a05b1aebd59 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c6a05b1aebd59:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c6a05b1aebd59:focus-visible svg,
.c6a05b1aebd59:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c6a05b1aebd59:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c6a05b1aebd59:hover svg,
.c6a05b1aebd59:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c6a05b1aebd59:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c6a05b1aebd59:active svg,
.c6a05b1aebd59:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ccac31f2a9683 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cd497bc6edab3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca7360f2ae8c3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ca7360f2ae8c3:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ca7360f2ae8c3:focus-visible svg,
.ca7360f2ae8c3:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ca7360f2ae8c3:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ca7360f2ae8c3:active {
  border: none;
  background-color: transparent;
}

.c1b35bb9fd60a, .c4f8e9fd4d4ca svg, .cc74549f444c9 svg, .c0c7d5cccb250 svg, .cd45a1c720921 svg, .cb335b1704f41, .c5f75da21f20a span svg, .c66ec6374a411 button svg, .c4c8259765b7d.intermediate svg, .cbafc3d1c3f89 label span.intermediate svg, .c4c8259765b7d.checked svg, .cbafc3d1c3f89 label span.checked svg, .cbb426bd0fc5a span svg, .cda473e664a07 span svg,
.c4e56740ffdf0 span svg, .c3f6b89656b2e span svg,
.c0ba1e20f715d span svg, .cdc374e29d166 span svg,
.cbb426bd0fc5a label svg,
.cda473e664a07 label svg,
.c4e56740ffdf0 label svg,
.c3f6b89656b2e label svg,
.c0ba1e20f715d label svg,
.cdc374e29d166 label svg, .cce572ec9da66 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cf129a2623eed {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cf129a2623eed:hover {
  fill: none;
  stroke: none;
}

.cb335b1704f41, .c5f75da21f20a span svg, .c66ec6374a411 button svg, .c4c8259765b7d.intermediate svg, .cbafc3d1c3f89 label span.intermediate svg, .c4c8259765b7d.checked svg, .cbafc3d1c3f89 label span.checked svg, .cbb426bd0fc5a span svg, .cda473e664a07 span svg,
.c4e56740ffdf0 span svg, .c3f6b89656b2e span svg,
.c0ba1e20f715d span svg, .cdc374e29d166 span svg,
.cbb426bd0fc5a label svg,
.cda473e664a07 label svg,
.c4e56740ffdf0 label svg,
.c3f6b89656b2e label svg,
.c0ba1e20f715d label svg,
.cdc374e29d166 label svg, .cce572ec9da66 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c69e111783c74 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c69e111783c74:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c34c2acfd217e, .cd1862dd8671a input, .c1b787f4a5b68 input, .cbb426bd0fc5a input, .cda473e664a07 input,
.c4e56740ffdf0 input, .c3f6b89656b2e input,
.c0ba1e20f715d input, .cdc374e29d166 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c34c2acfd217e, .cd1862dd8671a input, .c1b787f4a5b68 input, .cbb426bd0fc5a input, .cda473e664a07 input,
  .c4e56740ffdf0 input, .c3f6b89656b2e input,
  .c0ba1e20f715d input, .cdc374e29d166 input {
    height: 23px;
  }
}
.c34c2acfd217e, .cd1862dd8671a input, .c1b787f4a5b68 input, .cbb426bd0fc5a input, .cda473e664a07 input,
.c4e56740ffdf0 input, .c3f6b89656b2e input,
.c0ba1e20f715d input, .cdc374e29d166 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c34c2acfd217e[disabled], .cd1862dd8671a input[disabled], .c1b787f4a5b68 input[disabled], .cbb426bd0fc5a input[disabled], .cda473e664a07 input[disabled],
.c4e56740ffdf0 input[disabled], .c3f6b89656b2e input[disabled],
.c0ba1e20f715d input[disabled], .cdc374e29d166 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cce572ec9da66 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c6976ca2e8cba, .cbb426bd0fc5a span, .cda473e664a07 span,
.c4e56740ffdf0 span, .c3f6b89656b2e span,
.c0ba1e20f715d span, .cdc374e29d166 span,
.cbb426bd0fc5a label,
.cda473e664a07 label,
.c4e56740ffdf0 label,
.c3f6b89656b2e label,
.c0ba1e20f715d label,
.cdc374e29d166 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6976ca2e8cba, .cbb426bd0fc5a span, .cda473e664a07 span,
  .c4e56740ffdf0 span, .c3f6b89656b2e span,
  .c0ba1e20f715d span, .cdc374e29d166 span,
  .cbb426bd0fc5a label,
  .cda473e664a07 label,
  .c4e56740ffdf0 label,
  .c3f6b89656b2e label,
  .c0ba1e20f715d label,
  .cdc374e29d166 label {
    height: 25px;
  }
}
.c6976ca2e8cba, .cbb426bd0fc5a span, .cda473e664a07 span,
.c4e56740ffdf0 span, .c3f6b89656b2e span,
.c0ba1e20f715d span, .cdc374e29d166 span,
.cbb426bd0fc5a label,
.cda473e664a07 label,
.c4e56740ffdf0 label,
.c3f6b89656b2e label,
.c0ba1e20f715d label,
.cdc374e29d166 label {
  color: var(--input-foreground-color);
}

.cbb426bd0fc5a, .cda473e664a07,
.c4e56740ffdf0, .c3f6b89656b2e,
.c0ba1e20f715d, .cdc374e29d166 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbb426bd0fc5a, .cda473e664a07,
  .c4e56740ffdf0, .c3f6b89656b2e,
  .c0ba1e20f715d, .cdc374e29d166 {
    height: 25px;
    font-size: 10px;
  }
}
.cbb426bd0fc5a, .cda473e664a07,
.c4e56740ffdf0, .c3f6b89656b2e,
.c0ba1e20f715d, .cdc374e29d166 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cbb426bd0fc5a span svg, .cda473e664a07 span svg,
.c4e56740ffdf0 span svg, .c3f6b89656b2e span svg,
.c0ba1e20f715d span svg, .cdc374e29d166 span svg,
.cbb426bd0fc5a label svg,
.cda473e664a07 label svg,
.c4e56740ffdf0 label svg,
.c3f6b89656b2e label svg,
.c0ba1e20f715d label svg,
.cdc374e29d166 label svg {
  color: var(--input-foreground-color);
}
.cbb426bd0fc5a ::-moz-placeholder, .cda473e664a07 ::-moz-placeholder, .c4e56740ffdf0 ::-moz-placeholder, .c3f6b89656b2e ::-moz-placeholder, .c0ba1e20f715d ::-moz-placeholder, .cdc374e29d166 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cbb426bd0fc5a ::placeholder, .cda473e664a07 ::placeholder,
.c4e56740ffdf0 ::placeholder, .c3f6b89656b2e ::placeholder,
.c0ba1e20f715d ::placeholder, .cdc374e29d166 ::placeholder {
  color: var(--input-placeholder-color);
}
.cbb426bd0fc5a:focus-within, .cda473e664a07:focus-within,
.c4e56740ffdf0:focus-within, .c3f6b89656b2e:focus-within,
.c0ba1e20f715d:focus-within, .cdc374e29d166:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbb426bd0fc5a:hover, .cda473e664a07:hover,
.c4e56740ffdf0:hover, .c3f6b89656b2e:hover,
.c0ba1e20f715d:hover, .cdc374e29d166:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cbb426bd0fc5a:hover span, .cda473e664a07:hover span,
.c4e56740ffdf0:hover span, .c3f6b89656b2e:hover span,
.c0ba1e20f715d:hover span, .cdc374e29d166:hover span {
  color: var(--input-foreground-color-hover);
}
.cbb426bd0fc5a:hover input, .cda473e664a07:hover input,
.c4e56740ffdf0:hover input, .c3f6b89656b2e:hover input,
.c0ba1e20f715d:hover input, .cdc374e29d166:hover input {
  color: var(--input-foreground-color-hover);
}
.cbb426bd0fc5a:active, .cda473e664a07:active,
.c4e56740ffdf0:active, .c3f6b89656b2e:active,
.c0ba1e20f715d:active, .cdc374e29d166:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cbb426bd0fc5a:active span, .cda473e664a07:active span,
.c4e56740ffdf0:active span, .c3f6b89656b2e:active span,
.c0ba1e20f715d:active span, .cdc374e29d166:active span {
  color: var(--input-foreground-color-active);
}
.cbb426bd0fc5a:active input, .cda473e664a07:active input,
.c4e56740ffdf0:active input, .c3f6b89656b2e:active input,
.c0ba1e20f715d:active input, .cdc374e29d166:active input {
  color: var(--input-foreground-color-active);
}
.cbb426bd0fc5a:focus, .cda473e664a07:focus,
.c4e56740ffdf0:focus, .c3f6b89656b2e:focus,
.c0ba1e20f715d:focus, .cdc374e29d166:focus, .cbb426bd0fc5a:focus-within, .cda473e664a07:focus-within,
.c4e56740ffdf0:focus-within, .c3f6b89656b2e:focus-within,
.c0ba1e20f715d:focus-within, .cdc374e29d166:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbb426bd0fc5a:focus span, .cda473e664a07:focus span,
.c4e56740ffdf0:focus span, .c3f6b89656b2e:focus span,
.c0ba1e20f715d:focus span, .cdc374e29d166:focus span, .cbb426bd0fc5a:focus-within span, .cda473e664a07:focus-within span,
.c4e56740ffdf0:focus-within span, .c3f6b89656b2e:focus-within span,
.c0ba1e20f715d:focus-within span, .cdc374e29d166:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cbb426bd0fc5a:focus input, .cda473e664a07:focus input,
.c4e56740ffdf0:focus input, .c3f6b89656b2e:focus input,
.c0ba1e20f715d:focus input, .cdc374e29d166:focus input, .cbb426bd0fc5a:focus-within input, .cda473e664a07:focus-within input,
.c4e56740ffdf0:focus-within input, .c3f6b89656b2e:focus-within input,
.c0ba1e20f715d:focus-within input, .cdc374e29d166:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cbb426bd0fc5a:focus:hover, .cda473e664a07:focus:hover,
.c4e56740ffdf0:focus:hover, .c3f6b89656b2e:focus:hover,
.c0ba1e20f715d:focus:hover, .cdc374e29d166:focus:hover, .cbb426bd0fc5a:focus-within:hover, .cda473e664a07:focus-within:hover,
.c4e56740ffdf0:focus-within:hover, .c3f6b89656b2e:focus-within:hover,
.c0ba1e20f715d:focus-within:hover, .cdc374e29d166:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbb426bd0fc5a:focus:hover span, .cda473e664a07:focus:hover span,
.c4e56740ffdf0:focus:hover span, .c3f6b89656b2e:focus:hover span,
.c0ba1e20f715d:focus:hover span, .cdc374e29d166:focus:hover span, .cbb426bd0fc5a:focus-within:hover span, .cda473e664a07:focus-within:hover span,
.c4e56740ffdf0:focus-within:hover span, .c3f6b89656b2e:focus-within:hover span,
.c0ba1e20f715d:focus-within:hover span, .cdc374e29d166:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cbb426bd0fc5a:focus:hover input, .cda473e664a07:focus:hover input,
.c4e56740ffdf0:focus:hover input, .c3f6b89656b2e:focus:hover input,
.c0ba1e20f715d:focus:hover input, .cdc374e29d166:focus:hover input, .cbb426bd0fc5a:focus-within:hover input, .cda473e664a07:focus-within:hover input,
.c4e56740ffdf0:focus-within:hover input, .c3f6b89656b2e:focus-within:hover input,
.c0ba1e20f715d:focus-within:hover input, .cdc374e29d166:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c1b787f4a5b68 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c1b787f4a5b68 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c1b787f4a5b68 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1b787f4a5b68 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1b787f4a5b68:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c1b787f4a5b68:focus-within input, .c1b787f4a5b68:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c064ab57dd7f4, .cda473e664a07.cccc29d247117,
.c4e56740ffdf0.cccc29d247117, .cd1862dd8671a.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c064ab57dd7f4 input, .cda473e664a07.cccc29d247117 input,
.c4e56740ffdf0.cccc29d247117 input, .cd1862dd8671a.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c064ab57dd7f4 span svg, .cda473e664a07.cccc29d247117 span svg,
.c4e56740ffdf0.cccc29d247117 span svg, .cd1862dd8671a.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c4c8259765b7d, .cbafc3d1c3f89 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c4c8259765b7d svg, .cbafc3d1c3f89 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c4c8259765b7d:hover, .cbafc3d1c3f89 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4c8259765b7d:focus, .cbafc3d1c3f89 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c4c8259765b7d.checked, .cbafc3d1c3f89 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c4c8259765b7d.checked svg, .cbafc3d1c3f89 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c4c8259765b7d.intermediate, .cbafc3d1c3f89 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c4c8259765b7d.intermediate svg, .cbafc3d1c3f89 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c4c8259765b7d.unchecked, .cbafc3d1c3f89 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c4c8259765b7d.unchecked svg, .cbafc3d1c3f89 label span.unchecked svg {
  display: none;
}

.cbafc3d1c3f89 {
  display: flex;
  align-items: center;
}
.cbafc3d1c3f89 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cbafc3d1c3f89 label input {
  margin: 0;
}
.cbafc3d1c3f89 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cbafc3d1c3f89 label:focus span, .cbafc3d1c3f89 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cd1862dd8671a {
  display: flex;
  flex-direction: column;
}
.cd1862dd8671a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cd1862dd8671a input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cd1862dd8671a input:focus-within input, .cd1862dd8671a input:active input {
  color: var(--input-foreground-color-active);
}
.cd1862dd8671a input:focus-within, .cd1862dd8671a input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd1862dd8671a.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c8c8533d85b46 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cdc63cc2ffdc9 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c0476eca73013 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd45a1c720921 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c7807cc25a76c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c4491bd269527 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c9b7aacdb178d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cf186e474dc6b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd8b28a1e4d0e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c3f3e9f51c793 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c3f3e9f51c793:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c6e7553baa05b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ce0faadf74086 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cb7262c7f006c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cd3a1187134ef {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ccc6a8b5ab375 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ccc6a8b5ab375:hover, .ccc6a8b5ab375:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c66ec6374a411 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c66ec6374a411 button {
  display: none;
}
.c66ec6374a411 button svg {
  stroke: var(--icon-foreground);
}
.c66ec6374a411:hover button {
  display: flex;
}

.c38a5d5b44234 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c38a5d5b44234 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c38a5d5b44234 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c433f0a34ca06 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c433f0a34ca06:hover div {
  color: var(--entry-foreground-color-hover);
}

.cefcfa359678d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c4a6cf46b671a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c4a6cf46b671a:hover {
  background-color: var(--menu-background-color-hover);
}

.c5f75da21f20a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c5f75da21f20a span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c5f75da21f20a span svg {
  stroke: var(--icon-foreground);
}
.c5f75da21f20a:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c5f75da21f20a:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c815457f613c4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ca6b8d6af4b82 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cfe3722c10931,
.c1a224ce034c5 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c272e877f88b8 .cfe3722c10931,
.c272e877f88b8 .c1a224ce034c5 {
  transform: scale(1);
}

.cc7466eed3e86 .cfe3722c10931,
.cc7466eed3e86 .c1a224ce034c5 {
  transform: scale(0);
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.c685d66b36828 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.cbfab31485c3b {
  grid-column: span 8;
}

.cbe793b555701 {
  padding-inline-start: var(--sp-xxs);
  margin: 0;
}

.c53b246e660b7 {
  position: relative;
  display: flex;
  gap: var(--sp-xs);
  block-size: 1.875rem;
  padding: 0;
  margin: 0;
}

.cf28fc5c20427 {
  white-space: nowrap;
}

.c9f9ca8b3fac1 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
  margin-block-end: var(--sp-s);
}

.caf588d4784d7 {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  margin-block-start: var(--sp-xs);
}

.c7bdd63d14673 {
  grid-column: span 3;
  background-color: #2A2B2A;
  border-radius: 0.5rem;
}

.c2b6e9bc4239e {
  grid-column: span 4;
  background-color: #2A2B2A;
  border-radius: 0.5rem;
}

.c4f8e9fd4d4ca {
  border-radius: 0.5rem;
  block-size: 1.875rem;
  inline-size: 1.875rem;
}
.c4f8e9fd4d4ca svg {
  height: 20.5px;
  width: 20.5px;
  stroke: var(--color-foreground-secondary);
}
.c0f32d052137d,
.cc0a15657b7b1 {
  margin-top: var(--sp-9);
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  margin-block-end: var(--sp-m);
}

.c7c16f0e9a9b7,
.c7ebb175a9036 {
  grid-column: span 6;
  background-color: #2A2B2A;
  border-radius: 0.5rem;
}

.ce7571a5b4732 {
  display: grid;
  grid-template-columns: var(--grid-exception-input-width) var(--grid-exception-input-width) var(--sp-xxxl); /* action button */
  gap: var(--sp-9);
  grid-column: 1/-1;
}

.cc46fe27d6d5f {
  grid-column: 1/-1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.c93ea85dd6694 {
  grid-column: span 3;
  display: grid;
  grid-template-columns: subgrid;
}

.cda473e664a07,
.c4e56740ffdf0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}
.c3f6b89656b2e,
.c0ba1e20f715d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.c02a2b3960702 {
  display: grid;
  grid-column: span 3;
  grid-template-columns: subgrid;
}

.c4e80143b302b,
.c613ba38d72f9 {
  grid-column: span 2;
  display: grid;
  grid-template-columns: subgrid;
}

.c1263b9bfea44 {
  display: grid;
  grid-column: span 2;
  grid-template-columns: subgrid;
  row-gap: var(--sp-9);
}

.cc74549f444c9 {
  block-size: 1.875rem;
  inline-size: 1.875rem;
  border-radius: 0.5rem;
}
.cc74549f444c9 svg {
  width: 1.28125rem;
  height: 1.28125rem;
  color: var(--color-foreground-secondary);
}
.c4f341c496c40 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.c7734efd5bb52,
.caf588d4784d7,
.c91e1ab4756d8,
.c0c046c9dfbdc,
.cdc4f25970aa3 {
  grid-column: 1/-1;
  margin-top: var(--sp-9);
}

.caf588d4784d7 {
  display: grid;
  grid-template-columns: subgrid;
}

.c91e1ab4756d8 {
  display: grid;
  grid-template-columns: subgrid;
  align-items: flex-start;
  position: relative;
  row-gap: var(--sp-9);
}

.cff128cf54ae9 {
  grid-row: 1;
  grid-column: 8;
}

.c45977ab995f0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  flex: 1;
  color: var(--color-foreground-primary);
  grid-column: span 5;
}

.ca974ac117396 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  inline-size: 100%;
  padding: var(--sp-s);
  grid-column: span 7;
  height: 30px;
}
@media (max-width: 1680px) {
  .ca974ac117396 {
    height: 25px;
  }
}

.c50668365508b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  padding: var(--sp-s) var(--sp-xl);
  grid-column: span 2;
}

.c6340713e8624 {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
  row-gap: var(--sp-9);
  margin-block-start: var(--sp-xs);
}

.cbdfc127244d7 {
  margin-block-start: var(--sp-s);
}

.c5690dbfa0030 {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}

.c7734efd5bb52 {
  display: grid;
  grid-template-columns: subgrid;
}

.cf683b848b081 {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
.cf683b848b081.c4dae0046cb64 {
  border-block-start: 0.125rem solid var(--color-accent-primary);
}
.cf683b848b081.cbacb3eccec3b {
  border-block-end: 0.125rem solid var(--color-accent-primary);
}

.c7092ea5ca98d {
  display: flex;
  grid-column: 1/span 7;
}

.c0c7d5cccb250 {
  cursor: pointer;
  border-radius: 0.5rem 0 0 0.5rem;
  background-color: var(--color-background-fifty);
  border-inline-end: 0.0625rem solid var(--color-border-secondary);
  padding: 0 var(--sp-s);
}
.c0c7d5cccb250 svg {
  height: 1rem;
  width: 1rem;
  color: var(--color-foreground-secondary);
  block-size: 100%;
}
.c0c7d5cccb250:hover svg {
  color: var(--color-foreground-primary);
}

.cdc374e29d166 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  border-radius: 0;
  border-inline-end: 0.0625rem solid var(--color-border-secondary);
}

.c5231b859908e {
  border-radius: 0 0.5rem 0.5rem 0;
  inline-size: 6rem;
}

.c1a9fac9bf9df {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
  margin-block-start: var(--sp-s);
}

.cecc976605dee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
  border-radius: 0.5rem;
  overflow: hidden;
  background: var(--color-background-fifty);
  block-size: 3.25rem;
  grid-column: 1/-1;
}

.c65baeb13725f {
  display: grid;
  flex-grow: 1;
  padding: var(--sp-s);
  gap: 0;
  overflow: hidden;
}

.c526b1e0afcbb {
  color: var(--color-foreground-primary);
}

.c4aff817a2f19 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  inline-size: 100%;
  color: var(--color-foreground-secondary);
}

.ce568b52ee34e {
  background-color: var(--color-background-fifty);
  --button-width: 2.625rem;
  --button-height: 3.25rem;
  border-radius: 0.5rem 0 0 0.5rem;
  border-inline-end: 0.0625rem solid var(--color-border-secondary);
}

.c225cb6b4f93f {
  background-color: var(--color-background-fifty);
  --button-width: 2.625rem;
  --button-height: 3.25rem;
  border-radius: 0 0.5rem 0.5rem 0;
}

.cc5dc97bcb868 {
  box-shadow: 0px 0px 0.75rem 0px var(--color-shadow-dark);
  position: absolute;
  display: flex;
  flex-direction: column;
  inset-block-start: 1.875rem;
  inset-inline-start: initial;
  inset-inline-end: var(--sp-s);
  max-block-size: var(--menu-max-height, 18.75rem);
  padding: var(--sp-xxs);
  margin: 0;
  margin-block-start: 0.0625rem;
  border-radius: 0.5rem;
  z-index: var(--z-index-dropdown);
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--color-background-quaternary);
  color: var(--color-foreground-primary);
  border: 0.125rem solid var(--color-background-quaternary);
  gap: var(--sp-xs);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.cc5dc97bcb868 button {
  border: none;
  background: none;
  cursor: pointer;
  padding: var(--sp-s);
  color: var(--color-foreground-primary);
  border-radius: 0.375rem;
}
.cc5dc97bcb868 button:hover {
  background: var(--color-background-quaternary);
}

.c6ffa67845e96 {
  grid-column: span 2;
}

.cbfe382295a80 {
  background-color: #2A2B2A;
  border-radius: 0.5rem;
}

.c97514582c5cc {
  grid-column: span 3;
  background-color: #2A2B2A;
  border-radius: 0.5rem;
}

.cf204cba63b94 {
  grid-column: 1/span 6;
  background-color: #2A2B2A;
  border-radius: 0.5rem;
}

.c0c046c9dfbdc,
.cdc4f25970aa3 {
  display: grid;
  grid-template-columns: var(--grid-exception-input-width) var(--grid-exception-input-width) var(--sp-xxxl); /* action button */
  gap: var(--sp-9);
}

.c137ad548b7d6 {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
  align-items: center;
}

.c5b96d7d7ac69 {
  --button-fg-color: #535353;
}

.c4f8e9fd4d4ca svg {
  color: var(--color-foreground-secondary);
}
@media (max-width: 1680px) {
  .c4f8e9fd4d4ca {
    block-size: 25px;
    inline-size: 25px;
  }
  .c4f8e9fd4d4ca svg {
    width: 1.125rem;
    height: 1.125rem;
  }
}

.cc74549f444c9 svg {
  color: var(--color-foreground-secondary);
}
@media (max-width: 1680px) {
  .cc74549f444c9 {
    block-size: 25px;
    inline-size: 25px;
  }
  .cc74549f444c9 svg {
    width: 1.125rem;
    height: 1.125rem;
  }
}

@media (max-width: 1680px) {
  .c53b246e660b7 {
    block-size: 25px;
  }
}
.c0c7d5cccb250 svg {
  color: var(--color-foreground-secondary);
}
.c0c7d5cccb250:hover svg {
  color: var(--color-foreground-primary);
}
@keyframes cb3e773d28b88 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cb2567b3631ab {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cb2567b3631ab:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cb2567b3631ab ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cb2567b3631ab ::-webkit-scrollbar-track,
.cb2567b3631ab ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cb2567b3631ab ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cb2567b3631ab ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cb2567b3631ab ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb2567b3631ab ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb2567b3631ab ::placeholder,
.cb2567b3631ab ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c39d186b203ee, .c47acfcbbe01f, .c3c6a60ad0ab1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c39d186b203ee svg, .c47acfcbbe01f svg, .c3c6a60ad0ab1 svg,
.c39d186b203ee span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c39d186b203ee:focus-visible, .c47acfcbbe01f:focus-visible, .c3c6a60ad0ab1:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c39d186b203ee:focus-visible svg, .c47acfcbbe01f:focus-visible svg, .c3c6a60ad0ab1:focus-visible svg,
.c39d186b203ee:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c39d186b203ee:hover, .c47acfcbbe01f:hover, .c3c6a60ad0ab1:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c39d186b203ee:hover svg, .c47acfcbbe01f:hover svg, .c3c6a60ad0ab1:hover svg,
.c39d186b203ee:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c39d186b203ee:active, .c47acfcbbe01f:active, .c3c6a60ad0ab1:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c39d186b203ee:active svg, .c47acfcbbe01f:active svg, .c3c6a60ad0ab1:active svg,
.c39d186b203ee:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c39d186b203ee.disabled, .c47acfcbbe01f.disabled, .c3c6a60ad0ab1.disabled, .c39d186b203ee[disabled], [disabled].c47acfcbbe01f, [disabled].c3c6a60ad0ab1, .c39d186b203ee:disabled, .c47acfcbbe01f:disabled, .c3c6a60ad0ab1:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb4c4083264b0, .ce4d0e3b56029 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cb4c4083264b0 svg, .ce4d0e3b56029 svg,
.cb4c4083264b0 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cb4c4083264b0:focus-visible, .ce4d0e3b56029:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb4c4083264b0:focus-visible svg, .ce4d0e3b56029:focus-visible svg,
.cb4c4083264b0:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb4c4083264b0:hover, .ce4d0e3b56029:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cb4c4083264b0:hover svg, .ce4d0e3b56029:hover svg,
.cb4c4083264b0:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cb4c4083264b0:active, .ce4d0e3b56029:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cb4c4083264b0:active svg, .ce4d0e3b56029:active svg,
.cb4c4083264b0:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cb4c4083264b0.disabled, .ce4d0e3b56029.disabled, .cb4c4083264b0[disabled], [disabled].ce4d0e3b56029, .cb4c4083264b0:disabled, .ce4d0e3b56029:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0512b1c6ce95 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c0512b1c6ce95 svg,
.c0512b1c6ce95 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c0512b1c6ce95:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c0512b1c6ce95:focus-visible svg,
.c0512b1c6ce95:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c0512b1c6ce95:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c0512b1c6ce95:hover svg,
.c0512b1c6ce95:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c0512b1c6ce95:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c0512b1c6ce95:active svg,
.c0512b1c6ce95:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c0512b1c6ce95.disabled, .c0512b1c6ce95[disabled], .c0512b1c6ce95:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c07920a08805a, .c509fa24859ce, .ceb8d1fa9d558 button, .c8df894a1b19d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c07920a08805a svg, .c509fa24859ce svg, .ceb8d1fa9d558 button svg, .c8df894a1b19d svg,
.c07920a08805a span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c07920a08805a:focus-visible, .c509fa24859ce:focus-visible, .ceb8d1fa9d558 button:focus-visible, .c8df894a1b19d:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c07920a08805a:focus-visible svg, .c509fa24859ce:focus-visible svg, .ceb8d1fa9d558 button:focus-visible svg, .c8df894a1b19d:focus-visible svg,
.c07920a08805a:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c07920a08805a:hover, .c509fa24859ce:hover, .ceb8d1fa9d558 button:hover, .c8df894a1b19d:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c07920a08805a:hover svg, .c509fa24859ce:hover svg, .ceb8d1fa9d558 button:hover svg, .c8df894a1b19d:hover svg,
.c07920a08805a:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c07920a08805a:active, .c509fa24859ce:active, .ceb8d1fa9d558 button:active, .c8df894a1b19d:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c07920a08805a:active svg, .c509fa24859ce:active svg, .ceb8d1fa9d558 button:active svg, .c8df894a1b19d:active svg,
.c07920a08805a:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c07920a08805a.disabled, .c509fa24859ce.disabled, .ceb8d1fa9d558 button.disabled, .c8df894a1b19d.disabled, .c07920a08805a[disabled], [disabled].c509fa24859ce, .ceb8d1fa9d558 button[disabled], [disabled].c8df894a1b19d, .c07920a08805a:disabled, .c509fa24859ce:disabled, .ceb8d1fa9d558 button:disabled, .c8df894a1b19d:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c07920a08805a.disabled svg, .c509fa24859ce.disabled svg, .ceb8d1fa9d558 button.disabled svg, .c8df894a1b19d.disabled svg,
.c07920a08805a.disabled span svg, .c07920a08805a[disabled] svg, [disabled].c509fa24859ce svg, .ceb8d1fa9d558 button[disabled] svg, [disabled].c8df894a1b19d svg,
.c07920a08805a[disabled] span svg, .c07920a08805a:disabled svg, .c509fa24859ce:disabled svg, .ceb8d1fa9d558 button:disabled svg, .c8df894a1b19d:disabled svg,
.c07920a08805a:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c4c40435a40f9, .c509fa24859ce.ca132120184eb {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c4c40435a40f9 svg, .c509fa24859ce.ca132120184eb svg {
  color: var(--button-icon-foreground-color-selected);
}

.c9a2f0a7836de {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c9a2f0a7836de svg,
.c9a2f0a7836de span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c9a2f0a7836de:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c9a2f0a7836de:focus-visible svg,
.c9a2f0a7836de:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c9a2f0a7836de:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c9a2f0a7836de:hover svg,
.c9a2f0a7836de:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c9a2f0a7836de:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c9a2f0a7836de:active svg,
.c9a2f0a7836de:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c563907cef9ca {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c4a3b3c553682 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca97a5cac5548 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ca97a5cac5548:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ca97a5cac5548:focus-visible svg,
.ca97a5cac5548:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ca97a5cac5548:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ca97a5cac5548:active {
  border: none;
  background-color: transparent;
}

.c42fdbb4223f4, .c509fa24859ce svg, .c8df894a1b19d svg, .c60dec76fb689, .c6c63c190e622 span svg, .ceb8d1fa9d558 button svg, .cf5699235b5d5.intermediate svg, .c002d7d7add22 label span.intermediate svg, .cf5699235b5d5.checked svg, .c002d7d7add22 label span.checked svg, .c53d064cea7c0 span svg, .cdd62a63411f0 span svg, .c91737eee171e .cb76c8b9cf15b span svg,
.c91737eee171e .ce39db5228505 span svg, .c5ef0830d297a span svg,
.ccd6cce460819 span svg,
.cd26df3fb1952 span svg,
.c0314398f0c5a span svg, .cb3bebe17df6e span svg,
.cb84ef7d63cbe span svg,
.c2348b4f22e75 span svg,
.cac8104ca67a9 span svg,
.c53d064cea7c0 label svg,
.cdd62a63411f0 label svg,
.c91737eee171e .cb76c8b9cf15b label svg,
.c91737eee171e .ce39db5228505 label svg,
.c5ef0830d297a label svg,
.ccd6cce460819 label svg,
.cd26df3fb1952 label svg,
.c0314398f0c5a label svg,
.cb3bebe17df6e label svg,
.cb84ef7d63cbe label svg,
.c2348b4f22e75 label svg,
.cac8104ca67a9 label svg, .c34989bf71884 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ca66217dbfa8e {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ca66217dbfa8e:hover {
  fill: none;
  stroke: none;
}

.c60dec76fb689, .c6c63c190e622 span svg, .ceb8d1fa9d558 button svg, .cf5699235b5d5.intermediate svg, .c002d7d7add22 label span.intermediate svg, .cf5699235b5d5.checked svg, .c002d7d7add22 label span.checked svg, .c53d064cea7c0 span svg, .cdd62a63411f0 span svg, .c91737eee171e .cb76c8b9cf15b span svg,
.c91737eee171e .ce39db5228505 span svg, .c5ef0830d297a span svg,
.ccd6cce460819 span svg,
.cd26df3fb1952 span svg,
.c0314398f0c5a span svg, .cb3bebe17df6e span svg,
.cb84ef7d63cbe span svg,
.c2348b4f22e75 span svg,
.cac8104ca67a9 span svg,
.c53d064cea7c0 label svg,
.cdd62a63411f0 label svg,
.c91737eee171e .cb76c8b9cf15b label svg,
.c91737eee171e .ce39db5228505 label svg,
.c5ef0830d297a label svg,
.ccd6cce460819 label svg,
.cd26df3fb1952 label svg,
.c0314398f0c5a label svg,
.cb3bebe17df6e label svg,
.cb84ef7d63cbe label svg,
.c2348b4f22e75 label svg,
.cac8104ca67a9 label svg, .c34989bf71884 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c1f65592e7184 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c1f65592e7184:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c07d81546e6aa, .c39da0e12755f input, .c69b96952b2e1 input, .c53d064cea7c0 input, .cdd62a63411f0 input, .c91737eee171e .cb76c8b9cf15b input,
.c91737eee171e .ce39db5228505 input, .c5ef0830d297a input,
.ccd6cce460819 input,
.cd26df3fb1952 input,
.c0314398f0c5a input, .cb3bebe17df6e input,
.cb84ef7d63cbe input,
.c2348b4f22e75 input,
.cac8104ca67a9 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c07d81546e6aa, .c39da0e12755f input, .c69b96952b2e1 input, .c53d064cea7c0 input, .cdd62a63411f0 input, .c91737eee171e .cb76c8b9cf15b input,
  .c91737eee171e .ce39db5228505 input, .c5ef0830d297a input,
  .ccd6cce460819 input,
  .cd26df3fb1952 input,
  .c0314398f0c5a input, .cb3bebe17df6e input,
  .cb84ef7d63cbe input,
  .c2348b4f22e75 input,
  .cac8104ca67a9 input {
    height: 23px;
  }
}
.c07d81546e6aa, .c39da0e12755f input, .c69b96952b2e1 input, .c53d064cea7c0 input, .cdd62a63411f0 input, .c91737eee171e .cb76c8b9cf15b input,
.c91737eee171e .ce39db5228505 input, .c5ef0830d297a input,
.ccd6cce460819 input,
.cd26df3fb1952 input,
.c0314398f0c5a input, .cb3bebe17df6e input,
.cb84ef7d63cbe input,
.c2348b4f22e75 input,
.cac8104ca67a9 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c07d81546e6aa[disabled], .c39da0e12755f input[disabled], .c69b96952b2e1 input[disabled], .c53d064cea7c0 input[disabled], .cdd62a63411f0 input[disabled], .c91737eee171e .cb76c8b9cf15b input[disabled],
.c91737eee171e .ce39db5228505 input[disabled], .c5ef0830d297a input[disabled],
.ccd6cce460819 input[disabled],
.cd26df3fb1952 input[disabled],
.c0314398f0c5a input[disabled], .cb3bebe17df6e input[disabled],
.cb84ef7d63cbe input[disabled],
.c2348b4f22e75 input[disabled],
.cac8104ca67a9 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c34989bf71884 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c69805761fffa, .c53d064cea7c0 span, .cdd62a63411f0 span, .c91737eee171e .cb76c8b9cf15b span,
.c91737eee171e .ce39db5228505 span, .c5ef0830d297a span,
.ccd6cce460819 span,
.cd26df3fb1952 span,
.c0314398f0c5a span, .cb3bebe17df6e span,
.cb84ef7d63cbe span,
.c2348b4f22e75 span,
.cac8104ca67a9 span,
.c53d064cea7c0 label,
.cdd62a63411f0 label,
.c91737eee171e .cb76c8b9cf15b label,
.c91737eee171e .ce39db5228505 label,
.c5ef0830d297a label,
.ccd6cce460819 label,
.cd26df3fb1952 label,
.c0314398f0c5a label,
.cb3bebe17df6e label,
.cb84ef7d63cbe label,
.c2348b4f22e75 label,
.cac8104ca67a9 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c69805761fffa, .c53d064cea7c0 span, .cdd62a63411f0 span, .c91737eee171e .cb76c8b9cf15b span,
  .c91737eee171e .ce39db5228505 span, .c5ef0830d297a span,
  .ccd6cce460819 span,
  .cd26df3fb1952 span,
  .c0314398f0c5a span, .cb3bebe17df6e span,
  .cb84ef7d63cbe span,
  .c2348b4f22e75 span,
  .cac8104ca67a9 span,
  .c53d064cea7c0 label,
  .cdd62a63411f0 label,
  .c91737eee171e .cb76c8b9cf15b label,
  .c91737eee171e .ce39db5228505 label,
  .c5ef0830d297a label,
  .ccd6cce460819 label,
  .cd26df3fb1952 label,
  .c0314398f0c5a label,
  .cb3bebe17df6e label,
  .cb84ef7d63cbe label,
  .c2348b4f22e75 label,
  .cac8104ca67a9 label {
    height: 25px;
  }
}
.c69805761fffa, .c53d064cea7c0 span, .cdd62a63411f0 span, .c91737eee171e .cb76c8b9cf15b span,
.c91737eee171e .ce39db5228505 span, .c5ef0830d297a span,
.ccd6cce460819 span,
.cd26df3fb1952 span,
.c0314398f0c5a span, .cb3bebe17df6e span,
.cb84ef7d63cbe span,
.c2348b4f22e75 span,
.cac8104ca67a9 span,
.c53d064cea7c0 label,
.cdd62a63411f0 label,
.c91737eee171e .cb76c8b9cf15b label,
.c91737eee171e .ce39db5228505 label,
.c5ef0830d297a label,
.ccd6cce460819 label,
.cd26df3fb1952 label,
.c0314398f0c5a label,
.cb3bebe17df6e label,
.cb84ef7d63cbe label,
.c2348b4f22e75 label,
.cac8104ca67a9 label {
  color: var(--input-foreground-color);
}

.c53d064cea7c0, .cdd62a63411f0, .c91737eee171e .cb76c8b9cf15b,
.c91737eee171e .ce39db5228505, .c5ef0830d297a,
.ccd6cce460819,
.cd26df3fb1952,
.c0314398f0c5a, .cb3bebe17df6e,
.cb84ef7d63cbe,
.c2348b4f22e75,
.cac8104ca67a9 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c53d064cea7c0, .cdd62a63411f0, .c91737eee171e .cb76c8b9cf15b,
  .c91737eee171e .ce39db5228505, .c5ef0830d297a,
  .ccd6cce460819,
  .cd26df3fb1952,
  .c0314398f0c5a, .cb3bebe17df6e,
  .cb84ef7d63cbe,
  .c2348b4f22e75,
  .cac8104ca67a9 {
    height: 25px;
    font-size: 10px;
  }
}
.c53d064cea7c0, .cdd62a63411f0, .c91737eee171e .cb76c8b9cf15b,
.c91737eee171e .ce39db5228505, .c5ef0830d297a,
.ccd6cce460819,
.cd26df3fb1952,
.c0314398f0c5a, .cb3bebe17df6e,
.cb84ef7d63cbe,
.c2348b4f22e75,
.cac8104ca67a9 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c53d064cea7c0 span svg, .cdd62a63411f0 span svg, .c91737eee171e .cb76c8b9cf15b span svg,
.c91737eee171e .ce39db5228505 span svg, .c5ef0830d297a span svg,
.ccd6cce460819 span svg,
.cd26df3fb1952 span svg,
.c0314398f0c5a span svg, .cb3bebe17df6e span svg,
.cb84ef7d63cbe span svg,
.c2348b4f22e75 span svg,
.cac8104ca67a9 span svg,
.c53d064cea7c0 label svg,
.cdd62a63411f0 label svg,
.c91737eee171e .cb76c8b9cf15b label svg,
.c91737eee171e .ce39db5228505 label svg,
.c5ef0830d297a label svg,
.ccd6cce460819 label svg,
.cd26df3fb1952 label svg,
.c0314398f0c5a label svg,
.cb3bebe17df6e label svg,
.cb84ef7d63cbe label svg,
.c2348b4f22e75 label svg,
.cac8104ca67a9 label svg {
  color: var(--input-foreground-color);
}
.c53d064cea7c0 ::-moz-placeholder, .cdd62a63411f0 ::-moz-placeholder, .c91737eee171e .cb76c8b9cf15b ::-moz-placeholder, .c91737eee171e .ce39db5228505 ::-moz-placeholder, .c5ef0830d297a ::-moz-placeholder, .ccd6cce460819 ::-moz-placeholder, .cd26df3fb1952 ::-moz-placeholder, .c0314398f0c5a ::-moz-placeholder, .cb3bebe17df6e ::-moz-placeholder, .cb84ef7d63cbe ::-moz-placeholder, .c2348b4f22e75 ::-moz-placeholder, .cac8104ca67a9 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c53d064cea7c0 ::placeholder, .cdd62a63411f0 ::placeholder, .c91737eee171e .cb76c8b9cf15b ::placeholder,
.c91737eee171e .ce39db5228505 ::placeholder, .c5ef0830d297a ::placeholder,
.ccd6cce460819 ::placeholder,
.cd26df3fb1952 ::placeholder,
.c0314398f0c5a ::placeholder, .cb3bebe17df6e ::placeholder,
.cb84ef7d63cbe ::placeholder,
.c2348b4f22e75 ::placeholder,
.cac8104ca67a9 ::placeholder {
  color: var(--input-placeholder-color);
}
.c53d064cea7c0:focus-within, .cdd62a63411f0:focus-within, .c91737eee171e .cb76c8b9cf15b:focus-within,
.c91737eee171e .ce39db5228505:focus-within, .c5ef0830d297a:focus-within,
.ccd6cce460819:focus-within,
.cd26df3fb1952:focus-within,
.c0314398f0c5a:focus-within, .cb3bebe17df6e:focus-within,
.cb84ef7d63cbe:focus-within,
.c2348b4f22e75:focus-within,
.cac8104ca67a9:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c53d064cea7c0:hover, .cdd62a63411f0:hover, .c91737eee171e .cb76c8b9cf15b:hover,
.c91737eee171e .ce39db5228505:hover, .c5ef0830d297a:hover,
.ccd6cce460819:hover,
.cd26df3fb1952:hover,
.c0314398f0c5a:hover, .cb3bebe17df6e:hover,
.cb84ef7d63cbe:hover,
.c2348b4f22e75:hover,
.cac8104ca67a9:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c53d064cea7c0:hover span, .cdd62a63411f0:hover span, .c91737eee171e .cb76c8b9cf15b:hover span,
.c91737eee171e .ce39db5228505:hover span, .c5ef0830d297a:hover span,
.ccd6cce460819:hover span,
.cd26df3fb1952:hover span,
.c0314398f0c5a:hover span, .cb3bebe17df6e:hover span,
.cb84ef7d63cbe:hover span,
.c2348b4f22e75:hover span,
.cac8104ca67a9:hover span {
  color: var(--input-foreground-color-hover);
}
.c53d064cea7c0:hover input, .cdd62a63411f0:hover input, .c91737eee171e .cb76c8b9cf15b:hover input,
.c91737eee171e .ce39db5228505:hover input, .c5ef0830d297a:hover input,
.ccd6cce460819:hover input,
.cd26df3fb1952:hover input,
.c0314398f0c5a:hover input, .cb3bebe17df6e:hover input,
.cb84ef7d63cbe:hover input,
.c2348b4f22e75:hover input,
.cac8104ca67a9:hover input {
  color: var(--input-foreground-color-hover);
}
.c53d064cea7c0:active, .cdd62a63411f0:active, .c91737eee171e .cb76c8b9cf15b:active,
.c91737eee171e .ce39db5228505:active, .c5ef0830d297a:active,
.ccd6cce460819:active,
.cd26df3fb1952:active,
.c0314398f0c5a:active, .cb3bebe17df6e:active,
.cb84ef7d63cbe:active,
.c2348b4f22e75:active,
.cac8104ca67a9:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c53d064cea7c0:active span, .cdd62a63411f0:active span, .c91737eee171e .cb76c8b9cf15b:active span,
.c91737eee171e .ce39db5228505:active span, .c5ef0830d297a:active span,
.ccd6cce460819:active span,
.cd26df3fb1952:active span,
.c0314398f0c5a:active span, .cb3bebe17df6e:active span,
.cb84ef7d63cbe:active span,
.c2348b4f22e75:active span,
.cac8104ca67a9:active span {
  color: var(--input-foreground-color-active);
}
.c53d064cea7c0:active input, .cdd62a63411f0:active input, .c91737eee171e .cb76c8b9cf15b:active input,
.c91737eee171e .ce39db5228505:active input, .c5ef0830d297a:active input,
.ccd6cce460819:active input,
.cd26df3fb1952:active input,
.c0314398f0c5a:active input, .cb3bebe17df6e:active input,
.cb84ef7d63cbe:active input,
.c2348b4f22e75:active input,
.cac8104ca67a9:active input {
  color: var(--input-foreground-color-active);
}
.c53d064cea7c0:focus, .cdd62a63411f0:focus, .c91737eee171e .cb76c8b9cf15b:focus,
.c91737eee171e .ce39db5228505:focus, .c5ef0830d297a:focus,
.ccd6cce460819:focus,
.cd26df3fb1952:focus,
.c0314398f0c5a:focus, .cb3bebe17df6e:focus,
.cb84ef7d63cbe:focus,
.c2348b4f22e75:focus,
.cac8104ca67a9:focus, .c53d064cea7c0:focus-within, .cdd62a63411f0:focus-within, .c91737eee171e .cb76c8b9cf15b:focus-within,
.c91737eee171e .ce39db5228505:focus-within, .c5ef0830d297a:focus-within,
.ccd6cce460819:focus-within,
.cd26df3fb1952:focus-within,
.c0314398f0c5a:focus-within, .cb3bebe17df6e:focus-within,
.cb84ef7d63cbe:focus-within,
.c2348b4f22e75:focus-within,
.cac8104ca67a9:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c53d064cea7c0:focus span, .cdd62a63411f0:focus span, .c91737eee171e .cb76c8b9cf15b:focus span,
.c91737eee171e .ce39db5228505:focus span, .c5ef0830d297a:focus span,
.ccd6cce460819:focus span,
.cd26df3fb1952:focus span,
.c0314398f0c5a:focus span, .cb3bebe17df6e:focus span,
.cb84ef7d63cbe:focus span,
.c2348b4f22e75:focus span,
.cac8104ca67a9:focus span, .c53d064cea7c0:focus-within span, .cdd62a63411f0:focus-within span, .c91737eee171e .cb76c8b9cf15b:focus-within span,
.c91737eee171e .ce39db5228505:focus-within span, .c5ef0830d297a:focus-within span,
.ccd6cce460819:focus-within span,
.cd26df3fb1952:focus-within span,
.c0314398f0c5a:focus-within span, .cb3bebe17df6e:focus-within span,
.cb84ef7d63cbe:focus-within span,
.c2348b4f22e75:focus-within span,
.cac8104ca67a9:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c53d064cea7c0:focus input, .cdd62a63411f0:focus input, .c91737eee171e .cb76c8b9cf15b:focus input,
.c91737eee171e .ce39db5228505:focus input, .c5ef0830d297a:focus input,
.ccd6cce460819:focus input,
.cd26df3fb1952:focus input,
.c0314398f0c5a:focus input, .cb3bebe17df6e:focus input,
.cb84ef7d63cbe:focus input,
.c2348b4f22e75:focus input,
.cac8104ca67a9:focus input, .c53d064cea7c0:focus-within input, .cdd62a63411f0:focus-within input, .c91737eee171e .cb76c8b9cf15b:focus-within input,
.c91737eee171e .ce39db5228505:focus-within input, .c5ef0830d297a:focus-within input,
.ccd6cce460819:focus-within input,
.cd26df3fb1952:focus-within input,
.c0314398f0c5a:focus-within input, .cb3bebe17df6e:focus-within input,
.cb84ef7d63cbe:focus-within input,
.c2348b4f22e75:focus-within input,
.cac8104ca67a9:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c53d064cea7c0:focus:hover, .cdd62a63411f0:focus:hover, .c91737eee171e .cb76c8b9cf15b:focus:hover,
.c91737eee171e .ce39db5228505:focus:hover, .c5ef0830d297a:focus:hover,
.ccd6cce460819:focus:hover,
.cd26df3fb1952:focus:hover,
.c0314398f0c5a:focus:hover, .cb3bebe17df6e:focus:hover,
.cb84ef7d63cbe:focus:hover,
.c2348b4f22e75:focus:hover,
.cac8104ca67a9:focus:hover, .c53d064cea7c0:focus-within:hover, .cdd62a63411f0:focus-within:hover, .c91737eee171e .cb76c8b9cf15b:focus-within:hover,
.c91737eee171e .ce39db5228505:focus-within:hover, .c5ef0830d297a:focus-within:hover,
.ccd6cce460819:focus-within:hover,
.cd26df3fb1952:focus-within:hover,
.c0314398f0c5a:focus-within:hover, .cb3bebe17df6e:focus-within:hover,
.cb84ef7d63cbe:focus-within:hover,
.c2348b4f22e75:focus-within:hover,
.cac8104ca67a9:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c53d064cea7c0:focus:hover span, .cdd62a63411f0:focus:hover span, .c91737eee171e .cb76c8b9cf15b:focus:hover span,
.c91737eee171e .ce39db5228505:focus:hover span, .c5ef0830d297a:focus:hover span,
.ccd6cce460819:focus:hover span,
.cd26df3fb1952:focus:hover span,
.c0314398f0c5a:focus:hover span, .cb3bebe17df6e:focus:hover span,
.cb84ef7d63cbe:focus:hover span,
.c2348b4f22e75:focus:hover span,
.cac8104ca67a9:focus:hover span, .c53d064cea7c0:focus-within:hover span, .cdd62a63411f0:focus-within:hover span, .c91737eee171e .cb76c8b9cf15b:focus-within:hover span,
.c91737eee171e .ce39db5228505:focus-within:hover span, .c5ef0830d297a:focus-within:hover span,
.ccd6cce460819:focus-within:hover span,
.cd26df3fb1952:focus-within:hover span,
.c0314398f0c5a:focus-within:hover span, .cb3bebe17df6e:focus-within:hover span,
.cb84ef7d63cbe:focus-within:hover span,
.c2348b4f22e75:focus-within:hover span,
.cac8104ca67a9:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c53d064cea7c0:focus:hover input, .cdd62a63411f0:focus:hover input, .c91737eee171e .cb76c8b9cf15b:focus:hover input,
.c91737eee171e .ce39db5228505:focus:hover input, .c5ef0830d297a:focus:hover input,
.ccd6cce460819:focus:hover input,
.cd26df3fb1952:focus:hover input,
.c0314398f0c5a:focus:hover input, .cb3bebe17df6e:focus:hover input,
.cb84ef7d63cbe:focus:hover input,
.c2348b4f22e75:focus:hover input,
.cac8104ca67a9:focus:hover input, .c53d064cea7c0:focus-within:hover input, .cdd62a63411f0:focus-within:hover input, .c91737eee171e .cb76c8b9cf15b:focus-within:hover input,
.c91737eee171e .ce39db5228505:focus-within:hover input, .c5ef0830d297a:focus-within:hover input,
.ccd6cce460819:focus-within:hover input,
.cd26df3fb1952:focus-within:hover input,
.c0314398f0c5a:focus-within:hover input, .cb3bebe17df6e:focus-within:hover input,
.cb84ef7d63cbe:focus-within:hover input,
.c2348b4f22e75:focus-within:hover input,
.cac8104ca67a9:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c69b96952b2e1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c69b96952b2e1 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c69b96952b2e1 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c69b96952b2e1 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c69b96952b2e1:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c69b96952b2e1:focus-within input, .c69b96952b2e1:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c46b5c1b81de5, .c39da0e12755f.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c46b5c1b81de5 input, .c39da0e12755f.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c46b5c1b81de5 span svg, .c39da0e12755f.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cf5699235b5d5, .c002d7d7add22 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cf5699235b5d5 svg, .c002d7d7add22 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cf5699235b5d5:hover, .c002d7d7add22 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf5699235b5d5:focus, .c002d7d7add22 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cf5699235b5d5.checked, .c002d7d7add22 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cf5699235b5d5.checked svg, .c002d7d7add22 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cf5699235b5d5.intermediate, .c002d7d7add22 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cf5699235b5d5.intermediate svg, .c002d7d7add22 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cf5699235b5d5.unchecked, .c002d7d7add22 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cf5699235b5d5.unchecked svg, .c002d7d7add22 label span.unchecked svg {
  display: none;
}

.c002d7d7add22 {
  display: flex;
  align-items: center;
}
.c002d7d7add22 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c002d7d7add22 label input {
  margin: 0;
}
.c002d7d7add22 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c002d7d7add22 label:focus span, .c002d7d7add22 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c39da0e12755f {
  display: flex;
  flex-direction: column;
}
.c39da0e12755f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c39da0e12755f input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c39da0e12755f input:focus-within input, .c39da0e12755f input:active input {
  color: var(--input-foreground-color-active);
}
.c39da0e12755f input:focus-within, .c39da0e12755f input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c39da0e12755f.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf8e3ee944bae {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cfe0253b880d0 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cf0ceac9c928c {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c8df894a1b19d {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c2ba869addb21 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ca42234846782 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ce4d0e3b56029 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3c6a60ad0ab1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c47acfcbbe01f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c0b7d1ef93526 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c0b7d1ef93526:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c636fa6b67f3c {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cfd2a26dff7f0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c95dd55d7bede {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c19426d90e2f7 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c0bb5a0f33769 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c0bb5a0f33769:hover, .c0bb5a0f33769:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ceb8d1fa9d558 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ceb8d1fa9d558 button {
  display: none;
}
.ceb8d1fa9d558 button svg {
  stroke: var(--icon-foreground);
}
.ceb8d1fa9d558:hover button {
  display: flex;
}

.cd450f6802cc7 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cd450f6802cc7 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cd450f6802cc7 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c6bfcc86c3d00 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c6bfcc86c3d00:hover div {
  color: var(--entry-foreground-color-hover);
}

.c61db504fedb6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c8930c43bea58 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c8930c43bea58:hover {
  background-color: var(--menu-background-color-hover);
}

.c6c63c190e622 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c6c63c190e622 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c6c63c190e622 span svg {
  stroke: var(--icon-foreground);
}
.c6c63c190e622:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c6c63c190e622:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cc5523e5bae9d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ccb02d41b7421 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cb472387e0b3c,
.cfd086ebfa387 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c74f2f0a2e112 .cb472387e0b3c,
.c74f2f0a2e112 .cfd086ebfa387 {
  transform: scale(1);
}

.c8fa68fbec3cd .cb472387e0b3c,
.c8fa68fbec3cd .cfd086ebfa387 {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.cc330f8d6a60d {
  margin: 0;
}

.c548b78e9655f {
  margin: 0 0 var(--sp-xs) 0;
}

.c850cbfd18d0d {
  padding-inline-start: var(--sp-xxs);
}

.cc4446a49b5a1 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
  row-gap: var(--sp-9);
}

.c21d2938733ba {
  display: grid;
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
  grid-template-columns: auto auto;
}

.c1861966da9d0 .cd9569473ea53 {
  transform: rotate(90deg);
}

.cdd62a63411f0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  grid-column: 6/span 3;
}

.c230bbbfef187 {
  display: flex;
  gap: var(--sp-9);
}

.c682eeef9936f,
.c9d715a947385,
.c0b59db572b10 {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}

.c72622779b3cd {
  grid-column: 1/-1;
  display: block;
}

.ca82b3f9fbeec {
  inline-size: 100%;
  grid-column: 1/span 5;
}

.c0b59db572b10 {
  display: grid;
  grid-template-columns: var(--grid-exception-input-width) var(--grid-exception-input-width) var(--sp-xxxl); /* action button */
  gap: var(--sp-9);
}

.c509fa24859ce {
  grid-column: 3;
  height: 1.875rem;
}
.c91737eee171e {
  display: grid;
  gap: var(--sp-9);
  grid-template-columns: subgrid;
}
.c91737eee171e .cb76c8b9cf15b,
.c91737eee171e .ce39db5228505 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}
.c91737eee171e .cb76c8b9cf15b {
  grid-column: 1;
}
.c91737eee171e .ce39db5228505 {
  grid-column: 2;
}

.c6e9db51fb801 {
  grid-column: 1;
}

.c81461b9a6141 {
  grid-column: 2;
}

.c875c18671019 {
  display: grid;
  grid-template-columns: subgrid;
  gap: var(--sp-9);
}

.c5ef0830d297a,
.ccd6cce460819,
.cd26df3fb1952,
.c0314398f0c5a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.c5ef0830d297a,
.c8610f47c47a9 {
  grid-column: 1;
  grid-row: 1;
}

.ccd6cce460819,
.ccee0bd684f22 {
  grid-column: 2;
  grid-row: 1;
}

.cd26df3fb1952,
.c2ec039f21d58 {
  grid-column: 1;
  grid-row: 2;
}

.c0314398f0c5a,
.c685ab2990c55 {
  grid-column: 2;
  grid-row: 2;
}

.ca514664ce904 {
  display: grid;
  grid-template-columns: var(--grid-exception-input-width) var(--grid-exception-input-width) var(--sp-xxxl); /* action button */
  gap: var(--sp-9);
}

.c2c76cfe2e6e1,
.c3efbd1e7f389 {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}

.cb3bebe17df6e,
.cb84ef7d63cbe,
.c2348b4f22e75,
.cac8104ca67a9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}
.cb3bebe17df6e .c6d46bdac7779,
.cb84ef7d63cbe .c6d46bdac7779,
.c2348b4f22e75 .c6d46bdac7779,
.cac8104ca67a9 .c6d46bdac7779 {
  justify-content: flex-start;
  inline-size: 5rem;
  padding-block-start: var(--sp-xxs);
}

.c5a441ae330d2 {
  grid-column: 1/span 2;
}

@media (max-width: 1680px) {
  .c509fa24859ce {
    height: 25px;
  }
}
.c08b8c7766f7e {
  inline-size: 100%;
}
@keyframes c5ed140334186 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c49dcc16b5f0a {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c49dcc16b5f0a:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c49dcc16b5f0a ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c49dcc16b5f0a ::-webkit-scrollbar-track,
.c49dcc16b5f0a ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c49dcc16b5f0a ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c49dcc16b5f0a ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c49dcc16b5f0a ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c49dcc16b5f0a ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c49dcc16b5f0a ::placeholder,
.c49dcc16b5f0a ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.caee32095eb6f, .c65c33d8053a6, .c9399ec3d04f7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.caee32095eb6f svg, .c65c33d8053a6 svg, .c9399ec3d04f7 svg,
.caee32095eb6f span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.caee32095eb6f:focus-visible, .c65c33d8053a6:focus-visible, .c9399ec3d04f7:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.caee32095eb6f:focus-visible svg, .c65c33d8053a6:focus-visible svg, .c9399ec3d04f7:focus-visible svg,
.caee32095eb6f:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.caee32095eb6f:hover, .c65c33d8053a6:hover, .c9399ec3d04f7:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.caee32095eb6f:hover svg, .c65c33d8053a6:hover svg, .c9399ec3d04f7:hover svg,
.caee32095eb6f:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.caee32095eb6f:active, .c65c33d8053a6:active, .c9399ec3d04f7:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.caee32095eb6f:active svg, .c65c33d8053a6:active svg, .c9399ec3d04f7:active svg,
.caee32095eb6f:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.caee32095eb6f.disabled, .c65c33d8053a6.disabled, .c9399ec3d04f7.disabled, .caee32095eb6f[disabled], [disabled].c65c33d8053a6, [disabled].c9399ec3d04f7, .caee32095eb6f:disabled, .c65c33d8053a6:disabled, .c9399ec3d04f7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c88b940f0eeaa, .ce3cfaec2c2dd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c88b940f0eeaa svg, .ce3cfaec2c2dd svg,
.c88b940f0eeaa span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c88b940f0eeaa:focus-visible, .ce3cfaec2c2dd:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c88b940f0eeaa:focus-visible svg, .ce3cfaec2c2dd:focus-visible svg,
.c88b940f0eeaa:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c88b940f0eeaa:hover, .ce3cfaec2c2dd:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c88b940f0eeaa:hover svg, .ce3cfaec2c2dd:hover svg,
.c88b940f0eeaa:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c88b940f0eeaa:active, .ce3cfaec2c2dd:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c88b940f0eeaa:active svg, .ce3cfaec2c2dd:active svg,
.c88b940f0eeaa:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c88b940f0eeaa.disabled, .ce3cfaec2c2dd.disabled, .c88b940f0eeaa[disabled], [disabled].ce3cfaec2c2dd, .c88b940f0eeaa:disabled, .ce3cfaec2c2dd:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cba8305bf56d8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cba8305bf56d8 svg,
.cba8305bf56d8 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cba8305bf56d8:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cba8305bf56d8:focus-visible svg,
.cba8305bf56d8:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cba8305bf56d8:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cba8305bf56d8:hover svg,
.cba8305bf56d8:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cba8305bf56d8:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cba8305bf56d8:active svg,
.cba8305bf56d8:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cba8305bf56d8.disabled, .cba8305bf56d8[disabled], .cba8305bf56d8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb3f9c3b13d16, .cee70c8106823, .ca1f15d89a84c button, .c0e184c71fa4a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cb3f9c3b13d16 svg, .cee70c8106823 svg, .ca1f15d89a84c button svg, .c0e184c71fa4a svg,
.cb3f9c3b13d16 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cb3f9c3b13d16:focus-visible, .cee70c8106823:focus-visible, .ca1f15d89a84c button:focus-visible, .c0e184c71fa4a:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cb3f9c3b13d16:focus-visible svg, .cee70c8106823:focus-visible svg, .ca1f15d89a84c button:focus-visible svg, .c0e184c71fa4a:focus-visible svg,
.cb3f9c3b13d16:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cb3f9c3b13d16:hover, .cee70c8106823:hover, .ca1f15d89a84c button:hover, .c0e184c71fa4a:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cb3f9c3b13d16:hover svg, .cee70c8106823:hover svg, .ca1f15d89a84c button:hover svg, .c0e184c71fa4a:hover svg,
.cb3f9c3b13d16:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cb3f9c3b13d16:active, .cee70c8106823:active, .ca1f15d89a84c button:active, .c0e184c71fa4a:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cb3f9c3b13d16:active svg, .cee70c8106823:active svg, .ca1f15d89a84c button:active svg, .c0e184c71fa4a:active svg,
.cb3f9c3b13d16:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cb3f9c3b13d16.disabled, .cee70c8106823.disabled, .ca1f15d89a84c button.disabled, .c0e184c71fa4a.disabled, .cb3f9c3b13d16[disabled], [disabled].cee70c8106823, .ca1f15d89a84c button[disabled], [disabled].c0e184c71fa4a, .cb3f9c3b13d16:disabled, .cee70c8106823:disabled, .ca1f15d89a84c button:disabled, .c0e184c71fa4a:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cb3f9c3b13d16.disabled svg, .cee70c8106823.disabled svg, .ca1f15d89a84c button.disabled svg, .c0e184c71fa4a.disabled svg,
.cb3f9c3b13d16.disabled span svg, .cb3f9c3b13d16[disabled] svg, [disabled].cee70c8106823 svg, .ca1f15d89a84c button[disabled] svg, [disabled].c0e184c71fa4a svg,
.cb3f9c3b13d16[disabled] span svg, .cb3f9c3b13d16:disabled svg, .cee70c8106823:disabled svg, .ca1f15d89a84c button:disabled svg, .c0e184c71fa4a:disabled svg,
.cb3f9c3b13d16:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cd849fd55acb7, .cee70c8106823.c02602f886eb3 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cd849fd55acb7 svg, .cee70c8106823.c02602f886eb3 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c4aa6745b3164 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c4aa6745b3164 svg,
.c4aa6745b3164 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c4aa6745b3164:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c4aa6745b3164:focus-visible svg,
.c4aa6745b3164:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c4aa6745b3164:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c4aa6745b3164:hover svg,
.c4aa6745b3164:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c4aa6745b3164:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c4aa6745b3164:active svg,
.c4aa6745b3164:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cfa91de94173e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c15a70bb8ca18 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c98988f8cfd82 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c98988f8cfd82:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c98988f8cfd82:focus-visible svg,
.c98988f8cfd82:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c98988f8cfd82:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c98988f8cfd82:active {
  border: none;
  background-color: transparent;
}

.cf8a5261ff81d, .c2d29e9c5767f, .c0e184c71fa4a svg, .c5b1cc3aa9d49, .c94e4fd78b552 .c1bc2a3a710f3 svg, .c3bb8f620cbcd .c30a897873e9b .cf77e218bf3a6 svg, .c41cc78680c73 span svg, .c3bb8f620cbcd .c30a897873e9b span svg, .ca1f15d89a84c button svg, .c91d162932735.intermediate svg, .c1a43d904f171 label span.intermediate svg, .c91d162932735.checked svg, .c1a43d904f171 label span.checked svg, .c719db6a9eab2 span svg, .c852be65e5a44 span svg,
.cd38f5a791997 span svg,
.c6c4d2370a5d5 span svg,
.ce902db689251 span svg,
.c4f6bb746e821 span svg,
.c719db6a9eab2 label svg,
.c852be65e5a44 label svg,
.cd38f5a791997 label svg,
.c6c4d2370a5d5 label svg,
.ce902db689251 label svg,
.c4f6bb746e821 label svg, .c235dabd5b7a0 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c9201e5a92e13 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c9201e5a92e13:hover {
  fill: none;
  stroke: none;
}

.c5b1cc3aa9d49, .c94e4fd78b552 .c1bc2a3a710f3 svg, .c3bb8f620cbcd .c30a897873e9b .cf77e218bf3a6 svg, .c41cc78680c73 span svg, .c3bb8f620cbcd .c30a897873e9b span svg, .ca1f15d89a84c button svg, .c91d162932735.intermediate svg, .c1a43d904f171 label span.intermediate svg, .c91d162932735.checked svg, .c1a43d904f171 label span.checked svg, .c719db6a9eab2 span svg, .c852be65e5a44 span svg,
.cd38f5a791997 span svg,
.c6c4d2370a5d5 span svg,
.ce902db689251 span svg,
.c4f6bb746e821 span svg,
.c719db6a9eab2 label svg,
.c852be65e5a44 label svg,
.cd38f5a791997 label svg,
.c6c4d2370a5d5 label svg,
.ce902db689251 label svg,
.c4f6bb746e821 label svg, .c235dabd5b7a0 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cec1001046364 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cec1001046364:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c94f9dc6be4bd, .caa1493297216 input, .c6c34518a0884 input, .c719db6a9eab2 input, .c852be65e5a44 input,
.cd38f5a791997 input,
.c6c4d2370a5d5 input,
.ce902db689251 input,
.c4f6bb746e821 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c94f9dc6be4bd, .caa1493297216 input, .c6c34518a0884 input, .c719db6a9eab2 input, .c852be65e5a44 input,
  .cd38f5a791997 input,
  .c6c4d2370a5d5 input,
  .ce902db689251 input,
  .c4f6bb746e821 input {
    height: 23px;
  }
}
.c94f9dc6be4bd, .caa1493297216 input, .c6c34518a0884 input, .c719db6a9eab2 input, .c852be65e5a44 input,
.cd38f5a791997 input,
.c6c4d2370a5d5 input,
.ce902db689251 input,
.c4f6bb746e821 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c94f9dc6be4bd[disabled], .caa1493297216 input[disabled], .c6c34518a0884 input[disabled], .c719db6a9eab2 input[disabled], .c852be65e5a44 input[disabled],
.cd38f5a791997 input[disabled],
.c6c4d2370a5d5 input[disabled],
.ce902db689251 input[disabled],
.c4f6bb746e821 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c235dabd5b7a0 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c5e17cd55ab0b, .c719db6a9eab2 span, .c852be65e5a44 span,
.cd38f5a791997 span,
.c6c4d2370a5d5 span,
.ce902db689251 span,
.c4f6bb746e821 span,
.c719db6a9eab2 label,
.c852be65e5a44 label,
.cd38f5a791997 label,
.c6c4d2370a5d5 label,
.ce902db689251 label,
.c4f6bb746e821 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c5e17cd55ab0b, .c719db6a9eab2 span, .c852be65e5a44 span,
  .cd38f5a791997 span,
  .c6c4d2370a5d5 span,
  .ce902db689251 span,
  .c4f6bb746e821 span,
  .c719db6a9eab2 label,
  .c852be65e5a44 label,
  .cd38f5a791997 label,
  .c6c4d2370a5d5 label,
  .ce902db689251 label,
  .c4f6bb746e821 label {
    height: 25px;
  }
}
.c5e17cd55ab0b, .c719db6a9eab2 span, .c852be65e5a44 span,
.cd38f5a791997 span,
.c6c4d2370a5d5 span,
.ce902db689251 span,
.c4f6bb746e821 span,
.c719db6a9eab2 label,
.c852be65e5a44 label,
.cd38f5a791997 label,
.c6c4d2370a5d5 label,
.ce902db689251 label,
.c4f6bb746e821 label {
  color: var(--input-foreground-color);
}

.c719db6a9eab2, .c852be65e5a44,
.cd38f5a791997,
.c6c4d2370a5d5,
.ce902db689251,
.c4f6bb746e821 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c719db6a9eab2, .c852be65e5a44,
  .cd38f5a791997,
  .c6c4d2370a5d5,
  .ce902db689251,
  .c4f6bb746e821 {
    height: 25px;
    font-size: 10px;
  }
}
.c719db6a9eab2, .c852be65e5a44,
.cd38f5a791997,
.c6c4d2370a5d5,
.ce902db689251,
.c4f6bb746e821 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c719db6a9eab2 span svg, .c852be65e5a44 span svg,
.cd38f5a791997 span svg,
.c6c4d2370a5d5 span svg,
.ce902db689251 span svg,
.c4f6bb746e821 span svg,
.c719db6a9eab2 label svg,
.c852be65e5a44 label svg,
.cd38f5a791997 label svg,
.c6c4d2370a5d5 label svg,
.ce902db689251 label svg,
.c4f6bb746e821 label svg {
  color: var(--input-foreground-color);
}
.c719db6a9eab2 ::-moz-placeholder, .c852be65e5a44 ::-moz-placeholder, .cd38f5a791997 ::-moz-placeholder, .c6c4d2370a5d5 ::-moz-placeholder, .ce902db689251 ::-moz-placeholder, .c4f6bb746e821 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c719db6a9eab2 ::placeholder, .c852be65e5a44 ::placeholder,
.cd38f5a791997 ::placeholder,
.c6c4d2370a5d5 ::placeholder,
.ce902db689251 ::placeholder,
.c4f6bb746e821 ::placeholder {
  color: var(--input-placeholder-color);
}
.c719db6a9eab2:focus-within, .c852be65e5a44:focus-within,
.cd38f5a791997:focus-within,
.c6c4d2370a5d5:focus-within,
.ce902db689251:focus-within,
.c4f6bb746e821:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c719db6a9eab2:hover, .c852be65e5a44:hover,
.cd38f5a791997:hover,
.c6c4d2370a5d5:hover,
.ce902db689251:hover,
.c4f6bb746e821:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c719db6a9eab2:hover span, .c852be65e5a44:hover span,
.cd38f5a791997:hover span,
.c6c4d2370a5d5:hover span,
.ce902db689251:hover span,
.c4f6bb746e821:hover span {
  color: var(--input-foreground-color-hover);
}
.c719db6a9eab2:hover input, .c852be65e5a44:hover input,
.cd38f5a791997:hover input,
.c6c4d2370a5d5:hover input,
.ce902db689251:hover input,
.c4f6bb746e821:hover input {
  color: var(--input-foreground-color-hover);
}
.c719db6a9eab2:active, .c852be65e5a44:active,
.cd38f5a791997:active,
.c6c4d2370a5d5:active,
.ce902db689251:active,
.c4f6bb746e821:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c719db6a9eab2:active span, .c852be65e5a44:active span,
.cd38f5a791997:active span,
.c6c4d2370a5d5:active span,
.ce902db689251:active span,
.c4f6bb746e821:active span {
  color: var(--input-foreground-color-active);
}
.c719db6a9eab2:active input, .c852be65e5a44:active input,
.cd38f5a791997:active input,
.c6c4d2370a5d5:active input,
.ce902db689251:active input,
.c4f6bb746e821:active input {
  color: var(--input-foreground-color-active);
}
.c719db6a9eab2:focus, .c852be65e5a44:focus,
.cd38f5a791997:focus,
.c6c4d2370a5d5:focus,
.ce902db689251:focus,
.c4f6bb746e821:focus, .c719db6a9eab2:focus-within, .c852be65e5a44:focus-within,
.cd38f5a791997:focus-within,
.c6c4d2370a5d5:focus-within,
.ce902db689251:focus-within,
.c4f6bb746e821:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c719db6a9eab2:focus span, .c852be65e5a44:focus span,
.cd38f5a791997:focus span,
.c6c4d2370a5d5:focus span,
.ce902db689251:focus span,
.c4f6bb746e821:focus span, .c719db6a9eab2:focus-within span, .c852be65e5a44:focus-within span,
.cd38f5a791997:focus-within span,
.c6c4d2370a5d5:focus-within span,
.ce902db689251:focus-within span,
.c4f6bb746e821:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c719db6a9eab2:focus input, .c852be65e5a44:focus input,
.cd38f5a791997:focus input,
.c6c4d2370a5d5:focus input,
.ce902db689251:focus input,
.c4f6bb746e821:focus input, .c719db6a9eab2:focus-within input, .c852be65e5a44:focus-within input,
.cd38f5a791997:focus-within input,
.c6c4d2370a5d5:focus-within input,
.ce902db689251:focus-within input,
.c4f6bb746e821:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c719db6a9eab2:focus:hover, .c852be65e5a44:focus:hover,
.cd38f5a791997:focus:hover,
.c6c4d2370a5d5:focus:hover,
.ce902db689251:focus:hover,
.c4f6bb746e821:focus:hover, .c719db6a9eab2:focus-within:hover, .c852be65e5a44:focus-within:hover,
.cd38f5a791997:focus-within:hover,
.c6c4d2370a5d5:focus-within:hover,
.ce902db689251:focus-within:hover,
.c4f6bb746e821:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c719db6a9eab2:focus:hover span, .c852be65e5a44:focus:hover span,
.cd38f5a791997:focus:hover span,
.c6c4d2370a5d5:focus:hover span,
.ce902db689251:focus:hover span,
.c4f6bb746e821:focus:hover span, .c719db6a9eab2:focus-within:hover span, .c852be65e5a44:focus-within:hover span,
.cd38f5a791997:focus-within:hover span,
.c6c4d2370a5d5:focus-within:hover span,
.ce902db689251:focus-within:hover span,
.c4f6bb746e821:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c719db6a9eab2:focus:hover input, .c852be65e5a44:focus:hover input,
.cd38f5a791997:focus:hover input,
.c6c4d2370a5d5:focus:hover input,
.ce902db689251:focus:hover input,
.c4f6bb746e821:focus:hover input, .c719db6a9eab2:focus-within:hover input, .c852be65e5a44:focus-within:hover input,
.cd38f5a791997:focus-within:hover input,
.c6c4d2370a5d5:focus-within:hover input,
.ce902db689251:focus-within:hover input,
.c4f6bb746e821:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c6c34518a0884 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c6c34518a0884 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c6c34518a0884 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c6c34518a0884 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c6c34518a0884:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c6c34518a0884:focus-within input, .c6c34518a0884:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c94ca32f62148, .c852be65e5a44.c69c590005a2b,
.cd38f5a791997.c69c590005a2b,
.c6c4d2370a5d5.c69c590005a2b,
.ce902db689251.c69c590005a2b,
.c4f6bb746e821.c69c590005a2b, .caa1493297216.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c94ca32f62148 input, .c852be65e5a44.c69c590005a2b input,
.cd38f5a791997.c69c590005a2b input,
.c6c4d2370a5d5.c69c590005a2b input,
.ce902db689251.c69c590005a2b input,
.c4f6bb746e821.c69c590005a2b input, .caa1493297216.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c94ca32f62148 span svg, .c852be65e5a44.c69c590005a2b span svg,
.cd38f5a791997.c69c590005a2b span svg,
.c6c4d2370a5d5.c69c590005a2b span svg,
.ce902db689251.c69c590005a2b span svg,
.c4f6bb746e821.c69c590005a2b span svg, .caa1493297216.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c91d162932735, .c1a43d904f171 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c91d162932735 svg, .c1a43d904f171 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c91d162932735:hover, .c1a43d904f171 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c91d162932735:focus, .c1a43d904f171 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c91d162932735.checked, .c1a43d904f171 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c91d162932735.checked svg, .c1a43d904f171 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c91d162932735.intermediate, .c1a43d904f171 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c91d162932735.intermediate svg, .c1a43d904f171 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c91d162932735.unchecked, .c1a43d904f171 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c91d162932735.unchecked svg, .c1a43d904f171 label span.unchecked svg {
  display: none;
}

.c1a43d904f171 {
  display: flex;
  align-items: center;
}
.c1a43d904f171 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c1a43d904f171 label input {
  margin: 0;
}
.c1a43d904f171 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c1a43d904f171 label:focus span, .c1a43d904f171 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.caa1493297216 {
  display: flex;
  flex-direction: column;
}
.caa1493297216 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.caa1493297216 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.caa1493297216 input:focus-within input, .caa1493297216 input:active input {
  color: var(--input-foreground-color-active);
}
.caa1493297216 input:focus-within, .caa1493297216 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.caa1493297216.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c3d04d6c6dd4e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c2197fe2dc3bd {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c189da4aaf41b {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c0e184c71fa4a {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c3bd02f69e615 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c2149203276b4 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ce3cfaec2c2dd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c9399ec3d04f7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c65c33d8053a6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce342b422ec4f, .c94e4fd78b552 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce342b422ec4f:hover, .c94e4fd78b552:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c3f7827776bfa {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c0166b308b5e0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c4cf254e22580 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cf323ffa78a47 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cd30b0950e05c {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cd30b0950e05c:hover, .cd30b0950e05c:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ca1f15d89a84c div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ca1f15d89a84c button {
  display: none;
}
.ca1f15d89a84c button svg {
  stroke: var(--icon-foreground);
}
.ca1f15d89a84c:hover button {
  display: flex;
}

.c515c754ae745 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c515c754ae745 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c515c754ae745 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ceb5505f20b47 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ceb5505f20b47:hover div {
  color: var(--entry-foreground-color-hover);
}

.cd72f455dcbd0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cd40afb7847da {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cd40afb7847da:hover {
  background-color: var(--menu-background-color-hover);
}

.c41cc78680c73, .c3bb8f620cbcd .c30a897873e9b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c41cc78680c73 span, .c3bb8f620cbcd .c30a897873e9b span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c41cc78680c73 span svg, .c3bb8f620cbcd .c30a897873e9b span svg {
  stroke: var(--icon-foreground);
}
.c41cc78680c73:hover, .c3bb8f620cbcd .c30a897873e9b:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c41cc78680c73:hover span svg, .c3bb8f620cbcd .c30a897873e9b:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce8a58171b39e, .c3bb8f620cbcd {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ca2aebc0055ba {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cd070766c09a4,
.c974f728f954f {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce0a3d25a7643 .cd070766c09a4,
.ce0a3d25a7643 .c974f728f954f {
  transform: scale(1);
}

.c3618702a4c1d .cd070766c09a4,
.c3618702a4c1d .c974f728f954f {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.ccb6e06ad9d57 {
  display: grid;
  grid-template-columns: var(--grid-exception-input-width) var(--grid-exception-input-width) var(--sp-xxxl); /* action button */
  gap: var(--sp-9);
  margin-bottom: var(--sp-s);
}

.c7559935daaf5 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
  grid-column: 1/-1;
}

.c94e4fd78b552 {
  position: relative;
  grid-column: span 5;
  display: flex;
  height: 1.875rem;
  padding: 0.5rem;
  border-radius: 8px;
}
.c94e4fd78b552 .c1bc2a3a710f3 {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.c94e4fd78b552 .c1bc2a3a710f3 svg {
  stroke: none;
  transform: rotate(90deg);
}
.c94e4fd78b552:hover .c1bc2a3a710f3 svg {
  stroke: var(--input-foreground-color-active);
}

.cc8c6ac20afab {
  grid-column: span 2;
}

.c2378faf5a6db {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  cursor: pointer;
}
.c2378faf5a6db .ca395bdcf88a6 {
  display: block;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}

.c3bb8f620cbcd {
  margin-top: 0.125rem;
  max-height: 70vh;
  width: 15.75rem;
}
.c3bb8f620cbcd .c30a897873e9b .cbc5427ffcbe7 {
  display: flex;
  gap: 0.5rem;
  flex-grow: 1;
}
.c3bb8f620cbcd .c30a897873e9b .cbc5427ffcbe7 .cd18b21a168f4 {
  color: var(--menu-foreground-color-rest);
}
.c3bb8f620cbcd .c30a897873e9b .cbc5427ffcbe7 .cbf24357a8647 {
  color: var(--menu-foreground-color-rest);
}
.c3bb8f620cbcd .c30a897873e9b .cf77e218bf3a6 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c3bb8f620cbcd .c30a897873e9b .cf77e218bf3a6 svg {
  stroke: none;
}
.c3bb8f620cbcd .c30a897873e9b.c69c590005a2b {
  pointer-events: none;
  cursor: default;
}
.c3bb8f620cbcd .c30a897873e9b.c69c590005a2b .cd18b21a168f4 {
  color: var(--menu-foreground-color);
}
.c3bb8f620cbcd .c30a897873e9b.c2f0261250f97 .cbc5427ffcbe7 .cd18b21a168f4 {
  color: var(--menu-foreground-color-hover);
}
.c3bb8f620cbcd .c30a897873e9b.c2f0261250f97 .cf77e218bf3a6 svg {
  stroke: var(--menu-foreground-color-hover);
}
.c3bb8f620cbcd .c30a897873e9b:hover {
  background-color: var(--menu-background-color-hover);
}
.c3bb8f620cbcd .c30a897873e9b:hover .cbc5427ffcbe7 .cd18b21a168f4 {
  color: var(--menu-foreground-color-hover);
}
.c3bb8f620cbcd .c30a897873e9b:hover .cf77e218bf3a6 svg {
  stroke: var(--menu-foreground-color-hover);
}

.cdc4ddd56498c,
.cca711c07c79b,
.cf7a2f25facbc {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}

.c852be65e5a44,
.cd38f5a791997,
.c6c4d2370a5d5,
.ce902db689251,
.c4f6bb746e821 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}
.c852be65e5a44 .cf009dd7a4349,
.cd38f5a791997 .cf009dd7a4349,
.c6c4d2370a5d5 .cf009dd7a4349,
.ce902db689251 .cf009dd7a4349,
.c4f6bb746e821 .cf009dd7a4349 {
  padding-top: 1px;
}
.c9cae594a103f {
  grid-column: 2/-1;
}

.cee70c8106823 {
  border-radius: 8px;
  height: 1.875rem;
  width: 1.75rem;
}
.c2d29e9c5767f {
  stroke: none;
}

.c18815857dfbc {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--sp-9);
}

.c06a2f577e66f.c02602f886eb3 {
  --button-bg-color: var(--color-background-quaternary);
  --button-fg-color: var(--color-accent-primary);
}

@media (max-width: 1680px) {
  .c94e4fd78b552 {
    height: 25px;
  }
  .cee70c8106823 {
    height: 25px;
  }
}
.c110d04938fe2 {
  --dropdown-width: var(--7-columns-dropdown-width);
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.c3a99069b8160 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.cbe91e1c43245 {
  grid-column: span 8;
}

.c73b89975b2db {
  padding-inline-start: var(--sp-xxs);
}

.c26430bc69965 {
  grid-column: span 8;
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
  margin-block-start: var(--sp-9);
}

.c4b5bad632a1b {
  display: flex;
  align-items: center;
  gap: var(--sp-9);
}

.cd435b27e1670 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  block-size: 1.875rem;
  padding: var(--sp-s);
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}

.c1517f06e81bb {
  --button-fg-color: #535353;
}

@media (max-width: 1680px) {
  .cd435b27e1670 {
    block-size: 25px;
  }
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.c703413c259bc {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.cd750bb65f687 {
  grid-column: span 8;
}

.c3fd16a13a8a1 {
  padding-inline-start: var(--sp-xxs);
}

.cb9b2282221c0 {
  grid-column: span 8;
  display: flex;
  flex-direction: column;
  gap: var(--sp-9);
  margin: var(--sp-9) 0 var(--sp-9) 0;
}
.cb9b2282221c0.c884929a2d7cd {
  margin: 0;
}

.c120931f182f6 {
  display: flex;
  align-items: center;
  gap: var(--sp-9);
}

.c0d6254674d2c {
  --button-fg-color: #535353;
}

.ccbec022efd99 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  block-size: 1.875rem;
  padding: var(--sp-s);
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}

@media (max-width: 1680px) {
  .ccbec022efd99 {
    block-size: 25px;
  }
}
@keyframes c129893f7aa92 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ce045eb6a36c6 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ce045eb6a36c6:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ce045eb6a36c6 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ce045eb6a36c6 ::-webkit-scrollbar-track,
.ce045eb6a36c6 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ce045eb6a36c6 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ce045eb6a36c6 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ce045eb6a36c6 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ce045eb6a36c6 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ce045eb6a36c6 ::placeholder,
.ce045eb6a36c6 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c47830d66b2eb, .ce38c38821735, .cf690d4c2140f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c47830d66b2eb svg, .ce38c38821735 svg, .cf690d4c2140f svg,
.c47830d66b2eb span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c47830d66b2eb:focus-visible, .ce38c38821735:focus-visible, .cf690d4c2140f:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c47830d66b2eb:focus-visible svg, .ce38c38821735:focus-visible svg, .cf690d4c2140f:focus-visible svg,
.c47830d66b2eb:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c47830d66b2eb:hover, .ce38c38821735:hover, .cf690d4c2140f:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c47830d66b2eb:hover svg, .ce38c38821735:hover svg, .cf690d4c2140f:hover svg,
.c47830d66b2eb:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c47830d66b2eb:active, .ce38c38821735:active, .cf690d4c2140f:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c47830d66b2eb:active svg, .ce38c38821735:active svg, .cf690d4c2140f:active svg,
.c47830d66b2eb:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c47830d66b2eb.disabled, .ce38c38821735.disabled, .cf690d4c2140f.disabled, .c47830d66b2eb[disabled], [disabled].ce38c38821735, [disabled].cf690d4c2140f, .c47830d66b2eb:disabled, .ce38c38821735:disabled, .cf690d4c2140f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ceab40d64eaa8, .cf85d7df5af1f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ceab40d64eaa8 svg, .cf85d7df5af1f svg,
.ceab40d64eaa8 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ceab40d64eaa8:focus-visible, .cf85d7df5af1f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ceab40d64eaa8:focus-visible svg, .cf85d7df5af1f:focus-visible svg,
.ceab40d64eaa8:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ceab40d64eaa8:hover, .cf85d7df5af1f:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ceab40d64eaa8:hover svg, .cf85d7df5af1f:hover svg,
.ceab40d64eaa8:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ceab40d64eaa8:active, .cf85d7df5af1f:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ceab40d64eaa8:active svg, .cf85d7df5af1f:active svg,
.ceab40d64eaa8:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ceab40d64eaa8.disabled, .cf85d7df5af1f.disabled, .ceab40d64eaa8[disabled], [disabled].cf85d7df5af1f, .ceab40d64eaa8:disabled, .cf85d7df5af1f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7685dfc5ddd0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c7685dfc5ddd0 svg,
.c7685dfc5ddd0 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c7685dfc5ddd0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c7685dfc5ddd0:focus-visible svg,
.c7685dfc5ddd0:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c7685dfc5ddd0:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c7685dfc5ddd0:hover svg,
.c7685dfc5ddd0:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c7685dfc5ddd0:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c7685dfc5ddd0:active svg,
.c7685dfc5ddd0:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c7685dfc5ddd0.disabled, .c7685dfc5ddd0[disabled], .c7685dfc5ddd0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7a5f2f66d7eb, .c0a8c74dc6589, .c07910f05a2af button, .c4ccff8a6e0a9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c7a5f2f66d7eb svg, .c0a8c74dc6589 svg, .c07910f05a2af button svg, .c4ccff8a6e0a9 svg,
.c7a5f2f66d7eb span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c7a5f2f66d7eb:focus-visible, .c0a8c74dc6589:focus-visible, .c07910f05a2af button:focus-visible, .c4ccff8a6e0a9:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c7a5f2f66d7eb:focus-visible svg, .c0a8c74dc6589:focus-visible svg, .c07910f05a2af button:focus-visible svg, .c4ccff8a6e0a9:focus-visible svg,
.c7a5f2f66d7eb:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c7a5f2f66d7eb:hover, .c0a8c74dc6589:hover, .c07910f05a2af button:hover, .c4ccff8a6e0a9:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c7a5f2f66d7eb:hover svg, .c0a8c74dc6589:hover svg, .c07910f05a2af button:hover svg, .c4ccff8a6e0a9:hover svg,
.c7a5f2f66d7eb:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c7a5f2f66d7eb:active, .c0a8c74dc6589:active, .c07910f05a2af button:active, .c4ccff8a6e0a9:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c7a5f2f66d7eb:active svg, .c0a8c74dc6589:active svg, .c07910f05a2af button:active svg, .c4ccff8a6e0a9:active svg,
.c7a5f2f66d7eb:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c7a5f2f66d7eb.disabled, .c0a8c74dc6589.disabled, .c07910f05a2af button.disabled, .c4ccff8a6e0a9.disabled, .c7a5f2f66d7eb[disabled], [disabled].c0a8c74dc6589, .c07910f05a2af button[disabled], [disabled].c4ccff8a6e0a9, .c7a5f2f66d7eb:disabled, .c0a8c74dc6589:disabled, .c07910f05a2af button:disabled, .c4ccff8a6e0a9:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c7a5f2f66d7eb.disabled svg, .c0a8c74dc6589.disabled svg, .c07910f05a2af button.disabled svg, .c4ccff8a6e0a9.disabled svg,
.c7a5f2f66d7eb.disabled span svg, .c7a5f2f66d7eb[disabled] svg, [disabled].c0a8c74dc6589 svg, .c07910f05a2af button[disabled] svg, [disabled].c4ccff8a6e0a9 svg,
.c7a5f2f66d7eb[disabled] span svg, .c7a5f2f66d7eb:disabled svg, .c0a8c74dc6589:disabled svg, .c07910f05a2af button:disabled svg, .c4ccff8a6e0a9:disabled svg,
.c7a5f2f66d7eb:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cd9f7a316d259 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cd9f7a316d259 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c36630aae3e04 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c36630aae3e04 svg,
.c36630aae3e04 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c36630aae3e04:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c36630aae3e04:focus-visible svg,
.c36630aae3e04:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c36630aae3e04:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c36630aae3e04:hover svg,
.c36630aae3e04:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c36630aae3e04:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c36630aae3e04:active svg,
.c36630aae3e04:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cff0c9e9ad737 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c469ef391a5d3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c798dfdaf45fa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c798dfdaf45fa:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c798dfdaf45fa:focus-visible svg,
.c798dfdaf45fa:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c798dfdaf45fa:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c798dfdaf45fa:active {
  border: none;
  background-color: transparent;
}

.c382b9917f7ba, .c0a8c74dc6589 svg, .c4ccff8a6e0a9 svg, .c732fec163e1a, .cc5c4402fdbb5 span svg, .c07910f05a2af button svg, .c65ee02ebb2d8.intermediate svg, .c2691f56f9ec7 label span.intermediate svg, .c65ee02ebb2d8.checked svg, .c2691f56f9ec7 label span.checked svg, .cdef71fa6dc34 span svg, .c73596f8d2054 span svg,
.cdef71fa6dc34 label svg,
.c73596f8d2054 label svg, .c39ee038339aa svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c34a4b44e18b2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c34a4b44e18b2:hover {
  fill: none;
  stroke: none;
}

.c732fec163e1a, .cc5c4402fdbb5 span svg, .c07910f05a2af button svg, .c65ee02ebb2d8.intermediate svg, .c2691f56f9ec7 label span.intermediate svg, .c65ee02ebb2d8.checked svg, .c2691f56f9ec7 label span.checked svg, .cdef71fa6dc34 span svg, .c73596f8d2054 span svg,
.cdef71fa6dc34 label svg,
.c73596f8d2054 label svg, .c39ee038339aa svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c90fe820ba139 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c90fe820ba139:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c9af8dd969688, .c81601f36d05b input, .ce197643d36ef input, .cdef71fa6dc34 input, .c73596f8d2054 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c9af8dd969688, .c81601f36d05b input, .ce197643d36ef input, .cdef71fa6dc34 input, .c73596f8d2054 input {
    height: 23px;
  }
}
.c9af8dd969688, .c81601f36d05b input, .ce197643d36ef input, .cdef71fa6dc34 input, .c73596f8d2054 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c9af8dd969688[disabled], .c81601f36d05b input[disabled], .ce197643d36ef input[disabled], .cdef71fa6dc34 input[disabled], .c73596f8d2054 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c39ee038339aa {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cea95c076841a, .cdef71fa6dc34 span, .c73596f8d2054 span,
.cdef71fa6dc34 label,
.c73596f8d2054 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cea95c076841a, .cdef71fa6dc34 span, .c73596f8d2054 span,
  .cdef71fa6dc34 label,
  .c73596f8d2054 label {
    height: 25px;
  }
}
.cea95c076841a, .cdef71fa6dc34 span, .c73596f8d2054 span,
.cdef71fa6dc34 label,
.c73596f8d2054 label {
  color: var(--input-foreground-color);
}

.cdef71fa6dc34, .c73596f8d2054 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cdef71fa6dc34, .c73596f8d2054 {
    height: 25px;
    font-size: 10px;
  }
}
.cdef71fa6dc34, .c73596f8d2054 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cdef71fa6dc34 span svg, .c73596f8d2054 span svg,
.cdef71fa6dc34 label svg,
.c73596f8d2054 label svg {
  color: var(--input-foreground-color);
}
.cdef71fa6dc34 ::-moz-placeholder, .c73596f8d2054 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cdef71fa6dc34 ::placeholder, .c73596f8d2054 ::placeholder {
  color: var(--input-placeholder-color);
}
.cdef71fa6dc34:focus-within, .c73596f8d2054:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cdef71fa6dc34:hover, .c73596f8d2054:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cdef71fa6dc34:hover span, .c73596f8d2054:hover span {
  color: var(--input-foreground-color-hover);
}
.cdef71fa6dc34:hover input, .c73596f8d2054:hover input {
  color: var(--input-foreground-color-hover);
}
.cdef71fa6dc34:active, .c73596f8d2054:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cdef71fa6dc34:active span, .c73596f8d2054:active span {
  color: var(--input-foreground-color-active);
}
.cdef71fa6dc34:active input, .c73596f8d2054:active input {
  color: var(--input-foreground-color-active);
}
.cdef71fa6dc34:focus, .c73596f8d2054:focus, .cdef71fa6dc34:focus-within, .c73596f8d2054:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cdef71fa6dc34:focus span, .c73596f8d2054:focus span, .cdef71fa6dc34:focus-within span, .c73596f8d2054:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cdef71fa6dc34:focus input, .c73596f8d2054:focus input, .cdef71fa6dc34:focus-within input, .c73596f8d2054:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cdef71fa6dc34:focus:hover, .c73596f8d2054:focus:hover, .cdef71fa6dc34:focus-within:hover, .c73596f8d2054:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cdef71fa6dc34:focus:hover span, .c73596f8d2054:focus:hover span, .cdef71fa6dc34:focus-within:hover span, .c73596f8d2054:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cdef71fa6dc34:focus:hover input, .c73596f8d2054:focus:hover input, .cdef71fa6dc34:focus-within:hover input, .c73596f8d2054:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ce197643d36ef {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ce197643d36ef input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ce197643d36ef ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce197643d36ef ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce197643d36ef:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ce197643d36ef:focus-within input, .ce197643d36ef:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c4485ee4adc85, .c81601f36d05b.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c4485ee4adc85 input, .c81601f36d05b.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c4485ee4adc85 span svg, .c81601f36d05b.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c65ee02ebb2d8, .c2691f56f9ec7 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c65ee02ebb2d8 svg, .c2691f56f9ec7 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c65ee02ebb2d8:hover, .c2691f56f9ec7 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c65ee02ebb2d8:focus, .c2691f56f9ec7 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c65ee02ebb2d8.checked, .c2691f56f9ec7 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c65ee02ebb2d8.checked svg, .c2691f56f9ec7 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c65ee02ebb2d8.intermediate, .c2691f56f9ec7 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c65ee02ebb2d8.intermediate svg, .c2691f56f9ec7 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c65ee02ebb2d8.unchecked, .c2691f56f9ec7 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c65ee02ebb2d8.unchecked svg, .c2691f56f9ec7 label span.unchecked svg {
  display: none;
}

.c2691f56f9ec7 {
  display: flex;
  align-items: center;
}
.c2691f56f9ec7 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c2691f56f9ec7 label input {
  margin: 0;
}
.c2691f56f9ec7 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c2691f56f9ec7 label:focus span, .c2691f56f9ec7 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c81601f36d05b {
  display: flex;
  flex-direction: column;
}
.c81601f36d05b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c81601f36d05b input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c81601f36d05b input:focus-within input, .c81601f36d05b input:active input {
  color: var(--input-foreground-color-active);
}
.c81601f36d05b input:focus-within, .c81601f36d05b input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c81601f36d05b.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c92ae0885d687 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c2ed43ef8756a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c16f79ee4c408 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c4ccff8a6e0a9 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ce4998401d2ec {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ca9a5c91a3758 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cf85d7df5af1f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cf690d4c2140f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce38c38821735 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce0aba9cab1c5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce0aba9cab1c5:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c430ebd2ae9d9 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c05ecdd27f48e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c609460768558 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c8a617c03f178 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c00af55605c85 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c00af55605c85:hover, .c00af55605c85:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c07910f05a2af div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c07910f05a2af button {
  display: none;
}
.c07910f05a2af button svg {
  stroke: var(--icon-foreground);
}
.c07910f05a2af:hover button {
  display: flex;
}

.c832490325cd9 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c832490325cd9 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c832490325cd9 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c6727de9626c2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c6727de9626c2:hover div {
  color: var(--entry-foreground-color-hover);
}

.cf83c88516b49 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cd7ce8b8fb467 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cd7ce8b8fb467:hover {
  background-color: var(--menu-background-color-hover);
}

.cc5c4402fdbb5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cc5c4402fdbb5 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc5c4402fdbb5 span svg {
  stroke: var(--icon-foreground);
}
.cc5c4402fdbb5:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cc5c4402fdbb5:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c66e15002fa15 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ca5233d96197c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c788706e63dd4,
.cd49e2b22b9f7 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c96613a2ce1be .c788706e63dd4,
.c96613a2ce1be .cd49e2b22b9f7 {
  transform: scale(1);
}

.c22883ee881af .c788706e63dd4,
.c22883ee881af .cd49e2b22b9f7 {
  transform: scale(0);
}

.c119b4137480d {
  margin: 0;
}

.c575688e47112 {
  padding-left: 0.125rem;
  margin: 0;
}

.c07604d5fc69e {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0.25rem 0 0 0;
}

.cc7b67d56a39c {
  display: flex;
  gap: 0.25rem;
}

.cde20081c8644 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.5rem;
  margin: auto 0.25rem;
  margin-right: 0;
  display: inline-block;
  color: var(--title-foreground-color);
}

.c73596f8d2054 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  width: 7.75rem;
}

.c2d045e6e7017 {
  display: flex;
  gap: 0.25rem;
}

.c0a8c74dc6589 {
  width: 1.75rem;
  height: 1.875rem;
}
.ce35468f17e29 {
  display: grid;
  row-gap: var(--sp-9);
}

.c07910f05a2af {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  font-size: 0.625rem;
  text-transform: uppercase;
  margin-inline-start: 0.25rem;
  color: var(--color-foreground-primary);
}

.c832490325cd9 {
  display: flex;
  gap: 0.25rem;
}

@media (max-width: 1680px) {
  .c0a8c74dc6589 {
    height: 25px;
  }
}
@keyframes c4af12364429b {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c791f0a87d7cc {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c791f0a87d7cc:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c791f0a87d7cc ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c791f0a87d7cc ::-webkit-scrollbar-track,
.c791f0a87d7cc ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c791f0a87d7cc ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c791f0a87d7cc ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c791f0a87d7cc ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c791f0a87d7cc ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c791f0a87d7cc ::placeholder,
.c791f0a87d7cc ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ca311230ecc8d, .c451202722b1d, .c4cec40914102 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ca311230ecc8d svg, .c451202722b1d svg, .c4cec40914102 svg,
.ca311230ecc8d span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ca311230ecc8d:focus-visible, .c451202722b1d:focus-visible, .c4cec40914102:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ca311230ecc8d:focus-visible svg, .c451202722b1d:focus-visible svg, .c4cec40914102:focus-visible svg,
.ca311230ecc8d:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ca311230ecc8d:hover, .c451202722b1d:hover, .c4cec40914102:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ca311230ecc8d:hover svg, .c451202722b1d:hover svg, .c4cec40914102:hover svg,
.ca311230ecc8d:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ca311230ecc8d:active, .c451202722b1d:active, .c4cec40914102:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ca311230ecc8d:active svg, .c451202722b1d:active svg, .c4cec40914102:active svg,
.ca311230ecc8d:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ca311230ecc8d.disabled, .c451202722b1d.disabled, .c4cec40914102.disabled, .ca311230ecc8d[disabled], [disabled].c451202722b1d, [disabled].c4cec40914102, .ca311230ecc8d:disabled, .c451202722b1d:disabled, .c4cec40914102:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0ab0d5c163f9, .c7a63040c249d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c0ab0d5c163f9 svg, .c7a63040c249d svg,
.c0ab0d5c163f9 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c0ab0d5c163f9:focus-visible, .c7a63040c249d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c0ab0d5c163f9:focus-visible svg, .c7a63040c249d:focus-visible svg,
.c0ab0d5c163f9:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c0ab0d5c163f9:hover, .c7a63040c249d:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c0ab0d5c163f9:hover svg, .c7a63040c249d:hover svg,
.c0ab0d5c163f9:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c0ab0d5c163f9:active, .c7a63040c249d:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c0ab0d5c163f9:active svg, .c7a63040c249d:active svg,
.c0ab0d5c163f9:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c0ab0d5c163f9.disabled, .c7a63040c249d.disabled, .c0ab0d5c163f9[disabled], [disabled].c7a63040c249d, .c0ab0d5c163f9:disabled, .c7a63040c249d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7274a89093e6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c7274a89093e6 svg,
.c7274a89093e6 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c7274a89093e6:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c7274a89093e6:focus-visible svg,
.c7274a89093e6:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c7274a89093e6:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c7274a89093e6:hover svg,
.c7274a89093e6:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c7274a89093e6:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c7274a89093e6:active svg,
.c7274a89093e6:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c7274a89093e6.disabled, .c7274a89093e6[disabled], .c7274a89093e6:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c07287132d839, .caa63a9740b95, .c39d2a49135b8 button, .c3d240948d9ef {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c07287132d839 svg, .caa63a9740b95 svg, .c39d2a49135b8 button svg, .c3d240948d9ef svg,
.c07287132d839 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c07287132d839:focus-visible, .caa63a9740b95:focus-visible, .c39d2a49135b8 button:focus-visible, .c3d240948d9ef:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c07287132d839:focus-visible svg, .caa63a9740b95:focus-visible svg, .c39d2a49135b8 button:focus-visible svg, .c3d240948d9ef:focus-visible svg,
.c07287132d839:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c07287132d839:hover, .caa63a9740b95:hover, .c39d2a49135b8 button:hover, .c3d240948d9ef:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c07287132d839:hover svg, .caa63a9740b95:hover svg, .c39d2a49135b8 button:hover svg, .c3d240948d9ef:hover svg,
.c07287132d839:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c07287132d839:active, .caa63a9740b95:active, .c39d2a49135b8 button:active, .c3d240948d9ef:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c07287132d839:active svg, .caa63a9740b95:active svg, .c39d2a49135b8 button:active svg, .c3d240948d9ef:active svg,
.c07287132d839:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c07287132d839.disabled, .caa63a9740b95.disabled, .c39d2a49135b8 button.disabled, .c3d240948d9ef.disabled, .c07287132d839[disabled], [disabled].caa63a9740b95, .c39d2a49135b8 button[disabled], [disabled].c3d240948d9ef, .c07287132d839:disabled, .caa63a9740b95:disabled, .c39d2a49135b8 button:disabled, .c3d240948d9ef:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c07287132d839.disabled svg, .caa63a9740b95.disabled svg, .c39d2a49135b8 button.disabled svg, .c3d240948d9ef.disabled svg,
.c07287132d839.disabled span svg, .c07287132d839[disabled] svg, [disabled].caa63a9740b95 svg, .c39d2a49135b8 button[disabled] svg, [disabled].c3d240948d9ef svg,
.c07287132d839[disabled] span svg, .c07287132d839:disabled svg, .caa63a9740b95:disabled svg, .c39d2a49135b8 button:disabled svg, .c3d240948d9ef:disabled svg,
.c07287132d839:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c3ced02b04a65 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c3ced02b04a65 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c9bd1f99b81d5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c9bd1f99b81d5 svg,
.c9bd1f99b81d5 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c9bd1f99b81d5:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c9bd1f99b81d5:focus-visible svg,
.c9bd1f99b81d5:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c9bd1f99b81d5:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c9bd1f99b81d5:hover svg,
.c9bd1f99b81d5:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c9bd1f99b81d5:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c9bd1f99b81d5:active svg,
.c9bd1f99b81d5:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c87996025ca40 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c2d9054517ed3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5bf787745a0e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c5bf787745a0e:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c5bf787745a0e:focus-visible svg,
.c5bf787745a0e:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c5bf787745a0e:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c5bf787745a0e:active {
  border: none;
  background-color: transparent;
}

.c533b16ae686b, .caa63a9740b95 svg, .c3d240948d9ef svg, .caeea12aaabe1, .c1b1cf8646f9e span svg, .c39d2a49135b8 button svg, .ca33fd5461e83.intermediate svg, .cc45d14af43c4 label span.intermediate svg, .ca33fd5461e83.checked svg, .cc45d14af43c4 label span.checked svg, .cef5d00c093ba span svg,
.cef5d00c093ba label svg, .c007b89cc0c35 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cdaf84296df24 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cdaf84296df24:hover {
  fill: none;
  stroke: none;
}

.caeea12aaabe1, .c1b1cf8646f9e span svg, .c39d2a49135b8 button svg, .ca33fd5461e83.intermediate svg, .cc45d14af43c4 label span.intermediate svg, .ca33fd5461e83.checked svg, .cc45d14af43c4 label span.checked svg, .cef5d00c093ba span svg,
.cef5d00c093ba label svg, .c007b89cc0c35 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c6969dd3662df {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c6969dd3662df:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c09fd8b1181ec, .ca010f8ed20cb input, .cb5f1227537b4 input, .cef5d00c093ba input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c09fd8b1181ec, .ca010f8ed20cb input, .cb5f1227537b4 input, .cef5d00c093ba input {
    height: 23px;
  }
}
.c09fd8b1181ec, .ca010f8ed20cb input, .cb5f1227537b4 input, .cef5d00c093ba input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c09fd8b1181ec[disabled], .ca010f8ed20cb input[disabled], .cb5f1227537b4 input[disabled], .cef5d00c093ba input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c007b89cc0c35 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c248a0bb7a3e7, .cef5d00c093ba span,
.cef5d00c093ba label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c248a0bb7a3e7, .cef5d00c093ba span,
  .cef5d00c093ba label {
    height: 25px;
  }
}
.c248a0bb7a3e7, .cef5d00c093ba span,
.cef5d00c093ba label {
  color: var(--input-foreground-color);
}

.cef5d00c093ba {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cef5d00c093ba {
    height: 25px;
    font-size: 10px;
  }
}
.cef5d00c093ba {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cef5d00c093ba span svg,
.cef5d00c093ba label svg {
  color: var(--input-foreground-color);
}
.cef5d00c093ba ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cef5d00c093ba ::placeholder {
  color: var(--input-placeholder-color);
}
.cef5d00c093ba:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cef5d00c093ba:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cef5d00c093ba:hover span {
  color: var(--input-foreground-color-hover);
}
.cef5d00c093ba:hover input {
  color: var(--input-foreground-color-hover);
}
.cef5d00c093ba:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cef5d00c093ba:active span {
  color: var(--input-foreground-color-active);
}
.cef5d00c093ba:active input {
  color: var(--input-foreground-color-active);
}
.cef5d00c093ba:focus, .cef5d00c093ba:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cef5d00c093ba:focus span, .cef5d00c093ba:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cef5d00c093ba:focus input, .cef5d00c093ba:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cef5d00c093ba:focus:hover, .cef5d00c093ba:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cef5d00c093ba:focus:hover span, .cef5d00c093ba:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cef5d00c093ba:focus:hover input, .cef5d00c093ba:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cb5f1227537b4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cb5f1227537b4 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cb5f1227537b4 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb5f1227537b4 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb5f1227537b4:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cb5f1227537b4:focus-within input, .cb5f1227537b4:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ca20ecfedfadb, .ca010f8ed20cb.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ca20ecfedfadb input, .ca010f8ed20cb.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ca20ecfedfadb span svg, .ca010f8ed20cb.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ca33fd5461e83, .cc45d14af43c4 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ca33fd5461e83 svg, .cc45d14af43c4 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ca33fd5461e83:hover, .cc45d14af43c4 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca33fd5461e83:focus, .cc45d14af43c4 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ca33fd5461e83.checked, .cc45d14af43c4 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ca33fd5461e83.checked svg, .cc45d14af43c4 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ca33fd5461e83.intermediate, .cc45d14af43c4 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ca33fd5461e83.intermediate svg, .cc45d14af43c4 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ca33fd5461e83.unchecked, .cc45d14af43c4 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ca33fd5461e83.unchecked svg, .cc45d14af43c4 label span.unchecked svg {
  display: none;
}

.cc45d14af43c4 {
  display: flex;
  align-items: center;
}
.cc45d14af43c4 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cc45d14af43c4 label input {
  margin: 0;
}
.cc45d14af43c4 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cc45d14af43c4 label:focus span, .cc45d14af43c4 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ca010f8ed20cb {
  display: flex;
  flex-direction: column;
}
.ca010f8ed20cb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ca010f8ed20cb input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ca010f8ed20cb input:focus-within input, .ca010f8ed20cb input:active input {
  color: var(--input-foreground-color-active);
}
.ca010f8ed20cb input:focus-within, .ca010f8ed20cb input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ca010f8ed20cb.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf2237a73cc34 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c3aa8a8ab54a7 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.caf6c0f0151b8 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c3d240948d9ef {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c7657dc983f2a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c1d163350d9eb {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c7a63040c249d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c4cec40914102 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c451202722b1d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c00f38db3f90c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c00f38db3f90c:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cedf7058ea302 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c1ff7dc94785c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cc6bbd0610fc6, .c0ed91793ec37 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cc03dd0308575 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c7a135e16bbfe {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c7a135e16bbfe:hover, .c7a135e16bbfe:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c39d2a49135b8 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c39d2a49135b8 button {
  display: none;
}
.c39d2a49135b8 button svg {
  stroke: var(--icon-foreground);
}
.c39d2a49135b8:hover button {
  display: flex;
}

.c4fa0613c29ba {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c4fa0613c29ba .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c4fa0613c29ba .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cac977f43310b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cac977f43310b:hover div {
  color: var(--entry-foreground-color-hover);
}

.c92751b728690 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c5904fca80004 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c5904fca80004:hover {
  background-color: var(--menu-background-color-hover);
}

.c1b1cf8646f9e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c1b1cf8646f9e span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c1b1cf8646f9e span svg {
  stroke: var(--icon-foreground);
}
.c1b1cf8646f9e:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c1b1cf8646f9e:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c4752d25cff0e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c50f3f3dbe190 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c4d977c4a334e,
.c20dbe419da95 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c5f94cdadbe9e .c4d977c4a334e,
.c5f94cdadbe9e .c20dbe419da95 {
  transform: scale(1);
}

.c635c91cf85be .c4d977c4a334e,
.c635c91cf85be .c20dbe419da95 {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

.ca64ec5119196 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
}

.c6ac27d98afda {
  grid-column: span 8;
}

.ce683b9433d9c {
  grid-column: span 8;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

.c699841120fae {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  flex-grow: 1;
  color: var(--input-foreground-color-active);
}

.caa63a9740b95 {
  height: 1.875rem;
  width: 1.75rem;
}
.cf2ff5e523b97 {
  display: flex;
  gap: 0.25rem;
}

.c3776041589f6 {
  --button-fg-color: #535353;
}

.c3e444846b973,
.c6bc04e2578cf,
.c497d77cbab3b,
.c0c7baf9a9695,
.caf84b4eb6969 {
  height: 1.875rem;
}

.caf84b4eb6969 {
  display: flex;
  gap: 0.25rem;
}

@media (max-width: 1680px) {
  .caa63a9740b95 {
    height: 25px;
  }
  .c3e444846b973,
  .c6bc04e2578cf,
  .c497d77cbab3b,
  .c0c7baf9a9695,
  .caf84b4eb6969 {
    height: 25px;
  }
}
@keyframes cd22540a8194a {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c35a43e965b00 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c35a43e965b00:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c35a43e965b00 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c35a43e965b00 ::-webkit-scrollbar-track,
.c35a43e965b00 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c35a43e965b00 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c35a43e965b00 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c35a43e965b00 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c35a43e965b00 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c35a43e965b00 ::placeholder,
.c35a43e965b00 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ce0ce7d758f0d, .c8691a153b078, .cc8d3f06ad5ca {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ce0ce7d758f0d svg, .c8691a153b078 svg, .cc8d3f06ad5ca svg,
.ce0ce7d758f0d span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ce0ce7d758f0d:focus-visible, .c8691a153b078:focus-visible, .cc8d3f06ad5ca:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ce0ce7d758f0d:focus-visible svg, .c8691a153b078:focus-visible svg, .cc8d3f06ad5ca:focus-visible svg,
.ce0ce7d758f0d:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ce0ce7d758f0d:hover, .c8691a153b078:hover, .cc8d3f06ad5ca:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ce0ce7d758f0d:hover svg, .c8691a153b078:hover svg, .cc8d3f06ad5ca:hover svg,
.ce0ce7d758f0d:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ce0ce7d758f0d:active, .c8691a153b078:active, .cc8d3f06ad5ca:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ce0ce7d758f0d:active svg, .c8691a153b078:active svg, .cc8d3f06ad5ca:active svg,
.ce0ce7d758f0d:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ce0ce7d758f0d.disabled, .c8691a153b078.disabled, .cc8d3f06ad5ca.disabled, .ce0ce7d758f0d[disabled], [disabled].c8691a153b078, [disabled].cc8d3f06ad5ca, .ce0ce7d758f0d:disabled, .c8691a153b078:disabled, .cc8d3f06ad5ca:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c15c292075c90, .c789a4bc2b88c .cc8b03c9b2eb3, .cbe5bfe1a888e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c15c292075c90 svg, .c789a4bc2b88c .cc8b03c9b2eb3 svg, .cbe5bfe1a888e svg,
.c15c292075c90 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c15c292075c90:focus-visible, .c789a4bc2b88c .cc8b03c9b2eb3:focus-visible, .cbe5bfe1a888e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c15c292075c90:focus-visible svg, .c789a4bc2b88c .cc8b03c9b2eb3:focus-visible svg, .cbe5bfe1a888e:focus-visible svg,
.c15c292075c90:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c15c292075c90:hover, .c789a4bc2b88c .cc8b03c9b2eb3:hover, .cbe5bfe1a888e:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c15c292075c90:hover svg, .c789a4bc2b88c .cc8b03c9b2eb3:hover svg, .cbe5bfe1a888e:hover svg,
.c15c292075c90:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c15c292075c90:active, .c789a4bc2b88c .cc8b03c9b2eb3:active, .cbe5bfe1a888e:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c15c292075c90:active svg, .c789a4bc2b88c .cc8b03c9b2eb3:active svg, .cbe5bfe1a888e:active svg,
.c15c292075c90:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c15c292075c90.disabled, .c789a4bc2b88c .cc8b03c9b2eb3.disabled, .cbe5bfe1a888e.disabled, .c15c292075c90[disabled], .c789a4bc2b88c [disabled].cc8b03c9b2eb3, [disabled].cbe5bfe1a888e, .c15c292075c90:disabled, .c789a4bc2b88c .cc8b03c9b2eb3:disabled, .cbe5bfe1a888e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c760978c4d135 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c760978c4d135 svg,
.c760978c4d135 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c760978c4d135:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c760978c4d135:focus-visible svg,
.c760978c4d135:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c760978c4d135:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c760978c4d135:hover svg,
.c760978c4d135:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c760978c4d135:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c760978c4d135:active svg,
.c760978c4d135:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c760978c4d135.disabled, .c760978c4d135[disabled], .c760978c4d135:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc4dc0bb77244, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727, .cc24cce76f0c7 .cf04c344f8a54, .c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54, .cd7e82c6d3b04 button, .cf84fa39f10b4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cc4dc0bb77244 svg, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42 svg,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727 svg, .cc24cce76f0c7 .cf04c344f8a54 svg, .c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54 svg, .cd7e82c6d3b04 button svg, .cf84fa39f10b4 svg,
.cc4dc0bb77244 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cc4dc0bb77244:focus-visible, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42:focus-visible,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727:focus-visible, .cc24cce76f0c7 .cf04c344f8a54:focus-visible, .c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54:focus-visible, .cd7e82c6d3b04 button:focus-visible, .cf84fa39f10b4:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cc4dc0bb77244:focus-visible svg, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42:focus-visible svg,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727:focus-visible svg, .cc24cce76f0c7 .cf04c344f8a54:focus-visible svg, .c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54:focus-visible svg, .cd7e82c6d3b04 button:focus-visible svg, .cf84fa39f10b4:focus-visible svg,
.cc4dc0bb77244:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cc4dc0bb77244:hover, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42:hover,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727:hover, .cc24cce76f0c7 .cf04c344f8a54:hover, .c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54:hover, .cd7e82c6d3b04 button:hover, .cf84fa39f10b4:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cc4dc0bb77244:hover svg, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42:hover svg,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727:hover svg, .cc24cce76f0c7 .cf04c344f8a54:hover svg, .c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54:hover svg, .cd7e82c6d3b04 button:hover svg, .cf84fa39f10b4:hover svg,
.cc4dc0bb77244:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cc4dc0bb77244:active, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42:active,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727:active, .cc24cce76f0c7 .cf04c344f8a54:active, .c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54:active, .cd7e82c6d3b04 button:active, .cf84fa39f10b4:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cc4dc0bb77244:active svg, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42:active svg,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727:active svg, .cc24cce76f0c7 .cf04c344f8a54:active svg, .c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54:active svg, .cd7e82c6d3b04 button:active svg, .cf84fa39f10b4:active svg,
.cc4dc0bb77244:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cc4dc0bb77244.disabled, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42.disabled,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727.disabled, .cc24cce76f0c7 .cf04c344f8a54.disabled, .c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54.disabled, .cd7e82c6d3b04 button.disabled, .cf84fa39f10b4.disabled, .cc4dc0bb77244[disabled], .c4659b0ee0cd1 .cd9471fb02d61 [disabled].cbcac8f0a5f42,
.c4659b0ee0cd1 .cd9471fb02d61 [disabled].c592870042727, .cc24cce76f0c7 [disabled].cf04c344f8a54, .c789a4bc2b88c .c5c3eeae948a6 [disabled].cf04c344f8a54, .cd7e82c6d3b04 button[disabled], [disabled].cf84fa39f10b4, .cc4dc0bb77244:disabled, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42:disabled,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727:disabled, .cc24cce76f0c7 .cf04c344f8a54:disabled, .c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54:disabled, .cd7e82c6d3b04 button:disabled, .cf84fa39f10b4:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cc4dc0bb77244.disabled svg, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42.disabled svg,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727.disabled svg, .cc24cce76f0c7 .cf04c344f8a54.disabled svg, .c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54.disabled svg, .cd7e82c6d3b04 button.disabled svg, .cf84fa39f10b4.disabled svg,
.cc4dc0bb77244.disabled span svg, .cc4dc0bb77244[disabled] svg, .c4659b0ee0cd1 .cd9471fb02d61 [disabled].cbcac8f0a5f42 svg,
.c4659b0ee0cd1 .cd9471fb02d61 [disabled].c592870042727 svg, .cc24cce76f0c7 [disabled].cf04c344f8a54 svg, .c789a4bc2b88c .c5c3eeae948a6 [disabled].cf04c344f8a54 svg, .cd7e82c6d3b04 button[disabled] svg, [disabled].cf84fa39f10b4 svg,
.cc4dc0bb77244[disabled] span svg, .cc4dc0bb77244:disabled svg, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42:disabled svg,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727:disabled svg, .cc24cce76f0c7 .cf04c344f8a54:disabled svg, .c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54:disabled svg, .cd7e82c6d3b04 button:disabled svg, .cf84fa39f10b4:disabled svg,
.cc4dc0bb77244:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cd346a5c76923 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cd346a5c76923 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cdc6f6dfa8ec5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cdc6f6dfa8ec5 svg,
.cdc6f6dfa8ec5 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cdc6f6dfa8ec5:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cdc6f6dfa8ec5:focus-visible svg,
.cdc6f6dfa8ec5:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cdc6f6dfa8ec5:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cdc6f6dfa8ec5:hover svg,
.cdc6f6dfa8ec5:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cdc6f6dfa8ec5:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cdc6f6dfa8ec5:active svg,
.cdc6f6dfa8ec5:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c2305319dd0f4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c83cacb5937d8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb17472d2eec7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cb17472d2eec7:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cb17472d2eec7:focus-visible svg,
.cb17472d2eec7:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cb17472d2eec7:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cb17472d2eec7:active {
  border: none;
  background-color: transparent;
}

.cccade2ca2534, .c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54 svg, .cf84fa39f10b4 svg, .c1bdce5be2d58, .cc24cce76f0c7 .cf04c344f8a54 svg, .c3991076c8d9c .c619b28b5f694 .c9cd3afff68f9 svg, .c3991076c8d9c .c40281716f68a .cac872506b07d .c9cd3afff68f9 svg, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d .c9cd3afff68f9 svg,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 .c9cd3afff68f9 svg, .c33e28e58e7a1 .c9cd3afff68f9 svg, .c620b2b82483f span svg, .cd7e82c6d3b04 button svg, .cf478e87bf5ef.intermediate svg, .c34c5d436734b label span.intermediate svg, .cf478e87bf5ef.checked svg, .c34c5d436734b label span.checked svg, .c3d0f834362ca span svg, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d span svg,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 span svg,
.c3d0f834362ca label svg,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d label svg,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 label svg, .cd873e212b795 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cb56a069e1a15, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42 svg,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cb56a069e1a15:hover, .c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42 svg:hover,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727 svg:hover {
  fill: none;
  stroke: none;
}

.c1bdce5be2d58, .cc24cce76f0c7 .cf04c344f8a54 svg, .c3991076c8d9c .c619b28b5f694 .c9cd3afff68f9 svg, .c3991076c8d9c .c40281716f68a .cac872506b07d .c9cd3afff68f9 svg, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d .c9cd3afff68f9 svg,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 .c9cd3afff68f9 svg, .c33e28e58e7a1 .c9cd3afff68f9 svg, .c620b2b82483f span svg, .cd7e82c6d3b04 button svg, .cf478e87bf5ef.intermediate svg, .c34c5d436734b label span.intermediate svg, .cf478e87bf5ef.checked svg, .c34c5d436734b label span.checked svg, .c3d0f834362ca span svg, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d span svg,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 span svg,
.c3d0f834362ca label svg,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d label svg,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 label svg, .cd873e212b795 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c791939bcbf4b {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c791939bcbf4b:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cb808f64c7dac, .c704e8f4f08a8 .c7434581391f9, .c4bdc4c53f6a2 input, .cb7cd3bca34e6 input, .c3d0f834362ca input, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d input,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cb808f64c7dac, .c704e8f4f08a8 .c7434581391f9, .c4bdc4c53f6a2 input, .cb7cd3bca34e6 input, .c3d0f834362ca input, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d input,
  .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 input {
    height: 23px;
  }
}
.cb808f64c7dac, .c704e8f4f08a8 .c7434581391f9, .c4bdc4c53f6a2 input, .cb7cd3bca34e6 input, .c3d0f834362ca input, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d input,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cb808f64c7dac[disabled], .c704e8f4f08a8 [disabled].c7434581391f9, .c4bdc4c53f6a2 input[disabled], .cb7cd3bca34e6 input[disabled], .c3d0f834362ca input[disabled], .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d input[disabled],
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cd873e212b795 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c3256999ada31, .c3d0f834362ca span, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d span,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 span,
.c3d0f834362ca label,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d label,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c3256999ada31, .c3d0f834362ca span, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d span,
  .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 span,
  .c3d0f834362ca label,
  .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d label,
  .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 label {
    height: 25px;
  }
}
.c3256999ada31, .c3d0f834362ca span, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d span,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 span,
.c3d0f834362ca label,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d label,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 label {
  color: var(--input-foreground-color);
}

.c3d0f834362ca, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c3d0f834362ca, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d,
  .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 {
    height: 25px;
    font-size: 10px;
  }
}
.c3d0f834362ca, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c3d0f834362ca span svg, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d span svg,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 span svg,
.c3d0f834362ca label svg,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d label svg,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 label svg {
  color: var(--input-foreground-color);
}
.c3d0f834362ca ::-moz-placeholder, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d ::-moz-placeholder, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c3d0f834362ca ::placeholder, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d ::placeholder,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 ::placeholder {
  color: var(--input-placeholder-color);
}
.c3d0f834362ca:focus-within, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:focus-within,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3d0f834362ca:hover, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:hover,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c3d0f834362ca:hover span, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:hover span,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:hover span {
  color: var(--input-foreground-color-hover);
}
.c3d0f834362ca:hover input, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:hover input,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:hover input {
  color: var(--input-foreground-color-hover);
}
.c3d0f834362ca:active, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:active,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c3d0f834362ca:active span, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:active span,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:active span {
  color: var(--input-foreground-color-active);
}
.c3d0f834362ca:active input, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:active input,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:active input {
  color: var(--input-foreground-color-active);
}
.c3d0f834362ca:focus, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:focus,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:focus, .c3d0f834362ca:focus-within, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:focus-within,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c3d0f834362ca:focus span, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:focus span,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:focus span, .c3d0f834362ca:focus-within span, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:focus-within span,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c3d0f834362ca:focus input, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:focus input,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:focus input, .c3d0f834362ca:focus-within input, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:focus-within input,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c3d0f834362ca:focus:hover, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:focus:hover,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:focus:hover, .c3d0f834362ca:focus-within:hover, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:focus-within:hover,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c3d0f834362ca:focus:hover span, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:focus:hover span,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:focus:hover span, .c3d0f834362ca:focus-within:hover span, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:focus-within:hover span,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c3d0f834362ca:focus:hover input, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:focus:hover input,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:focus:hover input, .c3d0f834362ca:focus-within:hover input, .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:focus-within:hover input,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cb7cd3bca34e6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cb7cd3bca34e6 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cb7cd3bca34e6 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb7cd3bca34e6 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb7cd3bca34e6:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cb7cd3bca34e6:focus-within input, .cb7cd3bca34e6:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cbc4acacad801, .c4bdc4c53f6a2.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cbc4acacad801 input, .c4bdc4c53f6a2.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cbc4acacad801 span svg, .c4bdc4c53f6a2.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cf478e87bf5ef, .c34c5d436734b label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cf478e87bf5ef svg, .c34c5d436734b label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cf478e87bf5ef:hover, .c34c5d436734b label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf478e87bf5ef:focus, .c34c5d436734b label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cf478e87bf5ef.checked, .c34c5d436734b label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cf478e87bf5ef.checked svg, .c34c5d436734b label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cf478e87bf5ef.intermediate, .c34c5d436734b label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cf478e87bf5ef.intermediate svg, .c34c5d436734b label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cf478e87bf5ef.unchecked, .c34c5d436734b label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cf478e87bf5ef.unchecked svg, .c34c5d436734b label span.unchecked svg {
  display: none;
}

.c34c5d436734b {
  display: flex;
  align-items: center;
}
.c34c5d436734b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c34c5d436734b label input {
  margin: 0;
}
.c34c5d436734b label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c34c5d436734b label:focus span, .c34c5d436734b label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c4bdc4c53f6a2 {
  display: flex;
  flex-direction: column;
}
.c4bdc4c53f6a2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c4bdc4c53f6a2 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c4bdc4c53f6a2 input:focus-within input, .c4bdc4c53f6a2 input:active input {
  color: var(--input-foreground-color-active);
}
.c4bdc4c53f6a2 input:focus-within, .c4bdc4c53f6a2 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c4bdc4c53f6a2.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ca8ed5bacd0b6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c95b56ab4ebcf {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c0652dd524275 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cf84fa39f10b4 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c5c751010caad {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc7321aed3f69 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cbe5bfe1a888e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc8d3f06ad5ca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c8691a153b078 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c78dede0d85d7, .c789a4bc2b88c .c5c3eeae948a6, .c3991076c8d9c .c619b28b5f694, .c3991076c8d9c .c40281716f68a .cac872506b07d, .c3991076c8d9c .c85a6dbde363a .c23f48eae81f1, .c33e28e58e7a1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c78dede0d85d7:hover, .c789a4bc2b88c .c5c3eeae948a6:hover, .c3991076c8d9c .c619b28b5f694:hover, .c3991076c8d9c .c40281716f68a .cac872506b07d:hover, .c3991076c8d9c .c85a6dbde363a .c23f48eae81f1:hover, .c33e28e58e7a1:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ce921343f9198 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c75bf8c2901d5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cfbb60e7ff82e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cd1bc03f2b6f6 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cb8072d01de0b {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cb8072d01de0b:hover, .cb8072d01de0b:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cd7e82c6d3b04 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cd7e82c6d3b04 button {
  display: none;
}
.cd7e82c6d3b04 button svg {
  stroke: var(--icon-foreground);
}
.cd7e82c6d3b04:hover button {
  display: flex;
}

.c61a58d210a5c {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c61a58d210a5c .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c61a58d210a5c .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c8b541c31e267 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c8b541c31e267:hover div {
  color: var(--entry-foreground-color-hover);
}

.c1959221c80d1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cbdd48964793f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cbdd48964793f:hover {
  background-color: var(--menu-background-color-hover);
}

.c620b2b82483f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c620b2b82483f span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c620b2b82483f span svg {
  stroke: var(--icon-foreground);
}
.c620b2b82483f:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c620b2b82483f:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c54a03587cc6e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c69ed6412c7d0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c2750131da67a,
.c58a24432580a {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c021cec88295d .c2750131da67a,
.c021cec88295d .c58a24432580a {
  transform: scale(1);
}

.c5019d9b5de7e .c2750131da67a,
.c5019d9b5de7e .c58a24432580a {
  transform: scale(0);
}

.c4659b0ee0cd1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 1.875rem;
  width: 100%;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c4659b0ee0cd1:hover, .c4659b0ee0cd1:focus-within {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}
.c4659b0ee0cd1.cc3d5c2eed80f {
  border: 1px solid var(--assets-item-border-color);
}
.c4659b0ee0cd1 .cd9471fb02d61 {
  display: flex;
  visibility: hidden;
}
.c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727 {
  height: 1rem;
  width: 1.875rem;
}
.c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42 svg,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727 svg {
  height: 0.75rem;
  width: 0.75rem;
}
.c4659b0ee0cd1 .cd9471fb02d61 .cbcac8f0a5f42:active,
.c4659b0ee0cd1 .cd9471fb02d61 .c592870042727:active {
  background-color: transparent;
}
.c4659b0ee0cd1:hover {
  background-color: var(--assets-item-background-color-hover);
}
.c4659b0ee0cd1:hover .cd9471fb02d61 {
  visibility: visible;
}

.c4ccd6f61d7d2 {
  display: grid;
  grid-template-columns: 1.5rem auto 1fr;
  flex: 1;
  height: 100%;
  width: 100%;
  min-width: 0;
  padding: 0 0.125rem 0 0.75rem;
}
.c4ccd6f61d7d2.ce00073362681 {
  cursor: pointer;
}

.cf69ce9f68974 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.5rem;
  height: 1.875rem;
  color: var(--assets-item-name-foreground-color);
}

.c6c626c107af4,
.c15b30c7f1e69 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  align-self: center;
  margin-left: 0.375rem;
  min-width: 0;
}

.c6c626c107af4 {
  color: var(--assets-item-name-foreground-color);
}

.c15b30c7f1e69 {
  color: var(--assets-item-name-foreground-color-rest);
}

.cc24cce76f0c7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  width: 100%;
  border-radius: 8px;
  border: 1px solid transparent;
  box-sizing: border-box;
  background-color: var(--button-secondary-background-color-rest);
  margin-bottom: 0.25rem;
  padding: 0.5rem 0px 0.5rem 0.75rem;
  min-width: 0;
}
.cc24cce76f0c7 .ca93f2cf79c7f {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 100%;
  font-size: 1rem;
  color: var(--assets-item-name-foreground-color-hover);
}
.cc24cce76f0c7 .c64bfb2d9c74c {
  border: none;
  background: none;
  outline: none;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  color: var(--input-foreground-color-active);
  flex: 1 1 0;
  width: 0;
  min-width: 0;
  padding-left: 0.375rem;
  margin: 0;
}
.cc24cce76f0c7 .cf04c344f8a54 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
}
.cc24cce76f0c7 .cf04c344f8a54 svg {
  stroke: none;
}
.cc24cce76f0c7 .cf04c344f8a54:active {
  background-color: transparent;
}
.cc24cce76f0c7:focus-within {
  border: 1px solid var(--input-border-color-active);
}
.cc24cce76f0c7:focus-within .c64bfb2d9c74c {
  color: var(--input-foreground-color-active);
}
.cc24cce76f0c7:hover {
  background-color: var(--assets-item-background-color-hover);
}

.c953f01974beb {
  height: 100%;
  width: 100%;
  background-color: var(--assets-title-background-color);
}

.c789a4bc2b88c {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.c789a4bc2b88c .c5c3eeae948a6 {
  display: grid;
  grid-template-columns: 1.5rem auto 1fr 1.75rem;
  flex: 1;
  height: 1.875rem;
  width: 100%;
  padding: 0 0 0 0.75rem;
  background-color: var(--assets-item-background-color-hover);
  margin-bottom: 0.25rem;
}
.c789a4bc2b88c .c5c3eeae948a6 .cf69ce9f68974 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.5rem;
  font-size: 1rem;
  height: 1.875rem;
  padding: 0;
  color: var(--assets-item-name-foreground-color-hover);
}
.c789a4bc2b88c .c5c3eeae948a6 .c6c626c107af4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 0.375rem;
  color: var(--assets-item-name-foreground-color-hover);
}
.c789a4bc2b88c .c5c3eeae948a6 .c15b30c7f1e69 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  color: var(--assets-item-name-foreground-color);
}
.c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54 {
  width: 1.75rem;
  height: 1.875rem;
}
.c789a4bc2b88c .c5c3eeae948a6 .cf04c344f8a54:active {
  background-color: transparent;
}
.c789a4bc2b88c .cca4d693e5cc3 {
  display: grid;
  grid-template-columns: 50% 50%;
  height: 1.875rem;
  --calculated-width: calc(var(--left-sidebar-width) - deprecated.$s-48);
  padding-left: 0.125rem;
}
.c789a4bc2b88c .cca4d693e5cc3 .c24c909c60363 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(var(--calculated-width) / 2);
  padding-top: 0.5rem;
  color: var(--assets-item-name-foreground-color);
}
.c789a4bc2b88c .cca4d693e5cc3 .cba02ef278e5b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 0.5rem;
  width: calc(var(--calculated-width) / 2);
  color: var(--assets-item-name-foreground-color-hover);
}
.c789a4bc2b88c .cc8b03c9b2eb3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  width: 100%;
  height: 1.875rem;
  border-radius: 8px;
}
.c789a4bc2b88c .cc8b03c9b2eb3:hover {
  background-color: var(--button-secondary-background-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  text-decoration: none;
}
.c789a4bc2b88c .cc8b03c9b2eb3:hover svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.c789a4bc2b88c .cc8b03c9b2eb3:focus {
  background-color: var(--button-secondary-background-color-focus);
  color: var(--button-secondary-foreground-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
}
.c789a4bc2b88c .cc8b03c9b2eb3:focus svg {
  stroke: var(--button-secondary-foreground-color-focus);
}

.c3991076c8d9c {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 100%;
  min-width: 0;
}
.c3991076c8d9c:not(.c3c5ebf5fe9d7) {
  position: relative;
}
.c3991076c8d9c .c619b28b5f694 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 0.5rem 0 0.5rem 0.5rem;
  cursor: pointer;
}
.c3991076c8d9c .c619b28b5f694 .ceced83aad6a7 {
  flex-grow: 1;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.c3991076c8d9c .c619b28b5f694 .c9cd3afff68f9 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.75rem;
  width: 1.75rem;
}
.c3991076c8d9c .c619b28b5f694 .c9cd3afff68f9 svg {
  stroke: none;
  transform: rotate(90deg);
}
.c3991076c8d9c .c40281716f68a {
  display: flex;
  gap: 0.25rem;
  min-width: 0;
}
.c3991076c8d9c .c40281716f68a .cac872506b07d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  flex-grow: 1;
  width: 3.75rem;
  margin: 0;
  padding: 0;
  position: relative;
}
.c3991076c8d9c .c40281716f68a .cac872506b07d .c9cd3afff68f9 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.75rem;
  min-width: 1.75rem;
}
.c3991076c8d9c .c40281716f68a .cac872506b07d .c9cd3afff68f9 svg {
  stroke: none;
  transform: rotate(90deg);
}
.c3991076c8d9c .c40281716f68a .cf1cf69b3a20c {
  padding: 0;
  flex-grow: 2;
  min-width: 0;
}
.c3991076c8d9c .c85a6dbde363a {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 {
  border: none;
  flex: 1;
  min-width: 0;
}
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d:hover,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74:hover {
  border: none;
}
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 {
  height: 1.875rem;
  background-color: var(--button-secondary-background-color-rest);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d .c9cd3afff68f9,
.c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 .c9cd3afff68f9 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
}
.c3991076c8d9c .c85a6dbde363a .c23f48eae81f1 {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  --input-background-color: --button-secondary-background-color-rest
  background-color: var(--button-secondary-background-color-rest);
}
.c3991076c8d9c .c85a6dbde363a .c23f48eae81f1:hover {
  background-color: var(--button-secondary-background-color-rest);
}
@media (max-width: 1920px) {
  .c3991076c8d9c .c85a6dbde363a {
    flex-direction: column;
    align-items: flex-start;
  }
  .c3991076c8d9c .c85a6dbde363a .c417e10f6676e {
    width: 100%;
  }
}

.c704e8f4f08a8 {
  border: none;
  background: none;
  outline: none;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  height: 1.875rem;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0.5rem;
}
.c704e8f4f08a8 .c7434581391f9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 0;
}

.ce19ea3f6b610 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
}

.cf978ca9f47e6 {
  background: transparent;
  border-block-end: 1px solid var(--panel-border-color);
}

.ce4fc7778684a {
  width: 100%;
}
.ce4fc7778684a:not(.cbc109fe4cbf7) {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  border-radius: 8px;
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  overflow: hidden;
  --search-bar-background-color: transparent;
  --search-box-height: 1.875rem;
  --search-input-wrapper-height: 100%;
}
.ce4fc7778684a:not(.cbc109fe4cbf7) .c5cd76d4ea2e4 {
  background-color: transparent;
  border-radius: 0;
  min-height: 0;
}
.ce4fc7778684a .c7f82d3518f1a {
  display: grid;
  row-gap: 0.125rem;
  background-color: var(--color-background-quaternary);
}
.ce4fc7778684a .c7f82d3518f1a .cc051d96c9394 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--title-foreground-color);
  margin: 0;
  padding: 0.75rem;
}

.c80077dc87996 {
  padding-bottom: 0.25rem;
  cursor: pointer;
}

.c33e28e58e7a1 {
  margin-bottom: 0.25rem;
  display: flex;
  background-color: transparent;
  color: var(--menu-foreground-color-rest);
}
.c33e28e58e7a1:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c33e28e58e7a1 .c9cd3afff68f9 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.75rem;
  width: 1.75rem;
}
.c33e28e58e7a1 .c9cd3afff68f9 svg {
  stroke: none;
}
.c33e28e58e7a1.cc3d5c2eed80f {
  color: var(--menu-foreground-color);
}
.c33e28e58e7a1.cc3d5c2eed80f .c9cd3afff68f9 svg {
  color: var(--menu-foreground-color);
}
.c33e28e58e7a1 .c448cb7e81e70 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  min-width: 0;
}

.cbc109fe4cbf7 {
  height: calc(100vh - 3.875rem);
  display: grid;
  grid-template-rows: auto 1fr;
  padding: 0.125rem 0.75rem 0.75rem 0.75rem;
}

.c5cd76d4ea2e4 {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 100%;
  width: 100%;
  height: 100%;
  padding: 0.125rem;
  border-radius: 8px;
  background-color: var(--dropdown-background-color);
  overflow: hidden;
}
.c5cd76d4ea2e4:not(.c8979ad08456f) {
  margin-block-start: 0.125rem;
}

.c8979ad08456f {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border: 1px solid var(--color-background-quaternary);
}
.c8979ad08456f .cc3d5c2eed80f {
  padding-inline-end: 0;
}

.c05a1e98a9f3e {
  border: none;
  height: 1.875rem;
  width: 100%;
  max-width: 100%;
  background-color: var(--button-secondary-background-color-rest);
}

@media (max-width: 1680px) {
  .c4659b0ee0cd1 {
    height: 25px;
  }
  .cf69ce9f68974 {
    height: 25px;
  }
  .cc24cce76f0c7 {
    height: 25px;
  }
  .cca4d693e5cc3 {
    height: 25px;
  }
  .cc8b03c9b2eb3 {
    height: 25px;
  }
  .c704e8f4f08a8 {
    height: 25px;
  }
  .c3991076c8d9c .c619b28b5f694 {
    height: 25px;
  }
  .c3991076c8d9c .c40281716f68a .cac872506b07d {
    height: 25px;
  }
  .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cb5dbcbceb95d,
  .c3991076c8d9c .c85a6dbde363a .c417e10f6676e .cdfb505c66c74 {
    height: 25px;
  }
  .c05a1e98a9f3e {
    height: 25px;
  }
  .c5c3eeae948a6 {
    height: 25px;
  }
  .c5c3eeae948a6 .cf69ce9f68974 {
    height: 25px;
  }
  .c5c3eeae948a6 .cf04c344f8a54 {
    height: 25px;
  }
}
@keyframes c79ca4b52b08c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c6ee74faf57cb {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c6ee74faf57cb:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c6ee74faf57cb ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c6ee74faf57cb ::-webkit-scrollbar-track,
.c6ee74faf57cb ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c6ee74faf57cb ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c6ee74faf57cb ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c6ee74faf57cb ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c6ee74faf57cb ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c6ee74faf57cb ::placeholder,
.c6ee74faf57cb ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c9564a35039ea, .c072a859863a9, .cc058fa7e40bf {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c9564a35039ea svg, .c072a859863a9 svg, .cc058fa7e40bf svg,
.c9564a35039ea span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c9564a35039ea:focus-visible, .c072a859863a9:focus-visible, .cc058fa7e40bf:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c9564a35039ea:focus-visible svg, .c072a859863a9:focus-visible svg, .cc058fa7e40bf:focus-visible svg,
.c9564a35039ea:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c9564a35039ea:hover, .c072a859863a9:hover, .cc058fa7e40bf:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c9564a35039ea:hover svg, .c072a859863a9:hover svg, .cc058fa7e40bf:hover svg,
.c9564a35039ea:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c9564a35039ea:active, .c072a859863a9:active, .cc058fa7e40bf:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c9564a35039ea:active svg, .c072a859863a9:active svg, .cc058fa7e40bf:active svg,
.c9564a35039ea:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c9564a35039ea.disabled, .c072a859863a9.disabled, .cc058fa7e40bf.disabled, .c9564a35039ea[disabled], [disabled].c072a859863a9, [disabled].cc058fa7e40bf, .c9564a35039ea:disabled, .c072a859863a9:disabled, .cc058fa7e40bf:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf7656fa57449, .cfe12a5bb3e82 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cf7656fa57449 svg, .cfe12a5bb3e82 svg,
.cf7656fa57449 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cf7656fa57449:focus-visible, .cfe12a5bb3e82:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cf7656fa57449:focus-visible svg, .cfe12a5bb3e82:focus-visible svg,
.cf7656fa57449:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cf7656fa57449:hover, .cfe12a5bb3e82:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cf7656fa57449:hover svg, .cfe12a5bb3e82:hover svg,
.cf7656fa57449:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cf7656fa57449:active, .cfe12a5bb3e82:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cf7656fa57449:active svg, .cfe12a5bb3e82:active svg,
.cf7656fa57449:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cf7656fa57449.disabled, .cfe12a5bb3e82.disabled, .cf7656fa57449[disabled], [disabled].cfe12a5bb3e82, .cf7656fa57449:disabled, .cfe12a5bb3e82:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce0a64956b6f6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ce0a64956b6f6 svg,
.ce0a64956b6f6 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ce0a64956b6f6:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ce0a64956b6f6:focus-visible svg,
.ce0a64956b6f6:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ce0a64956b6f6:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ce0a64956b6f6:hover svg,
.ce0a64956b6f6:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ce0a64956b6f6:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ce0a64956b6f6:active svg,
.ce0a64956b6f6:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ce0a64956b6f6.disabled, .ce0a64956b6f6[disabled], .ce0a64956b6f6:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8c147c68d124, .cb81136e82e1f button, .c6e3f315ea333, .cd80eb09f7090 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c8c147c68d124 svg, .cb81136e82e1f button svg, .c6e3f315ea333 svg, .cd80eb09f7090 svg,
.c8c147c68d124 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c8c147c68d124:focus-visible, .cb81136e82e1f button:focus-visible, .c6e3f315ea333:focus-visible, .cd80eb09f7090:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c8c147c68d124:focus-visible svg, .cb81136e82e1f button:focus-visible svg, .c6e3f315ea333:focus-visible svg, .cd80eb09f7090:focus-visible svg,
.c8c147c68d124:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c8c147c68d124:hover, .cb81136e82e1f button:hover, .c6e3f315ea333:hover, .cd80eb09f7090:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c8c147c68d124:hover svg, .cb81136e82e1f button:hover svg, .c6e3f315ea333:hover svg, .cd80eb09f7090:hover svg,
.c8c147c68d124:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c8c147c68d124:active, .cb81136e82e1f button:active, .c6e3f315ea333:active, .cd80eb09f7090:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c8c147c68d124:active svg, .cb81136e82e1f button:active svg, .c6e3f315ea333:active svg, .cd80eb09f7090:active svg,
.c8c147c68d124:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c8c147c68d124.disabled, .cb81136e82e1f button.disabled, .c6e3f315ea333.disabled, .cd80eb09f7090.disabled, .c8c147c68d124[disabled], .cb81136e82e1f button[disabled], [disabled].c6e3f315ea333, [disabled].cd80eb09f7090, .c8c147c68d124:disabled, .cb81136e82e1f button:disabled, .c6e3f315ea333:disabled, .cd80eb09f7090:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c8c147c68d124.disabled svg, .cb81136e82e1f button.disabled svg, .c6e3f315ea333.disabled svg, .cd80eb09f7090.disabled svg,
.c8c147c68d124.disabled span svg, .c8c147c68d124[disabled] svg, .cb81136e82e1f button[disabled] svg, [disabled].c6e3f315ea333 svg, [disabled].cd80eb09f7090 svg,
.c8c147c68d124[disabled] span svg, .c8c147c68d124:disabled svg, .cb81136e82e1f button:disabled svg, .c6e3f315ea333:disabled svg, .cd80eb09f7090:disabled svg,
.c8c147c68d124:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c4f10367a0853 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c4f10367a0853 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ce330e2bd58b0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ce330e2bd58b0 svg,
.ce330e2bd58b0 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ce330e2bd58b0:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ce330e2bd58b0:focus-visible svg,
.ce330e2bd58b0:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ce330e2bd58b0:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ce330e2bd58b0:hover svg,
.ce330e2bd58b0:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ce330e2bd58b0:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ce330e2bd58b0:active svg,
.ce330e2bd58b0:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c1f55eb5544ab {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c750a33a3b132 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c57c3ca4057d8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c57c3ca4057d8:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c57c3ca4057d8:focus-visible svg,
.c57c3ca4057d8:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c57c3ca4057d8:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c57c3ca4057d8:active {
  border: none;
  background-color: transparent;
}

.cb22f43ee4cfd, .c6e3f315ea333 svg, .cd80eb09f7090 svg, .ca8fd29de4f6c, .ce8c352249b0d span svg, .cb81136e82e1f button svg, .ce6d2caabaf4b.intermediate svg, .c9d4a11c62634 label span.intermediate svg, .ce6d2caabaf4b.checked svg, .c9d4a11c62634 label span.checked svg, .ce8a3338ffcf0 span svg,
.ce8a3338ffcf0 label svg, .cfdd72ee061c5 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c81e1dc2924d1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c81e1dc2924d1:hover {
  fill: none;
  stroke: none;
}

.ca8fd29de4f6c, .ce8c352249b0d span svg, .cb81136e82e1f button svg, .ce6d2caabaf4b.intermediate svg, .c9d4a11c62634 label span.intermediate svg, .ce6d2caabaf4b.checked svg, .c9d4a11c62634 label span.checked svg, .ce8a3338ffcf0 span svg,
.ce8a3338ffcf0 label svg, .cfdd72ee061c5 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cb87d62514b42 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cb87d62514b42:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c24804f280ba9, .c1b4440d01161 input, .c2b3b05bf49a9 input, .ce8a3338ffcf0 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c24804f280ba9, .c1b4440d01161 input, .c2b3b05bf49a9 input, .ce8a3338ffcf0 input {
    height: 23px;
  }
}
.c24804f280ba9, .c1b4440d01161 input, .c2b3b05bf49a9 input, .ce8a3338ffcf0 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c24804f280ba9[disabled], .c1b4440d01161 input[disabled], .c2b3b05bf49a9 input[disabled], .ce8a3338ffcf0 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cfdd72ee061c5 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c6f9a5bef1cdd, .ce8a3338ffcf0 span,
.ce8a3338ffcf0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6f9a5bef1cdd, .ce8a3338ffcf0 span,
  .ce8a3338ffcf0 label {
    height: 25px;
  }
}
.c6f9a5bef1cdd, .ce8a3338ffcf0 span,
.ce8a3338ffcf0 label {
  color: var(--input-foreground-color);
}

.ce8a3338ffcf0 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce8a3338ffcf0 {
    height: 25px;
    font-size: 10px;
  }
}
.ce8a3338ffcf0 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ce8a3338ffcf0 span svg,
.ce8a3338ffcf0 label svg {
  color: var(--input-foreground-color);
}
.ce8a3338ffcf0 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ce8a3338ffcf0 ::placeholder {
  color: var(--input-placeholder-color);
}
.ce8a3338ffcf0:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce8a3338ffcf0:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ce8a3338ffcf0:hover span {
  color: var(--input-foreground-color-hover);
}
.ce8a3338ffcf0:hover input {
  color: var(--input-foreground-color-hover);
}
.ce8a3338ffcf0:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ce8a3338ffcf0:active span {
  color: var(--input-foreground-color-active);
}
.ce8a3338ffcf0:active input {
  color: var(--input-foreground-color-active);
}
.ce8a3338ffcf0:focus, .ce8a3338ffcf0:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce8a3338ffcf0:focus span, .ce8a3338ffcf0:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ce8a3338ffcf0:focus input, .ce8a3338ffcf0:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ce8a3338ffcf0:focus:hover, .ce8a3338ffcf0:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce8a3338ffcf0:focus:hover span, .ce8a3338ffcf0:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ce8a3338ffcf0:focus:hover input, .ce8a3338ffcf0:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c2b3b05bf49a9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c2b3b05bf49a9 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c2b3b05bf49a9 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c2b3b05bf49a9 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c2b3b05bf49a9:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c2b3b05bf49a9:focus-within input, .c2b3b05bf49a9:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c957ae20c1748, .c1b4440d01161.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c957ae20c1748 input, .c1b4440d01161.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c957ae20c1748 span svg, .c1b4440d01161.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ce6d2caabaf4b, .c9d4a11c62634 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ce6d2caabaf4b svg, .c9d4a11c62634 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ce6d2caabaf4b:hover, .c9d4a11c62634 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ce6d2caabaf4b:focus, .c9d4a11c62634 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ce6d2caabaf4b.checked, .c9d4a11c62634 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ce6d2caabaf4b.checked svg, .c9d4a11c62634 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ce6d2caabaf4b.intermediate, .c9d4a11c62634 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ce6d2caabaf4b.intermediate svg, .c9d4a11c62634 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ce6d2caabaf4b.unchecked, .c9d4a11c62634 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ce6d2caabaf4b.unchecked svg, .c9d4a11c62634 label span.unchecked svg {
  display: none;
}

.c9d4a11c62634 {
  display: flex;
  align-items: center;
}
.c9d4a11c62634 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c9d4a11c62634 label input {
  margin: 0;
}
.c9d4a11c62634 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c9d4a11c62634 label:focus span, .c9d4a11c62634 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c1b4440d01161 {
  display: flex;
  flex-direction: column;
}
.c1b4440d01161 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c1b4440d01161 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c1b4440d01161 input:focus-within input, .c1b4440d01161 input:active input {
  color: var(--input-foreground-color-active);
}
.c1b4440d01161 input:focus-within, .c1b4440d01161 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1b4440d01161.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c5686c553334d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c57d041b7c51a, .c5b1cca578315 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c570e6634c93c, .c36a3e356dd82 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c6e3f315ea333, .cd80eb09f7090 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c6f97d57bf202 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c9653b4c62a99 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cfe12a5bb3e82 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc058fa7e40bf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c072a859863a9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c1017f334277e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c1017f334277e:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cf77d0df765c8 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ced4e7d40d59a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c38d810d3ef8d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cd391bd584a33 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ccc6206e12aeb {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ccc6206e12aeb:hover, .ccc6206e12aeb:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cb81136e82e1f div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cb81136e82e1f button {
  display: none;
}
.cb81136e82e1f button svg {
  stroke: var(--icon-foreground);
}
.cb81136e82e1f:hover button {
  display: flex;
}

.ca2504aa562b3 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ca2504aa562b3 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ca2504aa562b3 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c0821f6e2731a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c0821f6e2731a:hover div {
  color: var(--entry-foreground-color-hover);
}

.c04f5f761f9f7 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c5f0061fe289b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c5f0061fe289b:hover {
  background-color: var(--menu-background-color-hover);
}

.ce8c352249b0d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ce8c352249b0d span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ce8c352249b0d span svg {
  stroke: var(--icon-foreground);
}
.ce8c352249b0d:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ce8c352249b0d:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c51de621d4815 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c21d9d994f852 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c2d8010bacefe,
.cbb4af260846d {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c4a2b04a588fa .c2d8010bacefe,
.c4a2b04a588fa .cbb4af260846d {
  transform: scale(1);
}

.ce17e7777a1eb .c2d8010bacefe,
.ce17e7777a1eb .cbb4af260846d {
  transform: scale(0);
}

.c36a3e356dd82 {
  max-width: 55.5rem;
  width: 100%;
  max-height: unset;
}

.c700b4832c01e {
  color: var(--modal-title-foreground-color);
  margin-bottom: 2rem;
}

.cbf6a4fedb7fe {
  display: flex;
  color: var(--color-foreground-secondary);
  padding-block-end: 2rem;
  gap: 2rem;
}

.c6aeb407715c2 {
  margin: 2rem 0;
}

.c898619c1efae {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
}
.c898619c1efae:last-child {
  margin-bottom: 0;
}

.c81f683de0d2c {
  color: var(--color-foreground-primary);
  margin-inline-end: 0.25rem;
}

.ce674da50095f {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  background: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
  border-radius: 90px;
}

.c647e07285052 {
  margin: 0;
}

.c3748aada9d6f {
  display: flex;
  justify-content: end;
}

.c2e0cb536313a {
  flex: 0 1 50%;
}
.c2e0cb536313a :last-child {
  margin-block-end: 0;
}

.c982082db05c1 {
  flex: 0 1 50%;
}
.c982082db05c1 img {
  border-radius: 8px;
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}

@keyframes ccbaeed8602ef {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c3908c919a80e {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c3908c919a80e:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c3908c919a80e ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c3908c919a80e ::-webkit-scrollbar-track,
.c3908c919a80e ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c3908c919a80e ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c3908c919a80e ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c3908c919a80e ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c3908c919a80e ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c3908c919a80e ::placeholder,
.c3908c919a80e ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c9d02713ac337, .c23a23f3f8a7f, .c9b7ed9cc702a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c9d02713ac337 svg, .c23a23f3f8a7f svg, .c9b7ed9cc702a svg,
.c9d02713ac337 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c9d02713ac337:focus-visible, .c23a23f3f8a7f:focus-visible, .c9b7ed9cc702a:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c9d02713ac337:focus-visible svg, .c23a23f3f8a7f:focus-visible svg, .c9b7ed9cc702a:focus-visible svg,
.c9d02713ac337:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c9d02713ac337:hover, .c23a23f3f8a7f:hover, .c9b7ed9cc702a:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c9d02713ac337:hover svg, .c23a23f3f8a7f:hover svg, .c9b7ed9cc702a:hover svg,
.c9d02713ac337:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c9d02713ac337:active, .c23a23f3f8a7f:active, .c9b7ed9cc702a:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c9d02713ac337:active svg, .c23a23f3f8a7f:active svg, .c9b7ed9cc702a:active svg,
.c9d02713ac337:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c9d02713ac337.disabled, .c23a23f3f8a7f.disabled, .c9b7ed9cc702a.disabled, .c9d02713ac337[disabled], [disabled].c23a23f3f8a7f, [disabled].c9b7ed9cc702a, .c9d02713ac337:disabled, .c23a23f3f8a7f:disabled, .c9b7ed9cc702a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c588c46a98f0a, .cf6bcdce08d62 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c588c46a98f0a svg, .cf6bcdce08d62 svg,
.c588c46a98f0a span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c588c46a98f0a:focus-visible, .cf6bcdce08d62:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c588c46a98f0a:focus-visible svg, .cf6bcdce08d62:focus-visible svg,
.c588c46a98f0a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c588c46a98f0a:hover, .cf6bcdce08d62:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c588c46a98f0a:hover svg, .cf6bcdce08d62:hover svg,
.c588c46a98f0a:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c588c46a98f0a:active, .cf6bcdce08d62:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c588c46a98f0a:active svg, .cf6bcdce08d62:active svg,
.c588c46a98f0a:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c588c46a98f0a.disabled, .cf6bcdce08d62.disabled, .c588c46a98f0a[disabled], [disabled].cf6bcdce08d62, .c588c46a98f0a:disabled, .cf6bcdce08d62:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c97c75d806bef {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c97c75d806bef svg,
.c97c75d806bef span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c97c75d806bef:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c97c75d806bef:focus-visible svg,
.c97c75d806bef:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c97c75d806bef:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c97c75d806bef:hover svg,
.c97c75d806bef:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c97c75d806bef:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c97c75d806bef:active svg,
.c97c75d806bef:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c97c75d806bef.disabled, .c97c75d806bef[disabled], .c97c75d806bef:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c68148bb7ceae, .cc13ab0e3b9b8 button, .c11462fee1d8c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c68148bb7ceae svg, .cc13ab0e3b9b8 button svg, .c11462fee1d8c svg,
.c68148bb7ceae span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c68148bb7ceae:focus-visible, .cc13ab0e3b9b8 button:focus-visible, .c11462fee1d8c:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c68148bb7ceae:focus-visible svg, .cc13ab0e3b9b8 button:focus-visible svg, .c11462fee1d8c:focus-visible svg,
.c68148bb7ceae:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c68148bb7ceae:hover, .cc13ab0e3b9b8 button:hover, .c11462fee1d8c:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c68148bb7ceae:hover svg, .cc13ab0e3b9b8 button:hover svg, .c11462fee1d8c:hover svg,
.c68148bb7ceae:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c68148bb7ceae:active, .cc13ab0e3b9b8 button:active, .c11462fee1d8c:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c68148bb7ceae:active svg, .cc13ab0e3b9b8 button:active svg, .c11462fee1d8c:active svg,
.c68148bb7ceae:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c68148bb7ceae.disabled, .cc13ab0e3b9b8 button.disabled, .c11462fee1d8c.disabled, .c68148bb7ceae[disabled], .cc13ab0e3b9b8 button[disabled], [disabled].c11462fee1d8c, .c68148bb7ceae:disabled, .cc13ab0e3b9b8 button:disabled, .c11462fee1d8c:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c68148bb7ceae.disabled svg, .cc13ab0e3b9b8 button.disabled svg, .c11462fee1d8c.disabled svg,
.c68148bb7ceae.disabled span svg, .c68148bb7ceae[disabled] svg, .cc13ab0e3b9b8 button[disabled] svg, [disabled].c11462fee1d8c svg,
.c68148bb7ceae[disabled] span svg, .c68148bb7ceae:disabled svg, .cc13ab0e3b9b8 button:disabled svg, .c11462fee1d8c:disabled svg,
.c68148bb7ceae:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cce04dd7dcf32 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cce04dd7dcf32 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cf17d7fab63db {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cf17d7fab63db svg,
.cf17d7fab63db span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cf17d7fab63db:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cf17d7fab63db:focus-visible svg,
.cf17d7fab63db:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cf17d7fab63db:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cf17d7fab63db:hover svg,
.cf17d7fab63db:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cf17d7fab63db:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cf17d7fab63db:active svg,
.cf17d7fab63db:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c0fb79b2ffebb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c75ef4e82696f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ceda078de5b06 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ceda078de5b06:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ceda078de5b06:focus-visible svg,
.ceda078de5b06:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ceda078de5b06:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ceda078de5b06:active {
  border: none;
  background-color: transparent;
}

.c73c388d4fef8, .c11462fee1d8c svg, .cdcabb3fdb0c4, .c7eaee351e472 .cc8a2e779bcf1 svg, .cc57b26675174 .c5d52ea9ba2c0 .cb696a171868b svg, .c04ee5393912a span svg, .cc57b26675174 .c5d52ea9ba2c0 span svg, .cc13ab0e3b9b8 button svg, .c1b9f2099f8d0.intermediate svg, .c59a87816beae label span.intermediate svg, .c1b9f2099f8d0.checked svg, .c59a87816beae label span.checked svg, .cbbf142e9c615 span svg,
.cbbf142e9c615 label svg, .cb58a702b5116 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c80624ff2bf24 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c80624ff2bf24:hover {
  fill: none;
  stroke: none;
}

.cdcabb3fdb0c4, .c7eaee351e472 .cc8a2e779bcf1 svg, .cc57b26675174 .c5d52ea9ba2c0 .cb696a171868b svg, .c04ee5393912a span svg, .cc57b26675174 .c5d52ea9ba2c0 span svg, .cc13ab0e3b9b8 button svg, .c1b9f2099f8d0.intermediate svg, .c59a87816beae label span.intermediate svg, .c1b9f2099f8d0.checked svg, .c59a87816beae label span.checked svg, .cbbf142e9c615 span svg,
.cbbf142e9c615 label svg, .cb58a702b5116 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cddf1d10665e5 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cddf1d10665e5:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c83776403a79e, .c524aa34ff78a input, .c4e6e33a6644b input, .cbbf142e9c615 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c83776403a79e, .c524aa34ff78a input, .c4e6e33a6644b input, .cbbf142e9c615 input {
    height: 23px;
  }
}
.c83776403a79e, .c524aa34ff78a input, .c4e6e33a6644b input, .cbbf142e9c615 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c83776403a79e[disabled], .c524aa34ff78a input[disabled], .c4e6e33a6644b input[disabled], .cbbf142e9c615 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cb58a702b5116 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ce3205ff3b9ae, .cbbf142e9c615 span,
.cbbf142e9c615 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce3205ff3b9ae, .cbbf142e9c615 span,
  .cbbf142e9c615 label {
    height: 25px;
  }
}
.ce3205ff3b9ae, .cbbf142e9c615 span,
.cbbf142e9c615 label {
  color: var(--input-foreground-color);
}

.cbbf142e9c615 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbbf142e9c615 {
    height: 25px;
    font-size: 10px;
  }
}
.cbbf142e9c615 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cbbf142e9c615 span svg,
.cbbf142e9c615 label svg {
  color: var(--input-foreground-color);
}
.cbbf142e9c615 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cbbf142e9c615 ::placeholder {
  color: var(--input-placeholder-color);
}
.cbbf142e9c615:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbbf142e9c615:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cbbf142e9c615:hover span {
  color: var(--input-foreground-color-hover);
}
.cbbf142e9c615:hover input {
  color: var(--input-foreground-color-hover);
}
.cbbf142e9c615:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cbbf142e9c615:active span {
  color: var(--input-foreground-color-active);
}
.cbbf142e9c615:active input {
  color: var(--input-foreground-color-active);
}
.cbbf142e9c615:focus, .cbbf142e9c615:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbbf142e9c615:focus span, .cbbf142e9c615:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cbbf142e9c615:focus input, .cbbf142e9c615:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cbbf142e9c615:focus:hover, .cbbf142e9c615:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbbf142e9c615:focus:hover span, .cbbf142e9c615:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cbbf142e9c615:focus:hover input, .cbbf142e9c615:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c4e6e33a6644b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c4e6e33a6644b input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c4e6e33a6644b ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4e6e33a6644b ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4e6e33a6644b:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c4e6e33a6644b:focus-within input, .c4e6e33a6644b:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c5e3353b9c0b2, .c524aa34ff78a.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c5e3353b9c0b2 input, .c524aa34ff78a.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c5e3353b9c0b2 span svg, .c524aa34ff78a.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c1b9f2099f8d0, .c59a87816beae label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c1b9f2099f8d0 svg, .c59a87816beae label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c1b9f2099f8d0:hover, .c59a87816beae label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c1b9f2099f8d0:focus, .c59a87816beae label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c1b9f2099f8d0.checked, .c59a87816beae label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c1b9f2099f8d0.checked svg, .c59a87816beae label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c1b9f2099f8d0.intermediate, .c59a87816beae label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c1b9f2099f8d0.intermediate svg, .c59a87816beae label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c1b9f2099f8d0.unchecked, .c59a87816beae label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c1b9f2099f8d0.unchecked svg, .c59a87816beae label span.unchecked svg {
  display: none;
}

.c59a87816beae {
  display: flex;
  align-items: center;
}
.c59a87816beae label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c59a87816beae label input {
  margin: 0;
}
.c59a87816beae label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c59a87816beae label:focus span, .c59a87816beae label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c524aa34ff78a {
  display: flex;
  flex-direction: column;
}
.c524aa34ff78a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c524aa34ff78a input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c524aa34ff78a input:focus-within input, .c524aa34ff78a input:active input {
  color: var(--input-foreground-color-active);
}
.c524aa34ff78a input:focus-within, .c524aa34ff78a input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c524aa34ff78a.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c475264d8472e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c7441d8ff21c9 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cd751d17df930 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c11462fee1d8c {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c5ea8f2cd4af0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cab41ffcc2e44 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cf6bcdce08d62 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c9b7ed9cc702a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c23a23f3f8a7f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce179c74ec89b, .c7eaee351e472 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce179c74ec89b:hover, .c7eaee351e472:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c72b75b6d5194 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c33baa6cdadd4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cc330d0d15f2e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c8d1f2375e1a2 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c7fdef4de0169 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c7fdef4de0169:hover, .c7fdef4de0169:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cc13ab0e3b9b8 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cc13ab0e3b9b8 button {
  display: none;
}
.cc13ab0e3b9b8 button svg {
  stroke: var(--icon-foreground);
}
.cc13ab0e3b9b8:hover button {
  display: flex;
}

.ce1e87b1b0e89 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ce1e87b1b0e89 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ce1e87b1b0e89 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c3c24614afd6e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c3c24614afd6e:hover div {
  color: var(--entry-foreground-color-hover);
}

.c919de7c5ed7d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cae8636467fe9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cae8636467fe9:hover {
  background-color: var(--menu-background-color-hover);
}

.c04ee5393912a, .cc57b26675174 .c5d52ea9ba2c0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c04ee5393912a span, .cc57b26675174 .c5d52ea9ba2c0 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c04ee5393912a span svg, .cc57b26675174 .c5d52ea9ba2c0 span svg {
  stroke: var(--icon-foreground);
}
.c04ee5393912a:hover, .cc57b26675174 .c5d52ea9ba2c0:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c04ee5393912a:hover span svg, .cc57b26675174 .c5d52ea9ba2c0:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cd134f732a73e, .cc57b26675174 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cf12f9c247aa1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cc0dee81bf993,
.cc8682204ef60 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cde3d340da552 .cc0dee81bf993,
.cde3d340da552 .cc8682204ef60 {
  transform: scale(1);
}

.c2adf0f08b21a .cc0dee81bf993,
.c2adf0f08b21a .cc8682204ef60 {
  transform: scale(0);
}

.c365e45343294 {
  display: grid;
  grid-template-columns: repeat(8, var(--column-width, 1.75rem));
  -moz-column-gap: var(--sp-9);
       column-gap: var(--sp-9);
  grid-column: 1/-1;
}

.c7eaee351e472 {
  position: relative;
  grid-column: span 6;
  display: flex;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c7eaee351e472 {
    height: 25px;
  }
}
.c7eaee351e472 {
  padding: 0.5rem;
  border-radius: 8px;
}
.c7eaee351e472 .cc8a2e779bcf1 {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.c7eaee351e472 .cc8a2e779bcf1 svg {
  stroke: none;
  transform: rotate(90deg);
}
.c7eaee351e472:hover .cc8a2e779bcf1 svg {
  stroke: var(--input-foreground-color-active);
}

.c384e170292c8 {
  grid-column: span 2;
}

.c089e2e925cff {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  cursor: pointer;
}

.cc57b26675174 {
  margin-top: 0.125rem;
  max-height: 70vh;
  width: 15.75rem;
}
.cc57b26675174 .c5d52ea9ba2c0 .cf7c36331536a {
  display: flex;
  gap: 0.5rem;
  flex-grow: 1;
}
.cc57b26675174 .c5d52ea9ba2c0 .cf7c36331536a .ca371e927250f {
  color: var(--menu-foreground-color-rest);
}
.cc57b26675174 .c5d52ea9ba2c0 .cf7c36331536a .c6324fe88d93e {
  color: var(--menu-foreground-color-rest);
}
.cc57b26675174 .c5d52ea9ba2c0 .cb696a171868b {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc57b26675174 .c5d52ea9ba2c0 .cb696a171868b svg {
  stroke: none;
}
.cc57b26675174 .c5d52ea9ba2c0.cb5d667819c88 {
  pointer-events: none;
  cursor: default;
}
.cc57b26675174 .c5d52ea9ba2c0.cb5d667819c88 .ca371e927250f {
  color: var(--menu-foreground-color);
}
.cc57b26675174 .c5d52ea9ba2c0.c47c950f93f20 .cf7c36331536a .ca371e927250f {
  color: var(--menu-foreground-color-hover);
}
.cc57b26675174 .c5d52ea9ba2c0.c47c950f93f20 .cb696a171868b svg {
  stroke: var(--menu-foreground-color-hover);
}
.cc57b26675174 .c5d52ea9ba2c0:hover {
  background-color: var(--menu-background-color-hover);
}
.cc57b26675174 .c5d52ea9ba2c0:hover .cf7c36331536a .ca371e927250f {
  color: var(--menu-foreground-color-hover);
}
.cc57b26675174 .c5d52ea9ba2c0:hover .cb696a171868b svg {
  stroke: var(--menu-foreground-color-hover);
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --left-sidebar-width: 20.5rem;
  --left-sidebar-width-max: 31.25rem;
  --right-sidebar-width: 20.4375rem;
  --right-sidebar-width-max: 48rem;
  --7-columns-dropdown-width: calc(1.75rem * (8 - 1) + var(--sp-9) * (8 - 2));
  --options-width: calc(1.75rem * 8 + var(--sp-9) * (8 - 1));
  --grid-exception-input-width: 7.5rem;
  --column-width: 1.75rem;
}
@keyframes c3f7898757960 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c73ab7f915a7d {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c73ab7f915a7d:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c73ab7f915a7d ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c73ab7f915a7d ::-webkit-scrollbar-track,
.c73ab7f915a7d ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c73ab7f915a7d ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c73ab7f915a7d ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c73ab7f915a7d ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c73ab7f915a7d ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c73ab7f915a7d ::placeholder,
.c73ab7f915a7d ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c35fe8f6ee577, .c8a3359559bd3, .c87c6b3203dfd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c35fe8f6ee577 svg, .c8a3359559bd3 svg, .c87c6b3203dfd svg,
.c35fe8f6ee577 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c35fe8f6ee577:focus-visible, .c8a3359559bd3:focus-visible, .c87c6b3203dfd:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c35fe8f6ee577:focus-visible svg, .c8a3359559bd3:focus-visible svg, .c87c6b3203dfd:focus-visible svg,
.c35fe8f6ee577:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c35fe8f6ee577:hover, .c8a3359559bd3:hover, .c87c6b3203dfd:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c35fe8f6ee577:hover svg, .c8a3359559bd3:hover svg, .c87c6b3203dfd:hover svg,
.c35fe8f6ee577:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c35fe8f6ee577:active, .c8a3359559bd3:active, .c87c6b3203dfd:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c35fe8f6ee577:active svg, .c8a3359559bd3:active svg, .c87c6b3203dfd:active svg,
.c35fe8f6ee577:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c35fe8f6ee577.disabled, .c8a3359559bd3.disabled, .c87c6b3203dfd.disabled, .c35fe8f6ee577[disabled], [disabled].c8a3359559bd3, [disabled].c87c6b3203dfd, .c35fe8f6ee577:disabled, .c8a3359559bd3:disabled, .c87c6b3203dfd:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3bed1463f84a, .c29008da5bed0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c3bed1463f84a svg, .c29008da5bed0 svg,
.c3bed1463f84a span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c3bed1463f84a:focus-visible, .c29008da5bed0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c3bed1463f84a:focus-visible svg, .c29008da5bed0:focus-visible svg,
.c3bed1463f84a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c3bed1463f84a:hover, .c29008da5bed0:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c3bed1463f84a:hover svg, .c29008da5bed0:hover svg,
.c3bed1463f84a:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c3bed1463f84a:active, .c29008da5bed0:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c3bed1463f84a:active svg, .c29008da5bed0:active svg,
.c3bed1463f84a:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c3bed1463f84a.disabled, .c29008da5bed0.disabled, .c3bed1463f84a[disabled], [disabled].c29008da5bed0, .c3bed1463f84a:disabled, .c29008da5bed0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb22d9a249a36 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cb22d9a249a36 svg,
.cb22d9a249a36 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cb22d9a249a36:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb22d9a249a36:focus-visible svg,
.cb22d9a249a36:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb22d9a249a36:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cb22d9a249a36:hover svg,
.cb22d9a249a36:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cb22d9a249a36:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cb22d9a249a36:active svg,
.cb22d9a249a36:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cb22d9a249a36.disabled, .cb22d9a249a36[disabled], .cb22d9a249a36:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb6322f6119ca, .cda337102f58c button, .c67350ff2bea4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cb6322f6119ca svg, .cda337102f58c button svg, .c67350ff2bea4 svg,
.cb6322f6119ca span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cb6322f6119ca:focus-visible, .cda337102f58c button:focus-visible, .c67350ff2bea4:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cb6322f6119ca:focus-visible svg, .cda337102f58c button:focus-visible svg, .c67350ff2bea4:focus-visible svg,
.cb6322f6119ca:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cb6322f6119ca:hover, .cda337102f58c button:hover, .c67350ff2bea4:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cb6322f6119ca:hover svg, .cda337102f58c button:hover svg, .c67350ff2bea4:hover svg,
.cb6322f6119ca:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cb6322f6119ca:active, .cda337102f58c button:active, .c67350ff2bea4:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cb6322f6119ca:active svg, .cda337102f58c button:active svg, .c67350ff2bea4:active svg,
.cb6322f6119ca:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cb6322f6119ca.disabled, .cda337102f58c button.disabled, .c67350ff2bea4.disabled, .cb6322f6119ca[disabled], .cda337102f58c button[disabled], [disabled].c67350ff2bea4, .cb6322f6119ca:disabled, .cda337102f58c button:disabled, .c67350ff2bea4:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cb6322f6119ca.disabled svg, .cda337102f58c button.disabled svg, .c67350ff2bea4.disabled svg,
.cb6322f6119ca.disabled span svg, .cb6322f6119ca[disabled] svg, .cda337102f58c button[disabled] svg, [disabled].c67350ff2bea4 svg,
.cb6322f6119ca[disabled] span svg, .cb6322f6119ca:disabled svg, .cda337102f58c button:disabled svg, .c67350ff2bea4:disabled svg,
.cb6322f6119ca:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ccbe6dcaf092e {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ccbe6dcaf092e svg {
  color: var(--button-icon-foreground-color-selected);
}

.c4d9130057052 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c4d9130057052 svg,
.c4d9130057052 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c4d9130057052:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c4d9130057052:focus-visible svg,
.c4d9130057052:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c4d9130057052:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c4d9130057052:hover svg,
.c4d9130057052:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c4d9130057052:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c4d9130057052:active svg,
.c4d9130057052:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cd46db8872986 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c231dfcff8f12 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1a989b86976a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c1a989b86976a:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c1a989b86976a:focus-visible svg,
.c1a989b86976a:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c1a989b86976a:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c1a989b86976a:active {
  border: none;
  background-color: transparent;
}

.c36c177818564, .c67350ff2bea4 svg, .c6b2aa86a5810, .c4676920ec579 span svg, .cda337102f58c button svg, .c3a2eb7004fbe.intermediate svg, .c5fe2cc026de1 label span.intermediate svg, .c3a2eb7004fbe.checked svg, .c5fe2cc026de1 label span.checked svg, .c23bad7c8976c span svg,
.c23bad7c8976c label svg, .c3259d8721ff3 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c068fdbe0a9f9 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c068fdbe0a9f9:hover {
  fill: none;
  stroke: none;
}

.c6b2aa86a5810, .c4676920ec579 span svg, .cda337102f58c button svg, .c3a2eb7004fbe.intermediate svg, .c5fe2cc026de1 label span.intermediate svg, .c3a2eb7004fbe.checked svg, .c5fe2cc026de1 label span.checked svg, .c23bad7c8976c span svg,
.c23bad7c8976c label svg, .c3259d8721ff3 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c6ddf39ae3940 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c6ddf39ae3940:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ce21457f5c47c, .caef563815029 input, .cc9ebe446c1d7 input, .c23bad7c8976c input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ce21457f5c47c, .caef563815029 input, .cc9ebe446c1d7 input, .c23bad7c8976c input {
    height: 23px;
  }
}
.ce21457f5c47c, .caef563815029 input, .cc9ebe446c1d7 input, .c23bad7c8976c input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ce21457f5c47c[disabled], .caef563815029 input[disabled], .cc9ebe446c1d7 input[disabled], .c23bad7c8976c input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c3259d8721ff3 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c82ed43a09923, .c23bad7c8976c span,
.c23bad7c8976c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c82ed43a09923, .c23bad7c8976c span,
  .c23bad7c8976c label {
    height: 25px;
  }
}
.c82ed43a09923, .c23bad7c8976c span,
.c23bad7c8976c label {
  color: var(--input-foreground-color);
}

.c23bad7c8976c {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c23bad7c8976c {
    height: 25px;
    font-size: 10px;
  }
}
.c23bad7c8976c {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c23bad7c8976c span svg,
.c23bad7c8976c label svg {
  color: var(--input-foreground-color);
}
.c23bad7c8976c ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c23bad7c8976c ::placeholder {
  color: var(--input-placeholder-color);
}
.c23bad7c8976c:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c23bad7c8976c:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c23bad7c8976c:hover span {
  color: var(--input-foreground-color-hover);
}
.c23bad7c8976c:hover input {
  color: var(--input-foreground-color-hover);
}
.c23bad7c8976c:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c23bad7c8976c:active span {
  color: var(--input-foreground-color-active);
}
.c23bad7c8976c:active input {
  color: var(--input-foreground-color-active);
}
.c23bad7c8976c:focus, .c23bad7c8976c:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c23bad7c8976c:focus span, .c23bad7c8976c:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c23bad7c8976c:focus input, .c23bad7c8976c:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c23bad7c8976c:focus:hover, .c23bad7c8976c:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c23bad7c8976c:focus:hover span, .c23bad7c8976c:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c23bad7c8976c:focus:hover input, .c23bad7c8976c:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cc9ebe446c1d7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cc9ebe446c1d7 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cc9ebe446c1d7 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc9ebe446c1d7 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc9ebe446c1d7:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cc9ebe446c1d7:focus-within input, .cc9ebe446c1d7:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ccecabe6f8f35, .caef563815029.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ccecabe6f8f35 input, .caef563815029.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ccecabe6f8f35 span svg, .caef563815029.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c3a2eb7004fbe, .c5fe2cc026de1 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c3a2eb7004fbe svg, .c5fe2cc026de1 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c3a2eb7004fbe:hover, .c5fe2cc026de1 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c3a2eb7004fbe:focus, .c5fe2cc026de1 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c3a2eb7004fbe.checked, .c5fe2cc026de1 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c3a2eb7004fbe.checked svg, .c5fe2cc026de1 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c3a2eb7004fbe.intermediate, .c5fe2cc026de1 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c3a2eb7004fbe.intermediate svg, .c5fe2cc026de1 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c3a2eb7004fbe.unchecked, .c5fe2cc026de1 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c3a2eb7004fbe.unchecked svg, .c5fe2cc026de1 label span.unchecked svg {
  display: none;
}

.c5fe2cc026de1 {
  display: flex;
  align-items: center;
}
.c5fe2cc026de1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c5fe2cc026de1 label input {
  margin: 0;
}
.c5fe2cc026de1 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5fe2cc026de1 label:focus span, .c5fe2cc026de1 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.caef563815029 {
  display: flex;
  flex-direction: column;
}
.caef563815029 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.caef563815029 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.caef563815029 input:focus-within input, .caef563815029 input:active input {
  color: var(--input-foreground-color-active);
}
.caef563815029 input:focus-within, .caef563815029 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.caef563815029.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c739ab61287dd {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c6a0febb2ca3c {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c881337948fca {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c67350ff2bea4 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cc019927781f4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c59cc45d8ef96 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c29008da5bed0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c87c6b3203dfd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c8a3359559bd3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c0a7d76a934f7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c0a7d76a934f7:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c575a77db292c {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cffba2ca0590e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c9030dc5ee81f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cea2251be46cf {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c9a5d7a2ce48a {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c9a5d7a2ce48a:hover, .c9a5d7a2ce48a:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cda337102f58c div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cda337102f58c button {
  display: none;
}
.cda337102f58c button svg {
  stroke: var(--icon-foreground);
}
.cda337102f58c:hover button {
  display: flex;
}

.cfcc6bb060f67 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cfcc6bb060f67 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cfcc6bb060f67 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c1c5afad03878 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c1c5afad03878:hover div {
  color: var(--entry-foreground-color-hover);
}

.c97693d7199b2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cc7e75807e8c9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cc7e75807e8c9:hover {
  background-color: var(--menu-background-color-hover);
}

.c4676920ec579 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c4676920ec579 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c4676920ec579 span svg {
  stroke: var(--icon-foreground);
}
.c4676920ec579:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c4676920ec579:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c08fb1b924b11 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cacf7c357d439 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ccb472e43cb8e,
.c8ccf34a6008f {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cdae445e702c0 .ccb472e43cb8e,
.cdae445e702c0 .c8ccf34a6008f {
  transform: scale(1);
}

.ca45c96088529 .ccb472e43cb8e,
.ca45c96088529 .c8ccf34a6008f {
  transform: scale(0);
}

.ccd21e9051916 {
  margin-top: 0.25rem;
}

.cd1d4f21a5c7c {
  padding: 0 0 0 0.25rem;
}

.c33a2d55bcd4c {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr 1.75rem;
  align-items: center;
  height: 2rem;
  padding: 0.5rem;
  padding-inline-end: 0;
  margin-bottom: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  cursor: pointer;
}
.c33a2d55bcd4c.c2db09c44b503 {
  border: 1px solid var(--assets-item-border-color);
}
.c33a2d55bcd4c.cb0da4419375e {
  border: 1px solid var(--input-border-color-focus);
}
.c33a2d55bcd4c.cb0da4419375e input.c13194d285555 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border: none;
  background: none;
  outline: none;
  width: 100%;
  min-width: 0;
  margin: 0;
  color: var(--layer-row-foreground-color);
}
.c33a2d55bcd4c:hover {
  background-color: var(--assets-item-background-color-hover);
}

.caf6fb61823ee {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  justify-content: flex-start;
  margin-inline-end: 0.25rem;
}

.cf796fe537cbe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  min-width: 0;
  color: var(--assets-item-name-foreground-color);
}

.cbfe646b47088 {
  margin-inline-start: 0.25rem;
  color: var(--assets-item-name-foreground-color-rest);
}

.cf30a39e92228 {
  margin-left: 0.375rem;
}

.c13194d285555 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-foreground-primary);
}

.c4b21f2765a52 {
  height: 0.125rem;
  margin-bottom: 0.125rem;
  background-color: var(--color-accent-primary);
}

.cbbebd4f943e3 {
  height: 0.75rem;
}

.c540983d2cc2f {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background-color: var(--assets-item-background-color-drag);
  border: 0.125rem solid var(--assets-item-border-color-drag);
}
@keyframes cd3e6104f45bd {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cb4efec648a33 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cb4efec648a33:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cb4efec648a33 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cb4efec648a33 ::-webkit-scrollbar-track,
.cb4efec648a33 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cb4efec648a33 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cb4efec648a33 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cb4efec648a33 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb4efec648a33 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb4efec648a33 ::placeholder,
.cb4efec648a33 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cf987ec98014b, .c9e367b572b62, .c62eaecd8c019 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cf987ec98014b svg, .c9e367b572b62 svg, .c62eaecd8c019 svg,
.cf987ec98014b span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cf987ec98014b:focus-visible, .c9e367b572b62:focus-visible, .c62eaecd8c019:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cf987ec98014b:focus-visible svg, .c9e367b572b62:focus-visible svg, .c62eaecd8c019:focus-visible svg,
.cf987ec98014b:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cf987ec98014b:hover, .c9e367b572b62:hover, .c62eaecd8c019:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cf987ec98014b:hover svg, .c9e367b572b62:hover svg, .c62eaecd8c019:hover svg,
.cf987ec98014b:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cf987ec98014b:active, .c9e367b572b62:active, .c62eaecd8c019:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cf987ec98014b:active svg, .c9e367b572b62:active svg, .c62eaecd8c019:active svg,
.cf987ec98014b:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cf987ec98014b.disabled, .c9e367b572b62.disabled, .c62eaecd8c019.disabled, .cf987ec98014b[disabled], [disabled].c9e367b572b62, [disabled].c62eaecd8c019, .cf987ec98014b:disabled, .c9e367b572b62:disabled, .c62eaecd8c019:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7956e2bc9b27, .ce9384cc0d042 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c7956e2bc9b27 svg, .ce9384cc0d042 svg,
.c7956e2bc9b27 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c7956e2bc9b27:focus-visible, .ce9384cc0d042:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c7956e2bc9b27:focus-visible svg, .ce9384cc0d042:focus-visible svg,
.c7956e2bc9b27:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c7956e2bc9b27:hover, .ce9384cc0d042:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c7956e2bc9b27:hover svg, .ce9384cc0d042:hover svg,
.c7956e2bc9b27:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c7956e2bc9b27:active, .ce9384cc0d042:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c7956e2bc9b27:active svg, .ce9384cc0d042:active svg,
.c7956e2bc9b27:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c7956e2bc9b27.disabled, .ce9384cc0d042.disabled, .c7956e2bc9b27[disabled], [disabled].ce9384cc0d042, .c7956e2bc9b27:disabled, .ce9384cc0d042:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca0c96577ab38 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ca0c96577ab38 svg,
.ca0c96577ab38 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ca0c96577ab38:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca0c96577ab38:focus-visible svg,
.ca0c96577ab38:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca0c96577ab38:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ca0c96577ab38:hover svg,
.ca0c96577ab38:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ca0c96577ab38:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ca0c96577ab38:active svg,
.ca0c96577ab38:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ca0c96577ab38.disabled, .ca0c96577ab38[disabled], .ca0c96577ab38:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ccf11dba73435, .c90f667d56805 button, .c104bbf854b6f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ccf11dba73435 svg, .c90f667d56805 button svg, .c104bbf854b6f svg,
.ccf11dba73435 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ccf11dba73435:focus-visible, .c90f667d56805 button:focus-visible, .c104bbf854b6f:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ccf11dba73435:focus-visible svg, .c90f667d56805 button:focus-visible svg, .c104bbf854b6f:focus-visible svg,
.ccf11dba73435:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ccf11dba73435:hover, .c90f667d56805 button:hover, .c104bbf854b6f:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ccf11dba73435:hover svg, .c90f667d56805 button:hover svg, .c104bbf854b6f:hover svg,
.ccf11dba73435:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ccf11dba73435:active, .c90f667d56805 button:active, .c104bbf854b6f:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ccf11dba73435:active svg, .c90f667d56805 button:active svg, .c104bbf854b6f:active svg,
.ccf11dba73435:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ccf11dba73435.disabled, .c90f667d56805 button.disabled, .c104bbf854b6f.disabled, .ccf11dba73435[disabled], .c90f667d56805 button[disabled], [disabled].c104bbf854b6f, .ccf11dba73435:disabled, .c90f667d56805 button:disabled, .c104bbf854b6f:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ccf11dba73435.disabled svg, .c90f667d56805 button.disabled svg, .c104bbf854b6f.disabled svg,
.ccf11dba73435.disabled span svg, .ccf11dba73435[disabled] svg, .c90f667d56805 button[disabled] svg, [disabled].c104bbf854b6f svg,
.ccf11dba73435[disabled] span svg, .ccf11dba73435:disabled svg, .c90f667d56805 button:disabled svg, .c104bbf854b6f:disabled svg,
.ccf11dba73435:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cae6f0fd774ac {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cae6f0fd774ac svg {
  color: var(--button-icon-foreground-color-selected);
}

.cb4a098084e9a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cb4a098084e9a svg,
.cb4a098084e9a span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cb4a098084e9a:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cb4a098084e9a:focus-visible svg,
.cb4a098084e9a:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cb4a098084e9a:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cb4a098084e9a:hover svg,
.cb4a098084e9a:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cb4a098084e9a:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cb4a098084e9a:active svg,
.cb4a098084e9a:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c3579c9a687aa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c45c47be1baec {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbfc98bf1e8c9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cbfc98bf1e8c9:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cbfc98bf1e8c9:focus-visible svg,
.cbfc98bf1e8c9:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cbfc98bf1e8c9:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cbfc98bf1e8c9:active {
  border: none;
  background-color: transparent;
}

.c6d4eab61e4d9, .c104bbf854b6f svg, .cc67cfbc0c9b5, .cf690954529cf span svg, .c90f667d56805 button svg, .ccf804fee8bde.intermediate svg, .ccc2589e7df33 label span.intermediate svg, .ccf804fee8bde.checked svg, .ccc2589e7df33 label span.checked svg, .ca43ad566f540 span svg,
.ca43ad566f540 label svg, .c8648d954a5b9 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cf414da2f0f75 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cf414da2f0f75:hover {
  fill: none;
  stroke: none;
}

.cc67cfbc0c9b5, .cf690954529cf span svg, .c90f667d56805 button svg, .ccf804fee8bde.intermediate svg, .ccc2589e7df33 label span.intermediate svg, .ccf804fee8bde.checked svg, .ccc2589e7df33 label span.checked svg, .ca43ad566f540 span svg,
.ca43ad566f540 label svg, .c8648d954a5b9 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c2d038693c8af {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c2d038693c8af:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c688725d1ba3b, .cbd414de29de0 input, .c4146bbe9b0c3 input, .ca43ad566f540 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c688725d1ba3b, .cbd414de29de0 input, .c4146bbe9b0c3 input, .ca43ad566f540 input {
    height: 23px;
  }
}
.c688725d1ba3b, .cbd414de29de0 input, .c4146bbe9b0c3 input, .ca43ad566f540 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c688725d1ba3b[disabled], .cbd414de29de0 input[disabled], .c4146bbe9b0c3 input[disabled], .ca43ad566f540 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c8648d954a5b9 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c073c76fa8ee7, .ca43ad566f540 span,
.ca43ad566f540 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c073c76fa8ee7, .ca43ad566f540 span,
  .ca43ad566f540 label {
    height: 25px;
  }
}
.c073c76fa8ee7, .ca43ad566f540 span,
.ca43ad566f540 label {
  color: var(--input-foreground-color);
}

.ca43ad566f540 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca43ad566f540 {
    height: 25px;
    font-size: 10px;
  }
}
.ca43ad566f540 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ca43ad566f540 span svg,
.ca43ad566f540 label svg {
  color: var(--input-foreground-color);
}
.ca43ad566f540 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ca43ad566f540 ::placeholder {
  color: var(--input-placeholder-color);
}
.ca43ad566f540:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ca43ad566f540:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ca43ad566f540:hover span {
  color: var(--input-foreground-color-hover);
}
.ca43ad566f540:hover input {
  color: var(--input-foreground-color-hover);
}
.ca43ad566f540:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ca43ad566f540:active span {
  color: var(--input-foreground-color-active);
}
.ca43ad566f540:active input {
  color: var(--input-foreground-color-active);
}
.ca43ad566f540:focus, .ca43ad566f540:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca43ad566f540:focus span, .ca43ad566f540:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ca43ad566f540:focus input, .ca43ad566f540:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ca43ad566f540:focus:hover, .ca43ad566f540:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca43ad566f540:focus:hover span, .ca43ad566f540:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ca43ad566f540:focus:hover input, .ca43ad566f540:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c4146bbe9b0c3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c4146bbe9b0c3 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c4146bbe9b0c3 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4146bbe9b0c3 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4146bbe9b0c3:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c4146bbe9b0c3:focus-within input, .c4146bbe9b0c3:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cfe02d3e142a0, .cbd414de29de0.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cfe02d3e142a0 input, .cbd414de29de0.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cfe02d3e142a0 span svg, .cbd414de29de0.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ccf804fee8bde, .ccc2589e7df33 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ccf804fee8bde svg, .ccc2589e7df33 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ccf804fee8bde:hover, .ccc2589e7df33 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ccf804fee8bde:focus, .ccc2589e7df33 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ccf804fee8bde.checked, .ccc2589e7df33 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ccf804fee8bde.checked svg, .ccc2589e7df33 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ccf804fee8bde.intermediate, .ccc2589e7df33 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ccf804fee8bde.intermediate svg, .ccc2589e7df33 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ccf804fee8bde.unchecked, .ccc2589e7df33 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ccf804fee8bde.unchecked svg, .ccc2589e7df33 label span.unchecked svg {
  display: none;
}

.ccc2589e7df33 {
  display: flex;
  align-items: center;
}
.ccc2589e7df33 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ccc2589e7df33 label input {
  margin: 0;
}
.ccc2589e7df33 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ccc2589e7df33 label:focus span, .ccc2589e7df33 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cbd414de29de0 {
  display: flex;
  flex-direction: column;
}
.cbd414de29de0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cbd414de29de0 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cbd414de29de0 input:focus-within input, .cbd414de29de0 input:active input {
  color: var(--input-foreground-color-active);
}
.cbd414de29de0 input:focus-within, .cbd414de29de0 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbd414de29de0.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cdfd488e1665b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ca2264475f19a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cf27e083e22a2 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c104bbf854b6f {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c384c19d76e48 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c084c2190cf40 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ce9384cc0d042 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c62eaecd8c019 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c9e367b572b62 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cde4dad2c4185 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cde4dad2c4185:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cd85265075a8b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c54b81c3def51 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ceedff6e20c2c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cd34ac3ca3e6b {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c950fa6b61507 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c950fa6b61507:hover, .c950fa6b61507:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c90f667d56805 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c90f667d56805 button {
  display: none;
}
.c90f667d56805 button svg {
  stroke: var(--icon-foreground);
}
.c90f667d56805:hover button {
  display: flex;
}

.c581e608973f6 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c581e608973f6 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c581e608973f6 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c0fd62e596adc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c0fd62e596adc:hover div {
  color: var(--entry-foreground-color-hover);
}

.c5ba9999781e4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cc435f1aaa623 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cc435f1aaa623:hover {
  background-color: var(--menu-background-color-hover);
}

.cf690954529cf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cf690954529cf span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf690954529cf span svg {
  stroke: var(--icon-foreground);
}
.cf690954529cf:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cf690954529cf:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c2643d2143d65 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c7f373fb7e883 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cc76e98de7226,
.c76698c81beae {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c0b8904bf9749 .cc76e98de7226,
.c0b8904bf9749 .c76698c81beae {
  transform: scale(1);
}

.c641367b8441a .cc76e98de7226,
.c641367b8441a .c76698c81beae {
  transform: scale(0);
}

.c36bbcb2606f3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  align-items: center;
  flex-grow: 1;
  width: 100%;
}

.ca832160905c4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  text-transform: capitalize;
}

.c087d5fc24069 {
  color: var(--assets-item-name-foreground-color, --color-foreground-primary);
}

.c7f440716ef43 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 0.125rem;
}
.c7f440716ef43 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  fill: none;
  stroke: currentColor;
}

.c30a505901599 {
  display: flex;
  align-items: center;
  margin: 0 0.125rem;
}

.c14518beb9b94 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 0.5rem;
}

.cde037aee1afe {
  padding-block-start: 0.25rem;
}

.cc6775c8c0c14.cd85b7c5fc5ea {
  margin-bottom: 0.75rem;
}

.c5dd679601950 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(1.5rem - 0.125rem);
  background-color: var(--assets-item-name-background-color);
  color: var(--assets-item-name-foreground-color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0.25rem;
  padding-inline: 0.25rem;
  z-index: 2;
}
.light {
  --color-accent-primary: #6911d4;
  --color-accent-primary-muted: #e1d2f5;
  --color-accent-secondary: #1345aa;
  --color-accent-tertiary: #8c33eb;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(105, 17, 212, 0.6);
  --color-accent-select: rgba(140, 51, 235, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #a7e8d9;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #fedeac;
  --color-accent-error: #c80857;
  --color-background-error: #ffcada;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #bae3fd;
  --color-background-default: #fff;
  --color-accent-default: #eef0f2;
  --color-icon-default: #495e74;
  --color-background-disabled: #e8eaee;
  --color-background-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(255, 255, 255, 0.6);
  --color-overlay-onboarding: rgba(255, 255, 255, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #ddf7ff;
  --color-token-border: #77e1f3;
  --color-token-accent: #59acbb;
  --color-token-foreground: #1d4464;
  --color-badge-premium: #fe9c07;
}

.default {
  --color-accent-primary: #7efff5;
  --color-accent-primary-muted: #426158;
  --color-accent-secondary: #bb97d8;
  --color-accent-tertiary: #00d1b8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(126, 255, 245, 0.6);
  --color-accent-select: rgba(0, 209, 184, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #0a2927;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #3d2501;
  --color-accent-error: #c80857;
  --color-background-error: #500124;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #082c49;
  --color-background-default: #181A19;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-background-disabled: #535353;
  --color-background-primary: #181A19;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #535353;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
}

.cc6aad49d2d1d {
  position: relative;
  cursor: pointer;
}

.cd9d7434318e4 {
  aspect-ratio: 1/1;
  padding: var(--sp-s);
  border-radius: 0.5rem;
  background-color: var(--color-canvas);
  overflow: hidden;
}
.cd9d7434318e4:hover .c3e6292347666 {
  display: flex;
}
.cd9d7434318e4.c6852c3965535 {
  border: 0.125rem solid var(--color-accent-primary);
}
.cd9d7434318e4.c6852c3965535::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.25rem solid var(--color-background-primary);
  border-radius: 0.5rem;
}

.c3e6292347666 {
  display: none;
  align-items: center;
  position: absolute;
  height: 1.5rem;
  left: var(--sp-xs);
  right: var(--sp-xs);
  bottom: var(--sp-xs);
  padding: var(--sp-xxs) var(--sp-s);
  border-radius: 0.25rem;
  background-color: var(--color-background-primary);
  color: var(--color-foreground-primary);
  padding: 0;
}
.c3e6292347666.c607bada3df37 {
  display: flex;
}

.c95169137ecc5 {
  border-radius: 0.25rem;
}

.cd315be0b67b0 {
  padding: 0 var(--sp-s);
}

.cd8683cee6e1d {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  -moz-column-gap: var(--sp-s);
       column-gap: var(--sp-s);
  padding: var(--sp-xxs);
  margin-inline-end: var(--sp-xxs);
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
}
.cd8683cee6e1d:hover {
  background-color: var(--color-background-quaternary);
}
.cd8683cee6e1d.c6852c3965535 {
  outline: 0.0625rem solid var(--color-accent-primary);
}

.c6e24ac2f9e30 {
  overflow: hidden;
  order: 2;
  display: flex;
  align-items: center;
  color: var(--color-foreground-primary);
  padding: 0;
}

.c09242a1ddca1 {
  border-radius: 0.5rem;
  height: 1.875rem;
}

.c1e66b9def468 {
  padding: 0;
}

.c565ae1e83533 {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  border: 0;
}

.c83cface9d6bf {
  flex-shrink: 0;
  padding: var(--sp-xxs);
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 0.375rem;
  background-color: var(--color-canvas);
}

.c43ea9d9965f7 {
  margin-right: var(--sp-xs);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
  color: var(--color-accent-secondary);
  order: 3;
}

.c9130ef6a6cc5 {
  margin: 0;
  position: absolute;
  right: var(--sp-xxs);
  top: var(--sp-xxs);
  border-radius: 0.5rem;
  background-color: var(--color-background-tertiary);
}

.cd0c6f34fcd47 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--sp-s);
  border: 0.125rem solid var(--color-accent-primary-muted);
}

.ccdab42ceb6a1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-xs);
}

.c75c5f8199250 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
  max-width: 100%;
  gap: var(--sp-xs);
  margin-inline: var(--sp-s);
}

.c4d043abce49e {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.cbc6d043cf8a7 {
  width: 100%;
  height: var(--sp-xxs);
  border-radius: 0.5rem;
  background-color: var(--color-accent-primary);
}

.c358f8ce63b34 {
  height: var(--sp-m);
}

.ce4a5865440f0 {
  height: var(--sp-xxs);
}
@keyframes c23f4fd60cbb0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ce4500148a268 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ce4500148a268:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ce4500148a268 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ce4500148a268 ::-webkit-scrollbar-track,
.ce4500148a268 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ce4500148a268 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ce4500148a268 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ce4500148a268 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ce4500148a268 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ce4500148a268 ::placeholder,
.ce4500148a268 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c551a6fc93b2b, .c7ffc7e3e6fd6, .c88793c5abc1b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c551a6fc93b2b svg, .c7ffc7e3e6fd6 svg, .c88793c5abc1b svg,
.c551a6fc93b2b span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c551a6fc93b2b:focus-visible, .c7ffc7e3e6fd6:focus-visible, .c88793c5abc1b:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c551a6fc93b2b:focus-visible svg, .c7ffc7e3e6fd6:focus-visible svg, .c88793c5abc1b:focus-visible svg,
.c551a6fc93b2b:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c551a6fc93b2b:hover, .c7ffc7e3e6fd6:hover, .c88793c5abc1b:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c551a6fc93b2b:hover svg, .c7ffc7e3e6fd6:hover svg, .c88793c5abc1b:hover svg,
.c551a6fc93b2b:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c551a6fc93b2b:active, .c7ffc7e3e6fd6:active, .c88793c5abc1b:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c551a6fc93b2b:active svg, .c7ffc7e3e6fd6:active svg, .c88793c5abc1b:active svg,
.c551a6fc93b2b:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c551a6fc93b2b.disabled, .c7ffc7e3e6fd6.disabled, .c88793c5abc1b.disabled, .c551a6fc93b2b[disabled], [disabled].c7ffc7e3e6fd6, [disabled].c88793c5abc1b, .c551a6fc93b2b:disabled, .c7ffc7e3e6fd6:disabled, .c88793c5abc1b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c90132bd89adc, .c5aa39b35434e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c90132bd89adc svg, .c5aa39b35434e svg,
.c90132bd89adc span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c90132bd89adc:focus-visible, .c5aa39b35434e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c90132bd89adc:focus-visible svg, .c5aa39b35434e:focus-visible svg,
.c90132bd89adc:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c90132bd89adc:hover, .c5aa39b35434e:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c90132bd89adc:hover svg, .c5aa39b35434e:hover svg,
.c90132bd89adc:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c90132bd89adc:active, .c5aa39b35434e:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c90132bd89adc:active svg, .c5aa39b35434e:active svg,
.c90132bd89adc:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c90132bd89adc.disabled, .c5aa39b35434e.disabled, .c90132bd89adc[disabled], [disabled].c5aa39b35434e, .c90132bd89adc:disabled, .c5aa39b35434e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca5f24d54c948 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ca5f24d54c948 svg,
.ca5f24d54c948 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ca5f24d54c948:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca5f24d54c948:focus-visible svg,
.ca5f24d54c948:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca5f24d54c948:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ca5f24d54c948:hover svg,
.ca5f24d54c948:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ca5f24d54c948:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ca5f24d54c948:active svg,
.ca5f24d54c948:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ca5f24d54c948.disabled, .ca5f24d54c948[disabled], .ca5f24d54c948:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c674c782673ca, .cfdea163bc179, .c0a2db371a658 button, .c7a5bfa82c6a2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c674c782673ca svg, .cfdea163bc179 svg, .c0a2db371a658 button svg, .c7a5bfa82c6a2 svg,
.c674c782673ca span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c674c782673ca:focus-visible, .cfdea163bc179:focus-visible, .c0a2db371a658 button:focus-visible, .c7a5bfa82c6a2:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c674c782673ca:focus-visible svg, .cfdea163bc179:focus-visible svg, .c0a2db371a658 button:focus-visible svg, .c7a5bfa82c6a2:focus-visible svg,
.c674c782673ca:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c674c782673ca:hover, .cfdea163bc179:hover, .c0a2db371a658 button:hover, .c7a5bfa82c6a2:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c674c782673ca:hover svg, .cfdea163bc179:hover svg, .c0a2db371a658 button:hover svg, .c7a5bfa82c6a2:hover svg,
.c674c782673ca:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c674c782673ca:active, .cfdea163bc179:active, .c0a2db371a658 button:active, .c7a5bfa82c6a2:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c674c782673ca:active svg, .cfdea163bc179:active svg, .c0a2db371a658 button:active svg, .c7a5bfa82c6a2:active svg,
.c674c782673ca:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c674c782673ca.disabled, .cfdea163bc179.disabled, .c0a2db371a658 button.disabled, .c7a5bfa82c6a2.disabled, .c674c782673ca[disabled], [disabled].cfdea163bc179, .c0a2db371a658 button[disabled], [disabled].c7a5bfa82c6a2, .c674c782673ca:disabled, .cfdea163bc179:disabled, .c0a2db371a658 button:disabled, .c7a5bfa82c6a2:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c674c782673ca.disabled svg, .cfdea163bc179.disabled svg, .c0a2db371a658 button.disabled svg, .c7a5bfa82c6a2.disabled svg,
.c674c782673ca.disabled span svg, .c674c782673ca[disabled] svg, [disabled].cfdea163bc179 svg, .c0a2db371a658 button[disabled] svg, [disabled].c7a5bfa82c6a2 svg,
.c674c782673ca[disabled] span svg, .c674c782673ca:disabled svg, .cfdea163bc179:disabled svg, .c0a2db371a658 button:disabled svg, .c7a5bfa82c6a2:disabled svg,
.c674c782673ca:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cbbb1ca412e5c {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cbbb1ca412e5c svg {
  color: var(--button-icon-foreground-color-selected);
}

.cfbacefee58b2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cfbacefee58b2 svg,
.cfbacefee58b2 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cfbacefee58b2:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cfbacefee58b2:focus-visible svg,
.cfbacefee58b2:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cfbacefee58b2:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cfbacefee58b2:hover svg,
.cfbacefee58b2:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cfbacefee58b2:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cfbacefee58b2:active svg,
.cfbacefee58b2:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c948ab6e18f4a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cdef5151e08ba {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1b8985523c2b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c1b8985523c2b:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c1b8985523c2b:focus-visible svg,
.c1b8985523c2b:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c1b8985523c2b:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c1b8985523c2b:active {
  border: none;
  background-color: transparent;
}

.cc8f94df1a655, .cfdea163bc179 svg, .cdd2523d23abc svg, .c7a5bfa82c6a2 svg, .c381a565279d0, .c391b6a24aa3a span svg, .c0a2db371a658 button svg, .ccbd6e48e58bb.intermediate svg, .c345afda63079 label span.intermediate svg, .ccbd6e48e58bb.checked svg, .c345afda63079 label span.checked svg, .cfdb69e0baa03 span svg,
.cfdb69e0baa03 label svg, .c2bd85f7203a5 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c4cec6f838406 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c4cec6f838406:hover {
  fill: none;
  stroke: none;
}

.c381a565279d0, .c391b6a24aa3a span svg, .c0a2db371a658 button svg, .ccbd6e48e58bb.intermediate svg, .c345afda63079 label span.intermediate svg, .ccbd6e48e58bb.checked svg, .c345afda63079 label span.checked svg, .cfdb69e0baa03 span svg,
.cfdb69e0baa03 label svg, .c2bd85f7203a5 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ca8f5e95cfb54 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ca8f5e95cfb54:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c290f4b365386, .c3471fb34c29e input, .caac3cc8ba075 input, .cfdb69e0baa03 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c290f4b365386, .c3471fb34c29e input, .caac3cc8ba075 input, .cfdb69e0baa03 input {
    height: 23px;
  }
}
.c290f4b365386, .c3471fb34c29e input, .caac3cc8ba075 input, .cfdb69e0baa03 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c290f4b365386[disabled], .c3471fb34c29e input[disabled], .caac3cc8ba075 input[disabled], .cfdb69e0baa03 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c2bd85f7203a5 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cbf745155ef6e, .cfdb69e0baa03 span,
.cfdb69e0baa03 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbf745155ef6e, .cfdb69e0baa03 span,
  .cfdb69e0baa03 label {
    height: 25px;
  }
}
.cbf745155ef6e, .cfdb69e0baa03 span,
.cfdb69e0baa03 label {
  color: var(--input-foreground-color);
}

.cfdb69e0baa03 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cfdb69e0baa03 {
    height: 25px;
    font-size: 10px;
  }
}
.cfdb69e0baa03 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cfdb69e0baa03 span svg,
.cfdb69e0baa03 label svg {
  color: var(--input-foreground-color);
}
.cfdb69e0baa03 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cfdb69e0baa03 ::placeholder {
  color: var(--input-placeholder-color);
}
.cfdb69e0baa03:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cfdb69e0baa03:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cfdb69e0baa03:hover span {
  color: var(--input-foreground-color-hover);
}
.cfdb69e0baa03:hover input {
  color: var(--input-foreground-color-hover);
}
.cfdb69e0baa03:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cfdb69e0baa03:active span {
  color: var(--input-foreground-color-active);
}
.cfdb69e0baa03:active input {
  color: var(--input-foreground-color-active);
}
.cfdb69e0baa03:focus, .cfdb69e0baa03:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cfdb69e0baa03:focus span, .cfdb69e0baa03:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cfdb69e0baa03:focus input, .cfdb69e0baa03:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cfdb69e0baa03:focus:hover, .cfdb69e0baa03:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cfdb69e0baa03:focus:hover span, .cfdb69e0baa03:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cfdb69e0baa03:focus:hover input, .cfdb69e0baa03:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.caac3cc8ba075 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.caac3cc8ba075 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.caac3cc8ba075 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.caac3cc8ba075 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.caac3cc8ba075:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.caac3cc8ba075:focus-within input, .caac3cc8ba075:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cba2b7b67d4f4, .c3471fb34c29e.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cba2b7b67d4f4 input, .c3471fb34c29e.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cba2b7b67d4f4 span svg, .c3471fb34c29e.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ccbd6e48e58bb, .c345afda63079 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ccbd6e48e58bb svg, .c345afda63079 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ccbd6e48e58bb:hover, .c345afda63079 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ccbd6e48e58bb:focus, .c345afda63079 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ccbd6e48e58bb.checked, .c345afda63079 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ccbd6e48e58bb.checked svg, .c345afda63079 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ccbd6e48e58bb.intermediate, .c345afda63079 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ccbd6e48e58bb.intermediate svg, .c345afda63079 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ccbd6e48e58bb.unchecked, .c345afda63079 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ccbd6e48e58bb.unchecked svg, .c345afda63079 label span.unchecked svg {
  display: none;
}

.c345afda63079 {
  display: flex;
  align-items: center;
}
.c345afda63079 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c345afda63079 label input {
  margin: 0;
}
.c345afda63079 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c345afda63079 label:focus span, .c345afda63079 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c3471fb34c29e {
  display: flex;
  flex-direction: column;
}
.c3471fb34c29e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c3471fb34c29e input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c3471fb34c29e input:focus-within input, .c3471fb34c29e input:active input {
  color: var(--input-foreground-color-active);
}
.c3471fb34c29e input:focus-within, .c3471fb34c29e input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3471fb34c29e.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf64b41ee7551 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ceb74a84f1067 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c2ed10553dfa1 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c7a5bfa82c6a2 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ca5973cb6a0f8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc700bc1902f1 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c5aa39b35434e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c88793c5abc1b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c7ffc7e3e6fd6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c9682c8c651e6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c9682c8c651e6:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c426eb7d25595 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c9fa60de32804 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c97e8d530cc37 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c28081cce287c {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c388c7765e5ff {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c388c7765e5ff:hover, .c388c7765e5ff:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c0a2db371a658 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c0a2db371a658 button {
  display: none;
}
.c0a2db371a658 button svg {
  stroke: var(--icon-foreground);
}
.c0a2db371a658:hover button {
  display: flex;
}

.ceff688082fd9 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ceff688082fd9 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ceff688082fd9 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c4b091a00093a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c4b091a00093a:hover div {
  color: var(--entry-foreground-color-hover);
}

.ccc7a5ac3d0db {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cce0a2e9c090d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cce0a2e9c090d:hover {
  background-color: var(--menu-background-color-hover);
}

.c391b6a24aa3a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c391b6a24aa3a span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c391b6a24aa3a span svg {
  stroke: var(--icon-foreground);
}
.c391b6a24aa3a:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c391b6a24aa3a:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ca66e4eaa9b4b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c74acea423d0d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c6bf46db73609,
.c24e523525859 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c9fbcec2ceb87 .c6bf46db73609,
.c9fbcec2ceb87 .c24e523525859 {
  transform: scale(1);
}

.c1dc1f7483053 .c6bf46db73609,
.c1dc1f7483053 .c24e523525859 {
  transform: scale(0);
}

.cc75cb8b2863f {
  padding: 0 0 1.5rem 0.75rem;
  display: grid;
  grid-auto-rows: max-content;
  gap: 0.25rem;
  height: 100%;
}

.c30e20157045b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 100;
  height: 100%;
}

.c5785b24fa0bf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 2rem;
  padding-left: calc(0.75rem + 0.125rem);
  color: var(--color-foreground-secondary);
}

.c86566f8d8056 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--title-foreground-color-hover);
  margin-left: 0.125rem;
  text-align: left;
}

.cfdea163bc179 {
  height: 2rem;
  width: 1.75rem;
  border-radius: 8px;
}
.cfdea163bc179 svg {
  stroke: none;
  fill: var(--title-foreground-color-hover);
}

.caf2a7fce1648 {
  width: 100%;
  display: grid;
  grid-auto-rows: max-content;
  gap: 0.25rem;
}

.c62995f4894a3 {
  margin-left: 1.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.cdd2523d23abc {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--not-found-background-color);
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
}
.cdd2523d23abc svg {
  height: 1.5rem;
  width: 1.5rem;
  stroke: var(--not-found-foreground-color);
}

.cc13a9451a2b4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--not-found-foreground-color);
}
@keyframes c03d7c261de7d {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c9b1b83154855 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c9b1b83154855:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c9b1b83154855 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c9b1b83154855 ::-webkit-scrollbar-track,
.c9b1b83154855 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c9b1b83154855 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c9b1b83154855 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c9b1b83154855 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9b1b83154855 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9b1b83154855 ::placeholder,
.c9b1b83154855 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cb12d2cf5494e, .c7d512d1ad1af, .c493ff6c24719.ce0cc9ba7ee1b, .c2d9a5d48fcc3, .c493ff6c24719 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cb12d2cf5494e svg, .c7d512d1ad1af svg, .c493ff6c24719.ce0cc9ba7ee1b svg, .c2d9a5d48fcc3 svg, .c493ff6c24719 svg,
.cb12d2cf5494e span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cb12d2cf5494e:focus-visible, .c7d512d1ad1af:focus-visible, .c2d9a5d48fcc3:focus-visible, .c493ff6c24719:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cb12d2cf5494e:focus-visible svg, .c7d512d1ad1af:focus-visible svg, .c2d9a5d48fcc3:focus-visible svg, .c493ff6c24719:focus-visible svg,
.cb12d2cf5494e:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cb12d2cf5494e:hover, .c7d512d1ad1af:hover, .c2d9a5d48fcc3:hover, .c493ff6c24719:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cb12d2cf5494e:hover svg, .c7d512d1ad1af:hover svg, .c2d9a5d48fcc3:hover svg, .c493ff6c24719:hover svg,
.cb12d2cf5494e:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cb12d2cf5494e:active, .c7d512d1ad1af:active, .c2d9a5d48fcc3:active, .c493ff6c24719:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cb12d2cf5494e:active svg, .c7d512d1ad1af:active svg, .c2d9a5d48fcc3:active svg, .c493ff6c24719:active svg,
.cb12d2cf5494e:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cb12d2cf5494e.disabled, .c7d512d1ad1af.disabled, .c2d9a5d48fcc3.disabled, .c493ff6c24719.disabled, .cb12d2cf5494e[disabled], [disabled].c7d512d1ad1af, [disabled].c2d9a5d48fcc3, [disabled].c493ff6c24719, .cb12d2cf5494e:disabled, .c7d512d1ad1af:disabled, .c2d9a5d48fcc3:disabled, .c493ff6c24719:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ccea595594372, .c25844709524e, .cdbb4071fc7ce {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ccea595594372 svg, .c25844709524e svg, .cdbb4071fc7ce svg,
.ccea595594372 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ccea595594372:focus-visible, .c25844709524e:focus-visible, .cdbb4071fc7ce:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ccea595594372:focus-visible svg, .c25844709524e:focus-visible svg, .cdbb4071fc7ce:focus-visible svg,
.ccea595594372:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ccea595594372:hover, .c25844709524e:hover, .cdbb4071fc7ce:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ccea595594372:hover svg, .c25844709524e:hover svg, .cdbb4071fc7ce:hover svg,
.ccea595594372:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ccea595594372:active, .c25844709524e:active, .cdbb4071fc7ce:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ccea595594372:active svg, .c25844709524e:active svg, .cdbb4071fc7ce:active svg,
.ccea595594372:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ccea595594372.disabled, .c25844709524e.disabled, .cdbb4071fc7ce.disabled, .ccea595594372[disabled], [disabled].c25844709524e, [disabled].cdbb4071fc7ce, .ccea595594372:disabled, .c25844709524e:disabled, .cdbb4071fc7ce:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c14ab9d25b0fc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c14ab9d25b0fc svg,
.c14ab9d25b0fc span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c14ab9d25b0fc:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c14ab9d25b0fc:focus-visible svg,
.c14ab9d25b0fc:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c14ab9d25b0fc:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c14ab9d25b0fc:hover svg,
.c14ab9d25b0fc:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c14ab9d25b0fc:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c14ab9d25b0fc:active svg,
.c14ab9d25b0fc:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c14ab9d25b0fc.disabled, .c14ab9d25b0fc[disabled], .c14ab9d25b0fc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c07d138ca02c9, .cc9219b04aa60 button, .c034942a1d2d9, .cbffc5cda57a0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c07d138ca02c9 svg, .cc9219b04aa60 button svg, .c034942a1d2d9 svg, .cbffc5cda57a0 svg,
.c07d138ca02c9 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c07d138ca02c9:focus-visible, .cc9219b04aa60 button:focus-visible, .c034942a1d2d9:focus-visible, .cbffc5cda57a0:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c07d138ca02c9:focus-visible svg, .cc9219b04aa60 button:focus-visible svg, .c034942a1d2d9:focus-visible svg, .cbffc5cda57a0:focus-visible svg,
.c07d138ca02c9:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c07d138ca02c9:hover, .cc9219b04aa60 button:hover, .c034942a1d2d9:hover, .cbffc5cda57a0:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c07d138ca02c9:hover svg, .cc9219b04aa60 button:hover svg, .c034942a1d2d9:hover svg, .cbffc5cda57a0:hover svg,
.c07d138ca02c9:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c07d138ca02c9:active, .cc9219b04aa60 button:active, .c034942a1d2d9:active, .cbffc5cda57a0:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c07d138ca02c9:active svg, .cc9219b04aa60 button:active svg, .c034942a1d2d9:active svg, .cbffc5cda57a0:active svg,
.c07d138ca02c9:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c07d138ca02c9.disabled, .cc9219b04aa60 button.disabled, .c034942a1d2d9.disabled, .cbffc5cda57a0.disabled, .c07d138ca02c9[disabled], .cc9219b04aa60 button[disabled], [disabled].c034942a1d2d9, [disabled].cbffc5cda57a0, .c07d138ca02c9:disabled, .cc9219b04aa60 button:disabled, .c034942a1d2d9:disabled, .cbffc5cda57a0:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c07d138ca02c9.disabled svg, .cc9219b04aa60 button.disabled svg, .c034942a1d2d9.disabled svg, .cbffc5cda57a0.disabled svg,
.c07d138ca02c9.disabled span svg, .c07d138ca02c9[disabled] svg, .cc9219b04aa60 button[disabled] svg, [disabled].c034942a1d2d9 svg, [disabled].cbffc5cda57a0 svg,
.c07d138ca02c9[disabled] span svg, .c07d138ca02c9:disabled svg, .cc9219b04aa60 button:disabled svg, .c034942a1d2d9:disabled svg, .cbffc5cda57a0:disabled svg,
.c07d138ca02c9:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c7c09b6747989 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c7c09b6747989 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cb0793409e481 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cb0793409e481 svg,
.cb0793409e481 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cb0793409e481:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cb0793409e481:focus-visible svg,
.cb0793409e481:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cb0793409e481:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cb0793409e481:hover svg,
.cb0793409e481:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cb0793409e481:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cb0793409e481:active svg,
.cb0793409e481:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cc4cdc02221c6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c6dc5cea33513 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c13a794895af9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c13a794895af9:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c13a794895af9:focus-visible svg,
.c13a794895af9:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c13a794895af9:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c13a794895af9:active {
  border: none;
  background-color: transparent;
}

.c5dbcf5aa3d85, .c034942a1d2d9 svg, .cbffc5cda57a0 svg, .c590f0deebe4c, .c6434b40ebeda span svg, .cc9219b04aa60 button svg, .c27750ae8e70f.intermediate svg, .cd5db6d07d3eb label span.intermediate svg, .c27750ae8e70f.checked svg, .cd5db6d07d3eb label span.checked svg, .cd5cbba3f8e6f span svg,
.cd5cbba3f8e6f label svg, .cd750a4dc9f3b svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ce4ca4da4007b {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ce4ca4da4007b:hover {
  fill: none;
  stroke: none;
}

.c590f0deebe4c, .c6434b40ebeda span svg, .cc9219b04aa60 button svg, .c27750ae8e70f.intermediate svg, .cd5db6d07d3eb label span.intermediate svg, .c27750ae8e70f.checked svg, .cd5db6d07d3eb label span.checked svg, .cd5cbba3f8e6f span svg,
.cd5cbba3f8e6f label svg, .cd750a4dc9f3b svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c3988db54e262 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c3988db54e262:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c1571c735c518, .cb425b564c718 input, .c01b6724ae09f input, .cd29143924d65 input, .cd5cbba3f8e6f input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c1571c735c518, .cb425b564c718 input, .c01b6724ae09f input, .cd29143924d65 input, .cd5cbba3f8e6f input {
    height: 23px;
  }
}
.c1571c735c518, .cb425b564c718 input, .c01b6724ae09f input, .cd29143924d65 input, .cd5cbba3f8e6f input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c1571c735c518[disabled], .cb425b564c718 input[disabled], .c01b6724ae09f input[disabled], .cd29143924d65 input[disabled], .cd5cbba3f8e6f input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cd750a4dc9f3b {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cc33cc824cf2f, .cd5cbba3f8e6f span,
.cd5cbba3f8e6f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc33cc824cf2f, .cd5cbba3f8e6f span,
  .cd5cbba3f8e6f label {
    height: 25px;
  }
}
.cc33cc824cf2f, .cd5cbba3f8e6f span,
.cd5cbba3f8e6f label {
  color: var(--input-foreground-color);
}

.cd5cbba3f8e6f {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd5cbba3f8e6f {
    height: 25px;
    font-size: 10px;
  }
}
.cd5cbba3f8e6f {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cd5cbba3f8e6f span svg,
.cd5cbba3f8e6f label svg {
  color: var(--input-foreground-color);
}
.cd5cbba3f8e6f ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cd5cbba3f8e6f ::placeholder {
  color: var(--input-placeholder-color);
}
.cd5cbba3f8e6f:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd5cbba3f8e6f:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cd5cbba3f8e6f:hover span {
  color: var(--input-foreground-color-hover);
}
.cd5cbba3f8e6f:hover input {
  color: var(--input-foreground-color-hover);
}
.cd5cbba3f8e6f:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cd5cbba3f8e6f:active span {
  color: var(--input-foreground-color-active);
}
.cd5cbba3f8e6f:active input {
  color: var(--input-foreground-color-active);
}
.cd5cbba3f8e6f:focus, .cd5cbba3f8e6f:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd5cbba3f8e6f:focus span, .cd5cbba3f8e6f:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cd5cbba3f8e6f:focus input, .cd5cbba3f8e6f:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cd5cbba3f8e6f:focus:hover, .cd5cbba3f8e6f:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd5cbba3f8e6f:focus:hover span, .cd5cbba3f8e6f:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cd5cbba3f8e6f:focus:hover input, .cd5cbba3f8e6f:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cd29143924d65 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cd29143924d65 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cd29143924d65 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd29143924d65 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd29143924d65:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cd29143924d65:focus-within input, .cd29143924d65:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c1998263e95bc, .cb425b564c718.disabled, .c01b6724ae09f.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c1998263e95bc input, .cb425b564c718.disabled input, .c01b6724ae09f.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c1998263e95bc span svg, .cb425b564c718.disabled span svg, .c01b6724ae09f.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c27750ae8e70f, .cd5db6d07d3eb label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c27750ae8e70f svg, .cd5db6d07d3eb label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c27750ae8e70f:hover, .cd5db6d07d3eb label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c27750ae8e70f:focus, .cd5db6d07d3eb label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c27750ae8e70f.checked, .cd5db6d07d3eb label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c27750ae8e70f.checked svg, .cd5db6d07d3eb label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c27750ae8e70f.intermediate, .cd5db6d07d3eb label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c27750ae8e70f.intermediate svg, .cd5db6d07d3eb label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c27750ae8e70f.unchecked, .cd5db6d07d3eb label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c27750ae8e70f.unchecked svg, .cd5db6d07d3eb label span.unchecked svg {
  display: none;
}

.cd5db6d07d3eb {
  display: flex;
  align-items: center;
}
.cd5db6d07d3eb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cd5db6d07d3eb label input {
  margin: 0;
}
.cd5db6d07d3eb label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd5db6d07d3eb label:focus span, .cd5db6d07d3eb label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cb425b564c718, .c01b6724ae09f {
  display: flex;
  flex-direction: column;
}
.cb425b564c718 label, .c01b6724ae09f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cb425b564c718 input, .c01b6724ae09f input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cb425b564c718 input:focus-within input, .c01b6724ae09f input:focus-within input, .cb425b564c718 input:active input, .c01b6724ae09f input:active input {
  color: var(--input-foreground-color-active);
}
.cb425b564c718 input:focus-within, .c01b6724ae09f input:focus-within, .cb425b564c718 input:active, .c01b6724ae09f input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb425b564c718.invalid input, .c01b6724ae09f.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c8726fd6d9fb6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c97240dad333c, .c029cc9d12c02 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c0db5efa26dde, .c13c6fbd83c3d {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c034942a1d2d9, .cbffc5cda57a0 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cad47d52cf4b6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c052f40e83866, .c19e9df255ef6 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c25844709524e, .cdbb4071fc7ce {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c2d9a5d48fcc3, .c493ff6c24719 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c7d512d1ad1af, .c493ff6c24719.ce0cc9ba7ee1b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cacb887ed4e94 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cacb887ed4e94:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c223f5f1b846c {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c5dcf42c19eaa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c5879fa90a8d8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c3e28db7e5447 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c34ed0ca0b52a {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c34ed0ca0b52a:hover, .c34ed0ca0b52a:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cc9219b04aa60 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cc9219b04aa60 button {
  display: none;
}
.cc9219b04aa60 button svg {
  stroke: var(--icon-foreground);
}
.cc9219b04aa60:hover button {
  display: flex;
}

.c30520e845f56 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c30520e845f56 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c30520e845f56 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c7662a716e4c3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c7662a716e4c3:hover div {
  color: var(--entry-foreground-color-hover);
}

.c62343a631017 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c8f1d951fc9c6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c8f1d951fc9c6:hover {
  background-color: var(--menu-background-color-hover);
}

.c6434b40ebeda {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c6434b40ebeda span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c6434b40ebeda span svg {
  stroke: var(--icon-foreground);
}
.c6434b40ebeda:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c6434b40ebeda:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c2cf57bc04f30 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c76f6ac6a1f87 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c1d490652743a,
.c163683400bc9 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c500aa6e94573 .c1d490652743a,
.c500aa6e94573 .c163683400bc9 {
  transform: scale(1);
}

.ce53a7063c0a7 .c1d490652743a,
.ce53a7063c0a7 .c163683400bc9 {
  transform: scale(0);
}

.ca56a81572d79 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.ca56a81572d79:hover {
  cursor: pointer;
}
.ca56a81572d79:hover .c5e0c6e413782 {
  display: flex;
  align-items: center;
  visibility: visible;
}

.ca56a81572d79 > :first-child {
  flex: 1 1 auto;
}

.c5e0c6e413782 {
  visibility: hidden;
}

.c6167af767fbb {
  padding-left: 0.25rem;
}

.c58a35e196b62 {
  margin-left: 0.125rem;
  text-transform: initial;
  color: var(--title-foreground-color);
}

.cfd52105597f2 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 0.125rem;
  text-transform: initial;
  color: var(--title-foreground-color-hover);
}

.c93752d3aaa20 {
  margin-bottom: 1.5rem;
}

.c423c5c4c9cb4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.c0c680cde7f0c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

.c01b6724ae09f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
@keyframes cc0941421e2f4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cfc77cfac0cfa {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cfc77cfac0cfa:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cfc77cfac0cfa ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cfc77cfac0cfa ::-webkit-scrollbar-track,
.cfc77cfac0cfa ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cfc77cfac0cfa ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cfc77cfac0cfa ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cfc77cfac0cfa ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cfc77cfac0cfa ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cfc77cfac0cfa ::placeholder,
.cfc77cfac0cfa ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c1d011e7fbe73, .c9405fa4879b2, .c1e90f5fecfb9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c1d011e7fbe73 svg, .c9405fa4879b2 svg, .c1e90f5fecfb9 svg,
.c1d011e7fbe73 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c1d011e7fbe73:focus-visible, .c9405fa4879b2:focus-visible, .c1e90f5fecfb9:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c1d011e7fbe73:focus-visible svg, .c9405fa4879b2:focus-visible svg, .c1e90f5fecfb9:focus-visible svg,
.c1d011e7fbe73:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c1d011e7fbe73:hover, .c9405fa4879b2:hover, .c1e90f5fecfb9:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c1d011e7fbe73:hover svg, .c9405fa4879b2:hover svg, .c1e90f5fecfb9:hover svg,
.c1d011e7fbe73:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c1d011e7fbe73:active, .c9405fa4879b2:active, .c1e90f5fecfb9:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c1d011e7fbe73:active svg, .c9405fa4879b2:active svg, .c1e90f5fecfb9:active svg,
.c1d011e7fbe73:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c1d011e7fbe73.disabled, .c9405fa4879b2.disabled, .c1e90f5fecfb9.disabled, .c1d011e7fbe73[disabled], [disabled].c9405fa4879b2, [disabled].c1e90f5fecfb9, .c1d011e7fbe73:disabled, .c9405fa4879b2:disabled, .c1e90f5fecfb9:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb833416495a2, .c06e561c2ec86 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cb833416495a2 svg, .c06e561c2ec86 svg,
.cb833416495a2 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cb833416495a2:focus-visible, .c06e561c2ec86:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb833416495a2:focus-visible svg, .c06e561c2ec86:focus-visible svg,
.cb833416495a2:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb833416495a2:hover, .c06e561c2ec86:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cb833416495a2:hover svg, .c06e561c2ec86:hover svg,
.cb833416495a2:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cb833416495a2:active, .c06e561c2ec86:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cb833416495a2:active svg, .c06e561c2ec86:active svg,
.cb833416495a2:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cb833416495a2.disabled, .c06e561c2ec86.disabled, .cb833416495a2[disabled], [disabled].c06e561c2ec86, .cb833416495a2:disabled, .c06e561c2ec86:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbaf89b0f9f97 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cbaf89b0f9f97 svg,
.cbaf89b0f9f97 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cbaf89b0f9f97:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cbaf89b0f9f97:focus-visible svg,
.cbaf89b0f9f97:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cbaf89b0f9f97:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cbaf89b0f9f97:hover svg,
.cbaf89b0f9f97:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cbaf89b0f9f97:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cbaf89b0f9f97:active svg,
.cbaf89b0f9f97:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cbaf89b0f9f97.disabled, .cbaf89b0f9f97[disabled], .cbaf89b0f9f97:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8396b9870cf7, .cafff77e6db44 button, .c0e11620d5e29 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c8396b9870cf7 svg, .cafff77e6db44 button svg, .c0e11620d5e29 svg,
.c8396b9870cf7 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c8396b9870cf7:focus-visible, .cafff77e6db44 button:focus-visible, .c0e11620d5e29:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c8396b9870cf7:focus-visible svg, .cafff77e6db44 button:focus-visible svg, .c0e11620d5e29:focus-visible svg,
.c8396b9870cf7:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c8396b9870cf7:hover, .cafff77e6db44 button:hover, .c0e11620d5e29:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c8396b9870cf7:hover svg, .cafff77e6db44 button:hover svg, .c0e11620d5e29:hover svg,
.c8396b9870cf7:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c8396b9870cf7:active, .cafff77e6db44 button:active, .c0e11620d5e29:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c8396b9870cf7:active svg, .cafff77e6db44 button:active svg, .c0e11620d5e29:active svg,
.c8396b9870cf7:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c8396b9870cf7.disabled, .cafff77e6db44 button.disabled, .c0e11620d5e29.disabled, .c8396b9870cf7[disabled], .cafff77e6db44 button[disabled], [disabled].c0e11620d5e29, .c8396b9870cf7:disabled, .cafff77e6db44 button:disabled, .c0e11620d5e29:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c8396b9870cf7.disabled svg, .cafff77e6db44 button.disabled svg, .c0e11620d5e29.disabled svg,
.c8396b9870cf7.disabled span svg, .c8396b9870cf7[disabled] svg, .cafff77e6db44 button[disabled] svg, [disabled].c0e11620d5e29 svg,
.c8396b9870cf7[disabled] span svg, .c8396b9870cf7:disabled svg, .cafff77e6db44 button:disabled svg, .c0e11620d5e29:disabled svg,
.c8396b9870cf7:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c947e3307fe54 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c947e3307fe54 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c56ca5349d6b7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c56ca5349d6b7 svg,
.c56ca5349d6b7 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c56ca5349d6b7:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c56ca5349d6b7:focus-visible svg,
.c56ca5349d6b7:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c56ca5349d6b7:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c56ca5349d6b7:hover svg,
.c56ca5349d6b7:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c56ca5349d6b7:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c56ca5349d6b7:active svg,
.c56ca5349d6b7:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c60ca04a240c5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c8d408fe44f5d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb9fe5e7413aa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cb9fe5e7413aa:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cb9fe5e7413aa:focus-visible svg,
.cb9fe5e7413aa:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cb9fe5e7413aa:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cb9fe5e7413aa:active {
  border: none;
  background-color: transparent;
}

.cd035f2d3c4af, .c0e11620d5e29 svg, .c7e8bfeabf645, .ce74eda4dea35 span svg, .cafff77e6db44 button svg, .cfbb29c1b39cb.intermediate svg, .cd17238451d7a label span.intermediate svg, .cfbb29c1b39cb.checked svg, .cd17238451d7a label span.checked svg, .cd74f96a04685 span svg,
.cd74f96a04685 label svg, .c10f99cc0e628 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cdd2cc934faa1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cdd2cc934faa1:hover {
  fill: none;
  stroke: none;
}

.c7e8bfeabf645, .ce74eda4dea35 span svg, .cafff77e6db44 button svg, .cfbb29c1b39cb.intermediate svg, .cd17238451d7a label span.intermediate svg, .cfbb29c1b39cb.checked svg, .cd17238451d7a label span.checked svg, .cd74f96a04685 span svg,
.cd74f96a04685 label svg, .c10f99cc0e628 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cc24fd39970dc {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cc24fd39970dc:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c082aff5a02fc, .c991c035859f4 input, .c1397f564c6fc input, .cd74f96a04685 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c082aff5a02fc, .c991c035859f4 input, .c1397f564c6fc input, .cd74f96a04685 input {
    height: 23px;
  }
}
.c082aff5a02fc, .c991c035859f4 input, .c1397f564c6fc input, .cd74f96a04685 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c082aff5a02fc[disabled], .c991c035859f4 input[disabled], .c1397f564c6fc input[disabled], .cd74f96a04685 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c10f99cc0e628 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c80b49db6a9df, .cd74f96a04685 span,
.cd74f96a04685 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c80b49db6a9df, .cd74f96a04685 span,
  .cd74f96a04685 label {
    height: 25px;
  }
}
.c80b49db6a9df, .cd74f96a04685 span,
.cd74f96a04685 label {
  color: var(--input-foreground-color);
}

.cd74f96a04685 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd74f96a04685 {
    height: 25px;
    font-size: 10px;
  }
}
.cd74f96a04685 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cd74f96a04685 span svg,
.cd74f96a04685 label svg {
  color: var(--input-foreground-color);
}
.cd74f96a04685 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cd74f96a04685 ::placeholder {
  color: var(--input-placeholder-color);
}
.cd74f96a04685:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd74f96a04685:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cd74f96a04685:hover span {
  color: var(--input-foreground-color-hover);
}
.cd74f96a04685:hover input {
  color: var(--input-foreground-color-hover);
}
.cd74f96a04685:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cd74f96a04685:active span {
  color: var(--input-foreground-color-active);
}
.cd74f96a04685:active input {
  color: var(--input-foreground-color-active);
}
.cd74f96a04685:focus, .cd74f96a04685:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd74f96a04685:focus span, .cd74f96a04685:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cd74f96a04685:focus input, .cd74f96a04685:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cd74f96a04685:focus:hover, .cd74f96a04685:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd74f96a04685:focus:hover span, .cd74f96a04685:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cd74f96a04685:focus:hover input, .cd74f96a04685:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c1397f564c6fc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c1397f564c6fc input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c1397f564c6fc ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1397f564c6fc ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1397f564c6fc:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c1397f564c6fc:focus-within input, .c1397f564c6fc:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c313ad123e0a5, .c991c035859f4.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c313ad123e0a5 input, .c991c035859f4.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c313ad123e0a5 span svg, .c991c035859f4.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cfbb29c1b39cb, .cd17238451d7a label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cfbb29c1b39cb svg, .cd17238451d7a label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cfbb29c1b39cb:hover, .cd17238451d7a label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cfbb29c1b39cb:focus, .cd17238451d7a label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cfbb29c1b39cb.checked, .cd17238451d7a label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cfbb29c1b39cb.checked svg, .cd17238451d7a label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cfbb29c1b39cb.intermediate, .cd17238451d7a label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cfbb29c1b39cb.intermediate svg, .cd17238451d7a label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cfbb29c1b39cb.unchecked, .cd17238451d7a label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cfbb29c1b39cb.unchecked svg, .cd17238451d7a label span.unchecked svg {
  display: none;
}

.cd17238451d7a {
  display: flex;
  align-items: center;
}
.cd17238451d7a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cd17238451d7a label input {
  margin: 0;
}
.cd17238451d7a label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd17238451d7a label:focus span, .cd17238451d7a label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c991c035859f4 {
  display: flex;
  flex-direction: column;
}
.c991c035859f4 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c991c035859f4 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c991c035859f4 input:focus-within input, .c991c035859f4 input:active input {
  color: var(--input-foreground-color-active);
}
.c991c035859f4 input:focus-within, .c991c035859f4 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c991c035859f4.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c821103779a8d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c2ed066715c39 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c33ca66ae281f {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c0e11620d5e29 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c9eee4f7eb641 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c9c02b16aed72 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c06e561c2ec86 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c1e90f5fecfb9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c9405fa4879b2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cc3f0759a388b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cc3f0759a388b:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cdcaedc433775 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cd64f20156cb8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c812ba97f1564 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ca63216064ec6 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cdb855f3dd288 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cdb855f3dd288:hover, .cdb855f3dd288:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cafff77e6db44 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cafff77e6db44 button {
  display: none;
}
.cafff77e6db44 button svg {
  stroke: var(--icon-foreground);
}
.cafff77e6db44:hover button {
  display: flex;
}

.c67a86a43b5c1 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c67a86a43b5c1 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c67a86a43b5c1 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c47e45de17799 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c47e45de17799:hover div {
  color: var(--entry-foreground-color-hover);
}

.cfa2d3247ac3f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c5c999d75aa5b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c5c999d75aa5b:hover {
  background-color: var(--menu-background-color-hover);
}

.ce74eda4dea35 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ce74eda4dea35 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ce74eda4dea35 span svg {
  stroke: var(--icon-foreground);
}
.ce74eda4dea35:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ce74eda4dea35:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cce4e3925cfc2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c3371ce97b552 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c71cbfd0761f5,
.c5ebabddf4d61 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cdff91f8b5d20 .c71cbfd0761f5,
.cdff91f8b5d20 .c5ebabddf4d61 {
  transform: scale(1);
}

.c11b1f400f835 .c71cbfd0761f5,
.c11b1f400f835 .c5ebabddf4d61 {
  transform: scale(0);
}

.c0212c7c2350d {
  padding: 0 0 0 0.25rem;
}

.c5cf8c3ad6953 {
  height: 0.75rem;
}

.c94485faf1704 {
  height: 0.125rem;
  width: 100%;
  background-color: var(--color-accent-primary);
}

.c73c71c833415 {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
  border-radius: 8px;
  background-color: transparent;
}

.cd7be45042db8 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 0.125rem solid var(--assets-item-border-color-drag);
  border-radius: 0.5rem;
  background-color: var(--assets-item-background-color-drag);
}
.selection-imposter-rect {
  position: absolute;
  background-color: var(--text-editor-selection-background-color);
}

.c27c0c26bed91 {
  height: 100%;
  position: relative;
  cursor: text;
}

.c45400143ce36 {
  position: relative;
}

.cbe4964d72402 {
  height: 100%;
  font-family: sourcesanspro;
  outline: none;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  caret-color: var(--text-editor-caret-color);
  color: transparent;
  -moz-text-size-adjust: none;
       text-size-adjust: none;
  -webkit-text-size-adjust: none;
  font-kerning: normal;
}
.cbe4964d72402::-moz-selection, .cbe4964d72402 *::-moz-selection {
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.cbe4964d72402::selection,
.cbe4964d72402 *::selection {
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.cbe4964d72402::-moz-selection,
.cbe4964d72402 *::-moz-selection {
  color: transparent;
}
.cbe4964d72402 [data-itype=paragraph] {
  line-height: inherit;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  margin: 0px;
  font-size: 0px;
}
.cbe4964d72402 [data-itype=inline] {
  box-sizing: content-box;
  display: inline;
  line-height: inherit;
  caret-color: var(--text-editor-caret-color);
  white-space-collapse: pre;
  word-break: normal;
  overflow-wrap: break-word;
  -moz-tab-size: 2;
       tab-size: 2;
  -o-tab-size: 2;
}
.cbe4964d72402 [data-itype=root] {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c82ce55ec2462 [data-itype=span],
.c82ce55ec2462 [data-itype=paragraph] {
  white-space: nowrap;
}
.c82ce55ec2462 [data-itype=span] {
  white-space-collapse: preserve;
}

.c87a5c02de67a [data-itype=root] {
  justify-content: start;
}

.c130fe43d0748 [data-itype=root] {
  justify-content: center;
}

.cc4a5cdef1117 [data-itype=root] {
  justify-content: end;
}
@keyframes ce0dafd6392ca {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ccb8e1cc2fa88 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ccb8e1cc2fa88:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ccb8e1cc2fa88 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ccb8e1cc2fa88 ::-webkit-scrollbar-track,
.ccb8e1cc2fa88 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ccb8e1cc2fa88 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ccb8e1cc2fa88 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ccb8e1cc2fa88 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ccb8e1cc2fa88 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ccb8e1cc2fa88 ::placeholder,
.ccb8e1cc2fa88 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c2ce39ec8df98, .cd2f6e149db15, .cd71360375516 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c2ce39ec8df98 svg, .cd2f6e149db15 svg, .cd71360375516 svg,
.c2ce39ec8df98 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c2ce39ec8df98:focus-visible, .cd2f6e149db15:focus-visible, .cd71360375516:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c2ce39ec8df98:focus-visible svg, .cd2f6e149db15:focus-visible svg, .cd71360375516:focus-visible svg,
.c2ce39ec8df98:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c2ce39ec8df98:hover, .cd2f6e149db15:hover, .cd71360375516:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c2ce39ec8df98:hover svg, .cd2f6e149db15:hover svg, .cd71360375516:hover svg,
.c2ce39ec8df98:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c2ce39ec8df98:active, .cd2f6e149db15:active, .cd71360375516:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c2ce39ec8df98:active svg, .cd2f6e149db15:active svg, .cd71360375516:active svg,
.c2ce39ec8df98:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c2ce39ec8df98.disabled, .cd2f6e149db15.disabled, .cd71360375516.disabled, .c2ce39ec8df98[disabled], [disabled].cd2f6e149db15, [disabled].cd71360375516, .c2ce39ec8df98:disabled, .cd2f6e149db15:disabled, .cd71360375516:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c43fbf8d3fee4, .c6c37d4a2e9d0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c43fbf8d3fee4 svg, .c6c37d4a2e9d0 svg,
.c43fbf8d3fee4 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c43fbf8d3fee4:focus-visible, .c6c37d4a2e9d0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c43fbf8d3fee4:focus-visible svg, .c6c37d4a2e9d0:focus-visible svg,
.c43fbf8d3fee4:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c43fbf8d3fee4:hover, .c6c37d4a2e9d0:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c43fbf8d3fee4:hover svg, .c6c37d4a2e9d0:hover svg,
.c43fbf8d3fee4:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c43fbf8d3fee4:active, .c6c37d4a2e9d0:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c43fbf8d3fee4:active svg, .c6c37d4a2e9d0:active svg,
.c43fbf8d3fee4:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c43fbf8d3fee4.disabled, .c6c37d4a2e9d0.disabled, .c43fbf8d3fee4[disabled], [disabled].c6c37d4a2e9d0, .c43fbf8d3fee4:disabled, .c6c37d4a2e9d0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c39a25f0a800f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c39a25f0a800f svg,
.c39a25f0a800f span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c39a25f0a800f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c39a25f0a800f:focus-visible svg,
.c39a25f0a800f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c39a25f0a800f:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c39a25f0a800f:hover svg,
.c39a25f0a800f:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c39a25f0a800f:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c39a25f0a800f:active svg,
.c39a25f0a800f:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c39a25f0a800f.disabled, .c39a25f0a800f[disabled], .c39a25f0a800f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.caa5b56bc07b0, .c9c1510963f16 button, .c7af686c12c04 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.caa5b56bc07b0 svg, .c9c1510963f16 button svg, .c7af686c12c04 svg,
.caa5b56bc07b0 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.caa5b56bc07b0:focus-visible, .c9c1510963f16 button:focus-visible, .c7af686c12c04:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.caa5b56bc07b0:focus-visible svg, .c9c1510963f16 button:focus-visible svg, .c7af686c12c04:focus-visible svg,
.caa5b56bc07b0:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.caa5b56bc07b0:hover, .c9c1510963f16 button:hover, .c7af686c12c04:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.caa5b56bc07b0:hover svg, .c9c1510963f16 button:hover svg, .c7af686c12c04:hover svg,
.caa5b56bc07b0:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.caa5b56bc07b0:active, .c9c1510963f16 button:active, .c7af686c12c04:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.caa5b56bc07b0:active svg, .c9c1510963f16 button:active svg, .c7af686c12c04:active svg,
.caa5b56bc07b0:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.caa5b56bc07b0.disabled, .c9c1510963f16 button.disabled, .c7af686c12c04.disabled, .caa5b56bc07b0[disabled], .c9c1510963f16 button[disabled], [disabled].c7af686c12c04, .caa5b56bc07b0:disabled, .c9c1510963f16 button:disabled, .c7af686c12c04:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.caa5b56bc07b0.disabled svg, .c9c1510963f16 button.disabled svg, .c7af686c12c04.disabled svg,
.caa5b56bc07b0.disabled span svg, .caa5b56bc07b0[disabled] svg, .c9c1510963f16 button[disabled] svg, [disabled].c7af686c12c04 svg,
.caa5b56bc07b0[disabled] span svg, .caa5b56bc07b0:disabled svg, .c9c1510963f16 button:disabled svg, .c7af686c12c04:disabled svg,
.caa5b56bc07b0:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cbac469c82b18 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cbac469c82b18 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c84476da279a2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c84476da279a2 svg,
.c84476da279a2 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c84476da279a2:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c84476da279a2:focus-visible svg,
.c84476da279a2:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c84476da279a2:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c84476da279a2:hover svg,
.c84476da279a2:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c84476da279a2:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c84476da279a2:active svg,
.c84476da279a2:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c4dc7ac8b06a2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c05369242a307 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1d8700cbe871 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c1d8700cbe871:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c1d8700cbe871:focus-visible svg,
.c1d8700cbe871:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c1d8700cbe871:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c1d8700cbe871:active {
  border: none;
  background-color: transparent;
}

.c9c1e09c3cac6, .c7af686c12c04 svg, .cd7456f107a49, .cfe57ede9b6cb span svg, .c9c1510963f16 button svg, .c5d6a968d8e6d.intermediate svg, .c11862c59c6be label span.intermediate svg, .c5d6a968d8e6d.checked svg, .c11862c59c6be label span.checked svg, .c2a1958a2cc73 span svg, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d span svg, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d span svg,
.c2a1958a2cc73 label svg,
.c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d label svg,
.c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d label svg, .c9207f4e1eb9f svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c498e3ce1e290 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c498e3ce1e290:hover {
  fill: none;
  stroke: none;
}

.cd7456f107a49, .cfe57ede9b6cb span svg, .c9c1510963f16 button svg, .c5d6a968d8e6d.intermediate svg, .c11862c59c6be label span.intermediate svg, .c5d6a968d8e6d.checked svg, .c11862c59c6be label span.checked svg, .c2a1958a2cc73 span svg, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d span svg, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d span svg,
.c2a1958a2cc73 label svg,
.c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d label svg,
.c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d label svg, .c9207f4e1eb9f svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c884935bf62f5 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c884935bf62f5:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c4dc09c9ae340, .cfc4170e8c1b1 input, .ce13407f67f72 input, .c2a1958a2cc73 input, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d input, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c4dc09c9ae340, .cfc4170e8c1b1 input, .ce13407f67f72 input, .c2a1958a2cc73 input, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d input, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d input {
    height: 23px;
  }
}
.c4dc09c9ae340, .cfc4170e8c1b1 input, .ce13407f67f72 input, .c2a1958a2cc73 input, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d input, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c4dc09c9ae340[disabled], .cfc4170e8c1b1 input[disabled], .ce13407f67f72 input[disabled], .c2a1958a2cc73 input[disabled], .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d input[disabled], .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c9207f4e1eb9f {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ce888637423f8, .c2a1958a2cc73 span, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d span, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d span,
.c2a1958a2cc73 label,
.c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d label,
.c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce888637423f8, .c2a1958a2cc73 span, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d span, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d span,
  .c2a1958a2cc73 label,
  .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d label,
  .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d label {
    height: 25px;
  }
}
.ce888637423f8, .c2a1958a2cc73 span, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d span, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d span,
.c2a1958a2cc73 label,
.c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d label,
.c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d label {
  color: var(--input-foreground-color);
}

.c2a1958a2cc73, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c2a1958a2cc73, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d {
    height: 25px;
    font-size: 10px;
  }
}
.c2a1958a2cc73, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c2a1958a2cc73 span svg, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d span svg, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d span svg,
.c2a1958a2cc73 label svg,
.c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d label svg,
.c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d label svg {
  color: var(--input-foreground-color);
}
.c2a1958a2cc73 ::-moz-placeholder, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d ::-moz-placeholder, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c2a1958a2cc73 ::placeholder, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d ::placeholder, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d ::placeholder {
  color: var(--input-placeholder-color);
}
.c2a1958a2cc73:focus-within, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:focus-within, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c2a1958a2cc73:hover, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:hover, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c2a1958a2cc73:hover span, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:hover span, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:hover span {
  color: var(--input-foreground-color-hover);
}
.c2a1958a2cc73:hover input, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:hover input, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:hover input {
  color: var(--input-foreground-color-hover);
}
.c2a1958a2cc73:active, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:active, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c2a1958a2cc73:active span, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:active span, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:active span {
  color: var(--input-foreground-color-active);
}
.c2a1958a2cc73:active input, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:active input, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:active input {
  color: var(--input-foreground-color-active);
}
.c2a1958a2cc73:focus, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:focus, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:focus, .c2a1958a2cc73:focus-within, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:focus-within, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c2a1958a2cc73:focus span, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:focus span, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:focus span, .c2a1958a2cc73:focus-within span, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:focus-within span, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c2a1958a2cc73:focus input, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:focus input, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:focus input, .c2a1958a2cc73:focus-within input, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:focus-within input, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c2a1958a2cc73:focus:hover, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:focus:hover, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:focus:hover, .c2a1958a2cc73:focus-within:hover, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:focus-within:hover, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c2a1958a2cc73:focus:hover span, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:focus:hover span, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:focus:hover span, .c2a1958a2cc73:focus-within:hover span, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:focus-within:hover span, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c2a1958a2cc73:focus:hover input, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:focus:hover input, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:focus:hover input, .c2a1958a2cc73:focus-within:hover input, .c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d:focus-within:hover input, .c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ce13407f67f72 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ce13407f67f72 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ce13407f67f72 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce13407f67f72 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce13407f67f72:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ce13407f67f72:focus-within input, .ce13407f67f72:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c25df2d3a689e, .cfc4170e8c1b1.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c25df2d3a689e input, .cfc4170e8c1b1.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c25df2d3a689e span svg, .cfc4170e8c1b1.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c5d6a968d8e6d, .c11862c59c6be label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c5d6a968d8e6d svg, .c11862c59c6be label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c5d6a968d8e6d:hover, .c11862c59c6be label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5d6a968d8e6d:focus, .c11862c59c6be label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c5d6a968d8e6d.checked, .c11862c59c6be label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c5d6a968d8e6d.checked svg, .c11862c59c6be label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c5d6a968d8e6d.intermediate, .c11862c59c6be label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c5d6a968d8e6d.intermediate svg, .c11862c59c6be label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c5d6a968d8e6d.unchecked, .c11862c59c6be label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c5d6a968d8e6d.unchecked svg, .c11862c59c6be label span.unchecked svg {
  display: none;
}

.c11862c59c6be {
  display: flex;
  align-items: center;
}
.c11862c59c6be label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c11862c59c6be label input {
  margin: 0;
}
.c11862c59c6be label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c11862c59c6be label:focus span, .c11862c59c6be label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cfc4170e8c1b1 {
  display: flex;
  flex-direction: column;
}
.cfc4170e8c1b1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cfc4170e8c1b1 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cfc4170e8c1b1 input:focus-within input, .cfc4170e8c1b1 input:active input {
  color: var(--input-foreground-color-active);
}
.cfc4170e8c1b1 input:focus-within, .cfc4170e8c1b1 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cfc4170e8c1b1.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c34d8ba090cc8 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c2cfa118c5c15 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ce149c83a48db {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c7af686c12c04 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c62e2f50ad36e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cf116c62ece79 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c6c37d4a2e9d0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd71360375516 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd2f6e149db15 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cd78e2d95ea40 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cd78e2d95ea40:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c462736234705 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c10abcfcf4671 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cfd6cd87b898e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c1d478fd6a9ee {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cd69d860476ba {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cd69d860476ba:hover, .cd69d860476ba:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c9c1510963f16 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c9c1510963f16 button {
  display: none;
}
.c9c1510963f16 button svg {
  stroke: var(--icon-foreground);
}
.c9c1510963f16:hover button {
  display: flex;
}

.cfda80a02c5bb {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cfda80a02c5bb .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cfda80a02c5bb .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c448c243f0890 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c448c243f0890:hover div {
  color: var(--entry-foreground-color-hover);
}

.cb4be0a0aa06f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c7c491efaa035 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c7c491efaa035:hover {
  background-color: var(--menu-background-color-hover);
}

.cfe57ede9b6cb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cfe57ede9b6cb span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cfe57ede9b6cb span svg {
  stroke: var(--icon-foreground);
}
.cfe57ede9b6cb:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cfe57ede9b6cb:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cce0bc1307629 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ce58aadb665bb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c44b9524b680e,
.c8d15b9a15068 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ccf7ea238badd .c44b9524b680e,
.ccf7ea238badd .c8d15b9a15068 {
  transform: scale(1);
}

.ca60044ac3570 .c44b9524b680e,
.ca60044ac3570 .c8d15b9a15068 {
  transform: scale(0);
}

.c8d8065c04eb1 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: calc(0.625rem - 1px);
  margin-top: 0.5rem;
}
.c8d8065c04eb1.cab7224602582 {
  grid-template-columns: 4rem repeat(4, 1fr);
}
.c8d8065c04eb1 .cb0c18223e705 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}
.c8d8065c04eb1 .cb0c18223e705 .c16202896cc9d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  width: calc(5.5rem + 1px);
  display: flex;
  align-items: center;
}
.c8d8065c04eb1 .c94dc15d8b3ed {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}
.c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  width: calc(5.5rem + 1px);
}
.c8d8065c04eb1 .c94dc15d8b3ed .c16202896cc9d.cc613c2ad0228 {
  width: calc(5.5rem * 2 + 0.75rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cffa20bf48311 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.c7d173746c831 {
  --color-token-background: var(--color-background-primary);
  background-color: var(--color-token-background);
  color: var(--color-foreground-primary);
  text-align: left;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--sp-xs);
  inline-size: 100%;
  border-radius: 0.5rem;
  padding: var(--sp-xs);
  block-size: 1.75rem;
  border: none;
  cursor: pointer;
}
.c7d173746c831:hover {
  --color-token-background: var(--color-background-tertiary);
}

.c793b626d789e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  padding: var(--sp-s) var(--sp-xxl);
  text-align: center;
  color: var(--color-foreground-secondary);
}

.c530dd6896979 {
  background-color: var(--color-background-tertiary);
}

.cadd1cc1ae079 {
  border: 0.0625rem solid var(--color-accent-primary);
  border-radius: 0.25rem;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}

.c201439754e04 {
  color: var(--color-accent-primary);
}

.c922eca86da35 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cce062cbf0d77 {
  max-block-size: 26.875rem;
  display: flex;
  flex-direction: column;
  gap: var(--sp-s);
}

.cabd205da88ac {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--sp-xxl), 1fr));
  justify-items: start;
  gap: var(--sp-s);
}

.c4a4b7f0e96e3 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.cc2ac0f6ca8be {
  padding: 0.0625rem;
}

.c9d7db8aa881d {
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: var(--sp-s);
}

.c4a3bc15c9f96 {
  --title-color: var(--color-foreground-secondary);
  --arrow-color: var(--color-foreground-secondary);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1rem;
  text-transform: none;
  display: flex;
  overflow: hidden;
  min-block-size: var(--sp-xxxl);
  padding-block-start: var(--sp-xs);
}

.cfb2583ae2ccb {
  border: none;
  background: none;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--sp-xs);
  flex-grow: 1;
  padding: 0;
  overflow: hidden;
}
.cfb2583ae2ccb:hover {
  --arrow-color: var(--color-foreground-primary);
  --title-color: var(--color-foreground-primary);
}

.c7e544694ed9f {
  color: var(--arrow-color);
  block-size: 1.75rem;
  padding-block-start: var(--sp-xxs);
}

.cb86f54e70702 {
  color: var(--title-color);
  text-align: left;
  padding-block-end: var(--sp-xs);
}

.cc895b3b1e87d {
  display: flex;
}

.cc6f01975d14d {
  display: none;
}

.c922eca86da35 {
  color: var(--color-foreground-primary);
}
@keyframes c9355da0c3999 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ce3cb92e08b2d {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ce3cb92e08b2d:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ce3cb92e08b2d ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ce3cb92e08b2d ::-webkit-scrollbar-track,
.ce3cb92e08b2d ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ce3cb92e08b2d ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ce3cb92e08b2d ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ce3cb92e08b2d ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ce3cb92e08b2d ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ce3cb92e08b2d ::placeholder,
.ce3cb92e08b2d ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c7494dccab5c1, .c010e48c01b52, .cf36e39ec3914 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c7494dccab5c1 svg, .c010e48c01b52 svg, .cf36e39ec3914 svg,
.c7494dccab5c1 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c7494dccab5c1:focus-visible, .c010e48c01b52:focus-visible, .cf36e39ec3914:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c7494dccab5c1:focus-visible svg, .c010e48c01b52:focus-visible svg, .cf36e39ec3914:focus-visible svg,
.c7494dccab5c1:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c7494dccab5c1:hover, .c010e48c01b52:hover, .cf36e39ec3914:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c7494dccab5c1:hover svg, .c010e48c01b52:hover svg, .cf36e39ec3914:hover svg,
.c7494dccab5c1:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c7494dccab5c1:active, .c010e48c01b52:active, .cf36e39ec3914:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c7494dccab5c1:active svg, .c010e48c01b52:active svg, .cf36e39ec3914:active svg,
.c7494dccab5c1:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c7494dccab5c1.disabled, .c010e48c01b52.disabled, .cf36e39ec3914.disabled, .c7494dccab5c1[disabled], [disabled].c010e48c01b52, [disabled].cf36e39ec3914, .c7494dccab5c1:disabled, .c010e48c01b52:disabled, .cf36e39ec3914:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c284f6bd631f5, .cac4670ee9b48 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c284f6bd631f5 svg, .cac4670ee9b48 svg,
.c284f6bd631f5 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c284f6bd631f5:focus-visible, .cac4670ee9b48:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c284f6bd631f5:focus-visible svg, .cac4670ee9b48:focus-visible svg,
.c284f6bd631f5:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c284f6bd631f5:hover, .cac4670ee9b48:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c284f6bd631f5:hover svg, .cac4670ee9b48:hover svg,
.c284f6bd631f5:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c284f6bd631f5:active, .cac4670ee9b48:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c284f6bd631f5:active svg, .cac4670ee9b48:active svg,
.c284f6bd631f5:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c284f6bd631f5.disabled, .cac4670ee9b48.disabled, .c284f6bd631f5[disabled], [disabled].cac4670ee9b48, .c284f6bd631f5:disabled, .cac4670ee9b48:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c47d6d32d2126 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c47d6d32d2126 svg,
.c47d6d32d2126 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c47d6d32d2126:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c47d6d32d2126:focus-visible svg,
.c47d6d32d2126:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c47d6d32d2126:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c47d6d32d2126:hover svg,
.c47d6d32d2126:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c47d6d32d2126:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c47d6d32d2126:active svg,
.c47d6d32d2126:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c47d6d32d2126.disabled, .c47d6d32d2126[disabled], .c47d6d32d2126:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2dfb63e509dc, .c1a2a5d16ee8d button, .ce3b68cf12231 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c2dfb63e509dc svg, .c1a2a5d16ee8d button svg, .ce3b68cf12231 svg,
.c2dfb63e509dc span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c2dfb63e509dc:focus-visible, .c1a2a5d16ee8d button:focus-visible, .ce3b68cf12231:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c2dfb63e509dc:focus-visible svg, .c1a2a5d16ee8d button:focus-visible svg, .ce3b68cf12231:focus-visible svg,
.c2dfb63e509dc:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c2dfb63e509dc:hover, .c1a2a5d16ee8d button:hover, .ce3b68cf12231:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c2dfb63e509dc:hover svg, .c1a2a5d16ee8d button:hover svg, .ce3b68cf12231:hover svg,
.c2dfb63e509dc:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c2dfb63e509dc:active, .c1a2a5d16ee8d button:active, .ce3b68cf12231:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c2dfb63e509dc:active svg, .c1a2a5d16ee8d button:active svg, .ce3b68cf12231:active svg,
.c2dfb63e509dc:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c2dfb63e509dc.disabled, .c1a2a5d16ee8d button.disabled, .ce3b68cf12231.disabled, .c2dfb63e509dc[disabled], .c1a2a5d16ee8d button[disabled], [disabled].ce3b68cf12231, .c2dfb63e509dc:disabled, .c1a2a5d16ee8d button:disabled, .ce3b68cf12231:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c2dfb63e509dc.disabled svg, .c1a2a5d16ee8d button.disabled svg, .ce3b68cf12231.disabled svg,
.c2dfb63e509dc.disabled span svg, .c2dfb63e509dc[disabled] svg, .c1a2a5d16ee8d button[disabled] svg, [disabled].ce3b68cf12231 svg,
.c2dfb63e509dc[disabled] span svg, .c2dfb63e509dc:disabled svg, .c1a2a5d16ee8d button:disabled svg, .ce3b68cf12231:disabled svg,
.c2dfb63e509dc:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cf2c416f37b0a {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cf2c416f37b0a svg {
  color: var(--button-icon-foreground-color-selected);
}

.c736e616cbe6a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c736e616cbe6a svg,
.c736e616cbe6a span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c736e616cbe6a:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c736e616cbe6a:focus-visible svg,
.c736e616cbe6a:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c736e616cbe6a:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c736e616cbe6a:hover svg,
.c736e616cbe6a:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c736e616cbe6a:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c736e616cbe6a:active svg,
.c736e616cbe6a:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ca0aac1222683 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c633dffeb89d4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8e4e06352300 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c8e4e06352300:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c8e4e06352300:focus-visible svg,
.c8e4e06352300:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c8e4e06352300:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c8e4e06352300:active {
  border: none;
  background-color: transparent;
}

.cc51a4e21c042, .ce3b68cf12231 svg, .c0bfc4f2df822, .cb1f2883ed9f5 span svg, .c1a2a5d16ee8d button svg, .c4c1afe352280.intermediate svg, .cd67c0657b796 label span.intermediate svg, .c4c1afe352280.checked svg, .cd67c0657b796 label span.checked svg, .c9e5d9627ed83 span svg, .c075b91ef0d7f span svg,
.c9e5d9627ed83 label svg,
.c075b91ef0d7f label svg, .c014769ca26f2 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c29c4bb913324 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c29c4bb913324:hover {
  fill: none;
  stroke: none;
}

.c0bfc4f2df822, .cb1f2883ed9f5 span svg, .c1a2a5d16ee8d button svg, .c4c1afe352280.intermediate svg, .cd67c0657b796 label span.intermediate svg, .c4c1afe352280.checked svg, .cd67c0657b796 label span.checked svg, .c9e5d9627ed83 span svg, .c075b91ef0d7f span svg,
.c9e5d9627ed83 label svg,
.c075b91ef0d7f label svg, .c014769ca26f2 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c2349a15a9354 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c2349a15a9354:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ca3e93e593bef, .c960f9def8539 input, .cbd970ed8cb08 input, .c9e5d9627ed83 input, .c075b91ef0d7f input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ca3e93e593bef, .c960f9def8539 input, .cbd970ed8cb08 input, .c9e5d9627ed83 input, .c075b91ef0d7f input {
    height: 23px;
  }
}
.ca3e93e593bef, .c960f9def8539 input, .cbd970ed8cb08 input, .c9e5d9627ed83 input, .c075b91ef0d7f input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ca3e93e593bef[disabled], .c960f9def8539 input[disabled], .cbd970ed8cb08 input[disabled], .c9e5d9627ed83 input[disabled], .c075b91ef0d7f input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c014769ca26f2 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cbaf4c70d2d9f, .c9e5d9627ed83 span, .c075b91ef0d7f span,
.c9e5d9627ed83 label,
.c075b91ef0d7f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbaf4c70d2d9f, .c9e5d9627ed83 span, .c075b91ef0d7f span,
  .c9e5d9627ed83 label,
  .c075b91ef0d7f label {
    height: 25px;
  }
}
.cbaf4c70d2d9f, .c9e5d9627ed83 span, .c075b91ef0d7f span,
.c9e5d9627ed83 label,
.c075b91ef0d7f label {
  color: var(--input-foreground-color);
}

.c9e5d9627ed83, .c075b91ef0d7f {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c9e5d9627ed83, .c075b91ef0d7f {
    height: 25px;
    font-size: 10px;
  }
}
.c9e5d9627ed83, .c075b91ef0d7f {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c9e5d9627ed83 span svg, .c075b91ef0d7f span svg,
.c9e5d9627ed83 label svg,
.c075b91ef0d7f label svg {
  color: var(--input-foreground-color);
}
.c9e5d9627ed83 ::-moz-placeholder, .c075b91ef0d7f ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c9e5d9627ed83 ::placeholder, .c075b91ef0d7f ::placeholder {
  color: var(--input-placeholder-color);
}
.c9e5d9627ed83:focus-within, .c075b91ef0d7f:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c9e5d9627ed83:hover, .c075b91ef0d7f:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c9e5d9627ed83:hover span, .c075b91ef0d7f:hover span {
  color: var(--input-foreground-color-hover);
}
.c9e5d9627ed83:hover input, .c075b91ef0d7f:hover input {
  color: var(--input-foreground-color-hover);
}
.c9e5d9627ed83:active, .c075b91ef0d7f:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c9e5d9627ed83:active span, .c075b91ef0d7f:active span {
  color: var(--input-foreground-color-active);
}
.c9e5d9627ed83:active input, .c075b91ef0d7f:active input {
  color: var(--input-foreground-color-active);
}
.c9e5d9627ed83:focus, .c075b91ef0d7f:focus, .c9e5d9627ed83:focus-within, .c075b91ef0d7f:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c9e5d9627ed83:focus span, .c075b91ef0d7f:focus span, .c9e5d9627ed83:focus-within span, .c075b91ef0d7f:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c9e5d9627ed83:focus input, .c075b91ef0d7f:focus input, .c9e5d9627ed83:focus-within input, .c075b91ef0d7f:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c9e5d9627ed83:focus:hover, .c075b91ef0d7f:focus:hover, .c9e5d9627ed83:focus-within:hover, .c075b91ef0d7f:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c9e5d9627ed83:focus:hover span, .c075b91ef0d7f:focus:hover span, .c9e5d9627ed83:focus-within:hover span, .c075b91ef0d7f:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c9e5d9627ed83:focus:hover input, .c075b91ef0d7f:focus:hover input, .c9e5d9627ed83:focus-within:hover input, .c075b91ef0d7f:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cbd970ed8cb08 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cbd970ed8cb08 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cbd970ed8cb08 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cbd970ed8cb08 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cbd970ed8cb08:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cbd970ed8cb08:focus-within input, .cbd970ed8cb08:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ce017bafd6f72, .c960f9def8539.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ce017bafd6f72 input, .c960f9def8539.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ce017bafd6f72 span svg, .c960f9def8539.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c4c1afe352280, .cd67c0657b796 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c4c1afe352280 svg, .cd67c0657b796 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c4c1afe352280:hover, .cd67c0657b796 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4c1afe352280:focus, .cd67c0657b796 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c4c1afe352280.checked, .cd67c0657b796 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c4c1afe352280.checked svg, .cd67c0657b796 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c4c1afe352280.intermediate, .cd67c0657b796 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c4c1afe352280.intermediate svg, .cd67c0657b796 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c4c1afe352280.unchecked, .cd67c0657b796 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c4c1afe352280.unchecked svg, .cd67c0657b796 label span.unchecked svg {
  display: none;
}

.cd67c0657b796 {
  display: flex;
  align-items: center;
}
.cd67c0657b796 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cd67c0657b796 label input {
  margin: 0;
}
.cd67c0657b796 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd67c0657b796 label:focus span, .cd67c0657b796 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c960f9def8539 {
  display: flex;
  flex-direction: column;
}
.c960f9def8539 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c960f9def8539 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c960f9def8539 input:focus-within input, .c960f9def8539 input:active input {
  color: var(--input-foreground-color-active);
}
.c960f9def8539 input:focus-within, .c960f9def8539 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c960f9def8539.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c55556da9b80e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cd35023d0daf4 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c6a40cf9301a3 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ce3b68cf12231 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cb39d989945c4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ca198e05230ef {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cac4670ee9b48 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cf36e39ec3914 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c010e48c01b52 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cd92f4b647744 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cd92f4b647744:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cee3aece3d7d6 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c4aaf7840fdb1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c5b602f3bb847 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cff57c8afde6e {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cb083159c8b2a {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cb083159c8b2a:hover, .cb083159c8b2a:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c1a2a5d16ee8d div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c1a2a5d16ee8d button {
  display: none;
}
.c1a2a5d16ee8d button svg {
  stroke: var(--icon-foreground);
}
.c1a2a5d16ee8d:hover button {
  display: flex;
}

.c98407428a70d {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c98407428a70d .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c98407428a70d .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c607c7eb9a553 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c607c7eb9a553:hover div {
  color: var(--entry-foreground-color-hover);
}

.c87f2781aaf4b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c4fb94c17cd8f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c4fb94c17cd8f:hover {
  background-color: var(--menu-background-color-hover);
}

.cb1f2883ed9f5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cb1f2883ed9f5 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cb1f2883ed9f5 span svg {
  stroke: var(--icon-foreground);
}
.cb1f2883ed9f5:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cb1f2883ed9f5:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c74b822d6d5fc {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ca5a2c4e70982 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c15eee9aed166,
.c9add671c0619 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c969fe0897ba7 .c15eee9aed166,
.c969fe0897ba7 .c9add671c0619 {
  transform: scale(1);
}

.c214cd08a01ad .c15eee9aed166,
.c214cd08a01ad .c9add671c0619 {
  transform: scale(0);
}

.cc7adf9e573ca {
  max-height: 230px;
  margin-top: 0.75rem;
  display: grid;
  gap: 0.25rem;
  grid-template-rows: 3.5rem 1.875rem 1fr;
}

.cf4da3958084e {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 var(--sp-m);
}

.c2448734bfd5b {
  width: 100%;
  height: 1.25rem;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}

.c99160c5ef097 {
  position: absolute;
  width: calc(100% - 1.5rem - 0.25rem);
  height: 100%;
  left: 0.125rem;
  top: -0.25rem;
  pointer-events: none;
}

.cedaf06d871f3 {
  background-color: var(--color-foreground-primary);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAADFJREFUOE9jZGBgEAFifOANPknGUQMYhkkYEEgG+NMJKAwIAbwJbdQABnBCIgRoG4gAIF8IsXB/Rs4AAAAASUVORK5CYII=");
  background-position: left center;
  background-size: 0.5rem;
  border-radius: 6px;
  border: 0.125rem solid var(--color-foreground-primary);
  box-shadow: 0px 0px 0.25rem 0px var(--menu-shadow-color);
  height: calc(1.5rem - 0.125rem);
  left: var(--position);
  overflow: hidden;
  pointer-events: initial;
  position: absolute;
  width: calc(1.5rem - 0.125rem);
}
.cedaf06d871f3.cbe93c7d6de1f, .cedaf06d871f3:hover {
  outline: 0.125rem solid var(--color-accent-primary);
}

.c0084738915eb {
  background: var(--color-foreground-primary);
  border-radius: 100%;
  bottom: 2rem;
  box-shadow: 0px 0px 0.25rem 0px var(--menu-shadow-color);
  height: 0.25rem;
  left: calc(var(--position) + 0.5rem);
  position: absolute;
  width: 0.25rem;
}

.c278fb30f64cb {
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  background: var(--color-solid);
}

.c9f3fa58f8b47 {
  position: absolute;
  left: 50%;
  width: 50%;
  height: 100%;
  background: var(--color-alpha);
}

.c2bb1565ef556 {
  display: flex;
  justify-content: space-between;
  padding: 0 var(--sp-m);
}

.c70f0feccab5d {
  display: flex;
}

.ca462721ec64a {
  width: 8.75rem;
}

.ca1fdd0fb795e {
  transform: scaleX(-1);
}

.c97c00511a744 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 11.25rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0 var(--sp-s) var(--sp-m);
}

.c5074fe4f0ff0 {
  display: flex;
  gap: 0.25rem;
  padding: 0.125rem;
  border-radius: 12px;
  border: 1px solid transparent;
  position: relative;
}
.c5074fe4f0ff0.cbe93c7d6de1f {
  border-color: transparent;
}
.c5074fe4f0ff0:hover {
  --reorder-icon-visibility: visible;
}
.c5074fe4f0ff0.c7604280ab642 {
  --reorder-top-display: block;
}
.c5074fe4f0ff0.c5ffa1d9f19af {
  --reorder-bottom-display: block;
}

.c075b91ef0d7f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  width: 5.75rem;
}

.cbaa592876259 {
  border-color: var(--color-background-quaternary);
  border-width: calc(1px + 0.125rem);
  margin-left: calc(var(--sp-m) / 2);
  position: relative;
  width: calc(100% - var(--sp-m));
}

.c627c2e3d6259 {
  background: var(--color-foreground-primary);
  border-radius: 50%;
  height: 0.25rem;
  left: calc(var(--preview-position, 0%) - 0.125rem);
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.125rem);
  width: 0.25rem;
}
@keyframes c27c0692f8781 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c160b2b477483 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c160b2b477483:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c160b2b477483 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c160b2b477483 ::-webkit-scrollbar-track,
.c160b2b477483 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c160b2b477483 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c160b2b477483 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c160b2b477483 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c160b2b477483 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c160b2b477483 ::placeholder,
.c160b2b477483 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cfda07aff84b0, .c0b500cc013fb, .cd6e48f931302 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cfda07aff84b0 svg, .c0b500cc013fb svg, .cd6e48f931302 svg,
.cfda07aff84b0 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cfda07aff84b0:focus-visible, .c0b500cc013fb:focus-visible, .cd6e48f931302:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cfda07aff84b0:focus-visible svg, .c0b500cc013fb:focus-visible svg, .cd6e48f931302:focus-visible svg,
.cfda07aff84b0:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cfda07aff84b0:hover, .c0b500cc013fb:hover, .cd6e48f931302:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cfda07aff84b0:hover svg, .c0b500cc013fb:hover svg, .cd6e48f931302:hover svg,
.cfda07aff84b0:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cfda07aff84b0:active, .c0b500cc013fb:active, .cd6e48f931302:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cfda07aff84b0:active svg, .c0b500cc013fb:active svg, .cd6e48f931302:active svg,
.cfda07aff84b0:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cfda07aff84b0.disabled, .c0b500cc013fb.disabled, .cd6e48f931302.disabled, .cfda07aff84b0[disabled], [disabled].c0b500cc013fb, [disabled].cd6e48f931302, .cfda07aff84b0:disabled, .c0b500cc013fb:disabled, .cd6e48f931302:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c18563833eafa, .c82f057d2e168 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c18563833eafa svg, .c82f057d2e168 svg,
.c18563833eafa span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c18563833eafa:focus-visible, .c82f057d2e168:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c18563833eafa:focus-visible svg, .c82f057d2e168:focus-visible svg,
.c18563833eafa:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c18563833eafa:hover, .c82f057d2e168:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c18563833eafa:hover svg, .c82f057d2e168:hover svg,
.c18563833eafa:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c18563833eafa:active, .c82f057d2e168:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c18563833eafa:active svg, .c82f057d2e168:active svg,
.c18563833eafa:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c18563833eafa.disabled, .c82f057d2e168.disabled, .c18563833eafa[disabled], [disabled].c82f057d2e168, .c18563833eafa:disabled, .c82f057d2e168:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8a54f0ec6bf0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c8a54f0ec6bf0 svg,
.c8a54f0ec6bf0 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c8a54f0ec6bf0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8a54f0ec6bf0:focus-visible svg,
.c8a54f0ec6bf0:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8a54f0ec6bf0:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c8a54f0ec6bf0:hover svg,
.c8a54f0ec6bf0:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c8a54f0ec6bf0:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c8a54f0ec6bf0:active svg,
.c8a54f0ec6bf0:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c8a54f0ec6bf0.disabled, .c8a54f0ec6bf0[disabled], .c8a54f0ec6bf0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc47f010f2727, .c06fa86269983 button, .c8213ab963e38 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cc47f010f2727 svg, .c06fa86269983 button svg, .c8213ab963e38 svg,
.cc47f010f2727 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cc47f010f2727:focus-visible, .c06fa86269983 button:focus-visible, .c8213ab963e38:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cc47f010f2727:focus-visible svg, .c06fa86269983 button:focus-visible svg, .c8213ab963e38:focus-visible svg,
.cc47f010f2727:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cc47f010f2727:hover, .c06fa86269983 button:hover, .c8213ab963e38:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cc47f010f2727:hover svg, .c06fa86269983 button:hover svg, .c8213ab963e38:hover svg,
.cc47f010f2727:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cc47f010f2727:active, .c06fa86269983 button:active, .c8213ab963e38:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cc47f010f2727:active svg, .c06fa86269983 button:active svg, .c8213ab963e38:active svg,
.cc47f010f2727:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cc47f010f2727.disabled, .c06fa86269983 button.disabled, .c8213ab963e38.disabled, .cc47f010f2727[disabled], .c06fa86269983 button[disabled], [disabled].c8213ab963e38, .cc47f010f2727:disabled, .c06fa86269983 button:disabled, .c8213ab963e38:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cc47f010f2727.disabled svg, .c06fa86269983 button.disabled svg, .c8213ab963e38.disabled svg,
.cc47f010f2727.disabled span svg, .cc47f010f2727[disabled] svg, .c06fa86269983 button[disabled] svg, [disabled].c8213ab963e38 svg,
.cc47f010f2727[disabled] span svg, .cc47f010f2727:disabled svg, .c06fa86269983 button:disabled svg, .c8213ab963e38:disabled svg,
.cc47f010f2727:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cdb2a059ef39d {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cdb2a059ef39d svg {
  color: var(--button-icon-foreground-color-selected);
}

.c755af6b87615 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c755af6b87615 svg,
.c755af6b87615 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c755af6b87615:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c755af6b87615:focus-visible svg,
.c755af6b87615:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c755af6b87615:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c755af6b87615:hover svg,
.c755af6b87615:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c755af6b87615:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c755af6b87615:active svg,
.c755af6b87615:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c9e5dafa02134 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cad52f7397b3d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c65490b0f2277 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c65490b0f2277:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c65490b0f2277:focus-visible svg,
.c65490b0f2277:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c65490b0f2277:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c65490b0f2277:active {
  border: none;
  background-color: transparent;
}

.c8180f6872ccb, .c8213ab963e38 svg, .cf020be41acd1, .cdc5840038692 span svg, .c06fa86269983 button svg, .cd3f9b569f15d.intermediate svg, .ccf4267d8a954 label span.intermediate svg, .cd3f9b569f15d.checked svg, .ccf4267d8a954 label span.checked svg, .c1c3313ca9e7d span svg,
.c1c3313ca9e7d label svg, .c757939c75ced svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c1f2641e6e119 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c1f2641e6e119:hover {
  fill: none;
  stroke: none;
}

.cf020be41acd1, .cdc5840038692 span svg, .c06fa86269983 button svg, .cd3f9b569f15d.intermediate svg, .ccf4267d8a954 label span.intermediate svg, .cd3f9b569f15d.checked svg, .ccf4267d8a954 label span.checked svg, .c1c3313ca9e7d span svg,
.c1c3313ca9e7d label svg, .c757939c75ced svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c7c9d68ed45c2 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c7c9d68ed45c2:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cb1a288728939, .c5b6acd47127b input, .c421f8e163b7c input, .c1c3313ca9e7d input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cb1a288728939, .c5b6acd47127b input, .c421f8e163b7c input, .c1c3313ca9e7d input {
    height: 23px;
  }
}
.cb1a288728939, .c5b6acd47127b input, .c421f8e163b7c input, .c1c3313ca9e7d input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cb1a288728939[disabled], .c5b6acd47127b input[disabled], .c421f8e163b7c input[disabled], .c1c3313ca9e7d input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c757939c75ced {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c8c78381a42e8, .c1c3313ca9e7d span,
.c1c3313ca9e7d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c8c78381a42e8, .c1c3313ca9e7d span,
  .c1c3313ca9e7d label {
    height: 25px;
  }
}
.c8c78381a42e8, .c1c3313ca9e7d span,
.c1c3313ca9e7d label {
  color: var(--input-foreground-color);
}

.c1c3313ca9e7d {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1c3313ca9e7d {
    height: 25px;
    font-size: 10px;
  }
}
.c1c3313ca9e7d {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c1c3313ca9e7d span svg,
.c1c3313ca9e7d label svg {
  color: var(--input-foreground-color);
}
.c1c3313ca9e7d ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c1c3313ca9e7d ::placeholder {
  color: var(--input-placeholder-color);
}
.c1c3313ca9e7d:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1c3313ca9e7d:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c1c3313ca9e7d:hover span {
  color: var(--input-foreground-color-hover);
}
.c1c3313ca9e7d:hover input {
  color: var(--input-foreground-color-hover);
}
.c1c3313ca9e7d:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c1c3313ca9e7d:active span {
  color: var(--input-foreground-color-active);
}
.c1c3313ca9e7d:active input {
  color: var(--input-foreground-color-active);
}
.c1c3313ca9e7d:focus, .c1c3313ca9e7d:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1c3313ca9e7d:focus span, .c1c3313ca9e7d:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c1c3313ca9e7d:focus input, .c1c3313ca9e7d:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c1c3313ca9e7d:focus:hover, .c1c3313ca9e7d:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1c3313ca9e7d:focus:hover span, .c1c3313ca9e7d:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c1c3313ca9e7d:focus:hover input, .c1c3313ca9e7d:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c421f8e163b7c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c421f8e163b7c input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c421f8e163b7c ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c421f8e163b7c ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c421f8e163b7c:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c421f8e163b7c:focus-within input, .c421f8e163b7c:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c78ab8e1088c7, .c5b6acd47127b.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c78ab8e1088c7 input, .c5b6acd47127b.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c78ab8e1088c7 span svg, .c5b6acd47127b.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cd3f9b569f15d, .ccf4267d8a954 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cd3f9b569f15d svg, .ccf4267d8a954 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cd3f9b569f15d:hover, .ccf4267d8a954 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd3f9b569f15d:focus, .ccf4267d8a954 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cd3f9b569f15d.checked, .ccf4267d8a954 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cd3f9b569f15d.checked svg, .ccf4267d8a954 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cd3f9b569f15d.intermediate, .ccf4267d8a954 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cd3f9b569f15d.intermediate svg, .ccf4267d8a954 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cd3f9b569f15d.unchecked, .ccf4267d8a954 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cd3f9b569f15d.unchecked svg, .ccf4267d8a954 label span.unchecked svg {
  display: none;
}

.ccf4267d8a954 {
  display: flex;
  align-items: center;
}
.ccf4267d8a954 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ccf4267d8a954 label input {
  margin: 0;
}
.ccf4267d8a954 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ccf4267d8a954 label:focus span, .ccf4267d8a954 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c5b6acd47127b {
  display: flex;
  flex-direction: column;
}
.c5b6acd47127b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c5b6acd47127b input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c5b6acd47127b input:focus-within input, .c5b6acd47127b input:active input {
  color: var(--input-foreground-color-active);
}
.c5b6acd47127b input:focus-within, .c5b6acd47127b input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c5b6acd47127b.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c88c3f220f2f9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c5fd6db00d62e {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c0655027fd369 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c8213ab963e38 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c1d8ba2484d2a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c5251a2be79ea {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c82f057d2e168 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd6e48f931302 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c0b500cc013fb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c605f6d7b2612 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c605f6d7b2612:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cf28e9fc18165 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c81db5f185951 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ccf582350c0da {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.caaa054279bd8 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c1ebc3c0579ff, .c1823e6f79fbe {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c1ebc3c0579ff:hover, .c1823e6f79fbe:hover, .c1ebc3c0579ff:active, .c1823e6f79fbe:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c06fa86269983 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c06fa86269983 button {
  display: none;
}
.c06fa86269983 button svg {
  stroke: var(--icon-foreground);
}
.c06fa86269983:hover button {
  display: flex;
}

.cd31aa11906a4 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cd31aa11906a4 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cd31aa11906a4 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cbb472036e0c4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cbb472036e0c4:hover div {
  color: var(--entry-foreground-color-hover);
}

.c5abd013deeec {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c79629143f029 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c79629143f029:hover {
  background-color: var(--menu-background-color-hover);
}

.cdc5840038692 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cdc5840038692 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cdc5840038692 span svg {
  stroke: var(--icon-foreground);
}
.cdc5840038692:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cdc5840038692:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c357045cdb00b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.caaf677d2d2a7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c936366ba7520,
.c52e069fb01be {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c78d24f486573 .c936366ba7520,
.c78d24f486573 .c52e069fb01be {
  transform: scale(1);
}

.c0d818fc725b0 .c936366ba7520,
.c0d818fc725b0 .c52e069fb01be {
  transform: scale(0);
}

.cb8c9df22b6d8 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
}

.cf16bc793dda4 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.c0bf913d3a9dd {
  width: 12.25rem;
  height: 12.25rem;
}

.c1823e6f79fbe {
  height: 1rem;
  width: 1rem;
  border: 0.125rem solid var(--colorpicker-handlers-color);
}

.c1823e6f79fbe.cbf8c50762e88 {
  background-color: var(--colorpicker-handlers-color);
  border: 0.125rem solid var(--colorpicker-handlers-color);
}

.c15a5ac9a14a6 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  height: 12.5rem;
  width: 3.25rem;
  flex-grow: 1;
  gap: 20px;
  padding-left: 10px;
}
@keyframes c0a9cf019c71a {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c620f5ae33e79 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c620f5ae33e79:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c620f5ae33e79 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c620f5ae33e79 ::-webkit-scrollbar-track,
.c620f5ae33e79 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c620f5ae33e79 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c620f5ae33e79 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c620f5ae33e79 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c620f5ae33e79 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c620f5ae33e79 ::placeholder,
.c620f5ae33e79 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c80dc26b7035f, .c29a2c4e9e1ba, .c62c8f5362e4f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c80dc26b7035f svg, .c29a2c4e9e1ba svg, .c62c8f5362e4f svg,
.c80dc26b7035f span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c80dc26b7035f:focus-visible, .c29a2c4e9e1ba:focus-visible, .c62c8f5362e4f:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c80dc26b7035f:focus-visible svg, .c29a2c4e9e1ba:focus-visible svg, .c62c8f5362e4f:focus-visible svg,
.c80dc26b7035f:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c80dc26b7035f:hover, .c29a2c4e9e1ba:hover, .c62c8f5362e4f:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c80dc26b7035f:hover svg, .c29a2c4e9e1ba:hover svg, .c62c8f5362e4f:hover svg,
.c80dc26b7035f:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c80dc26b7035f:active, .c29a2c4e9e1ba:active, .c62c8f5362e4f:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c80dc26b7035f:active svg, .c29a2c4e9e1ba:active svg, .c62c8f5362e4f:active svg,
.c80dc26b7035f:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c80dc26b7035f.disabled, .c29a2c4e9e1ba.disabled, .c62c8f5362e4f.disabled, .c80dc26b7035f[disabled], [disabled].c29a2c4e9e1ba, [disabled].c62c8f5362e4f, .c80dc26b7035f:disabled, .c29a2c4e9e1ba:disabled, .c62c8f5362e4f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c313cdd87b0e2, .c70e64bca5661 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c313cdd87b0e2 svg, .c70e64bca5661 svg,
.c313cdd87b0e2 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c313cdd87b0e2:focus-visible, .c70e64bca5661:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c313cdd87b0e2:focus-visible svg, .c70e64bca5661:focus-visible svg,
.c313cdd87b0e2:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c313cdd87b0e2:hover, .c70e64bca5661:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c313cdd87b0e2:hover svg, .c70e64bca5661:hover svg,
.c313cdd87b0e2:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c313cdd87b0e2:active, .c70e64bca5661:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c313cdd87b0e2:active svg, .c70e64bca5661:active svg,
.c313cdd87b0e2:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c313cdd87b0e2.disabled, .c70e64bca5661.disabled, .c313cdd87b0e2[disabled], [disabled].c70e64bca5661, .c313cdd87b0e2:disabled, .c70e64bca5661:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1ed4a896285f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c1ed4a896285f svg,
.c1ed4a896285f span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c1ed4a896285f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c1ed4a896285f:focus-visible svg,
.c1ed4a896285f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c1ed4a896285f:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c1ed4a896285f:hover svg,
.c1ed4a896285f:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c1ed4a896285f:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c1ed4a896285f:active svg,
.c1ed4a896285f:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c1ed4a896285f.disabled, .c1ed4a896285f[disabled], .c1ed4a896285f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca860b679de58, .c593329a612dd button, .ccc157dfa0a43 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca860b679de58 svg, .c593329a612dd button svg, .ccc157dfa0a43 svg,
.ca860b679de58 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca860b679de58:focus-visible, .c593329a612dd button:focus-visible, .ccc157dfa0a43:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca860b679de58:focus-visible svg, .c593329a612dd button:focus-visible svg, .ccc157dfa0a43:focus-visible svg,
.ca860b679de58:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca860b679de58:hover, .c593329a612dd button:hover, .ccc157dfa0a43:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca860b679de58:hover svg, .c593329a612dd button:hover svg, .ccc157dfa0a43:hover svg,
.ca860b679de58:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca860b679de58:active, .c593329a612dd button:active, .ccc157dfa0a43:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca860b679de58:active svg, .c593329a612dd button:active svg, .ccc157dfa0a43:active svg,
.ca860b679de58:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca860b679de58.disabled, .c593329a612dd button.disabled, .ccc157dfa0a43.disabled, .ca860b679de58[disabled], .c593329a612dd button[disabled], [disabled].ccc157dfa0a43, .ca860b679de58:disabled, .c593329a612dd button:disabled, .ccc157dfa0a43:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca860b679de58.disabled svg, .c593329a612dd button.disabled svg, .ccc157dfa0a43.disabled svg,
.ca860b679de58.disabled span svg, .ca860b679de58[disabled] svg, .c593329a612dd button[disabled] svg, [disabled].ccc157dfa0a43 svg,
.ca860b679de58[disabled] span svg, .ca860b679de58:disabled svg, .c593329a612dd button:disabled svg, .ccc157dfa0a43:disabled svg,
.ca860b679de58:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c5d258f4962f0 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c5d258f4962f0 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cd20023d2faf4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cd20023d2faf4 svg,
.cd20023d2faf4 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cd20023d2faf4:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cd20023d2faf4:focus-visible svg,
.cd20023d2faf4:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cd20023d2faf4:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cd20023d2faf4:hover svg,
.cd20023d2faf4:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cd20023d2faf4:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cd20023d2faf4:active svg,
.cd20023d2faf4:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c58433a5e9ce9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c612215ab5669 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca62c1e9902d3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ca62c1e9902d3:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ca62c1e9902d3:focus-visible svg,
.ca62c1e9902d3:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ca62c1e9902d3:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ca62c1e9902d3:active {
  border: none;
  background-color: transparent;
}

.ca2cd8a5d073f, .ccc157dfa0a43 svg, .c5af75bf6ac23, .cf8d6c793708f span svg, .c593329a612dd button svg, .ce5832f5250b2.intermediate svg, .cd69615335a36 label span.intermediate svg, .ce5832f5250b2.checked svg, .cd69615335a36 label span.checked svg, .cf9a066c52178 span svg,
.cf9a066c52178 label svg, .c2e7c4c43f7c7 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c939a7764ac90 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c939a7764ac90:hover {
  fill: none;
  stroke: none;
}

.c5af75bf6ac23, .cf8d6c793708f span svg, .c593329a612dd button svg, .ce5832f5250b2.intermediate svg, .cd69615335a36 label span.intermediate svg, .ce5832f5250b2.checked svg, .cd69615335a36 label span.checked svg, .cf9a066c52178 span svg,
.cf9a066c52178 label svg, .c2e7c4c43f7c7 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ccf1853a6a158 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ccf1853a6a158:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cc3bb138376a9, .ce1bee11e86b8 input, .c9ada9afec4b1 input, .cf9a066c52178 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cc3bb138376a9, .ce1bee11e86b8 input, .c9ada9afec4b1 input, .cf9a066c52178 input {
    height: 23px;
  }
}
.cc3bb138376a9, .ce1bee11e86b8 input, .c9ada9afec4b1 input, .cf9a066c52178 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cc3bb138376a9[disabled], .ce1bee11e86b8 input[disabled], .c9ada9afec4b1 input[disabled], .cf9a066c52178 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c2e7c4c43f7c7 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ca6a4d127d433, .cf9a066c52178 span,
.cf9a066c52178 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca6a4d127d433, .cf9a066c52178 span,
  .cf9a066c52178 label {
    height: 25px;
  }
}
.ca6a4d127d433, .cf9a066c52178 span,
.cf9a066c52178 label {
  color: var(--input-foreground-color);
}

.cf9a066c52178 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf9a066c52178 {
    height: 25px;
    font-size: 10px;
  }
}
.cf9a066c52178 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cf9a066c52178 span svg,
.cf9a066c52178 label svg {
  color: var(--input-foreground-color);
}
.cf9a066c52178 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cf9a066c52178 ::placeholder {
  color: var(--input-placeholder-color);
}
.cf9a066c52178:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf9a066c52178:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cf9a066c52178:hover span {
  color: var(--input-foreground-color-hover);
}
.cf9a066c52178:hover input {
  color: var(--input-foreground-color-hover);
}
.cf9a066c52178:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cf9a066c52178:active span {
  color: var(--input-foreground-color-active);
}
.cf9a066c52178:active input {
  color: var(--input-foreground-color-active);
}
.cf9a066c52178:focus, .cf9a066c52178:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf9a066c52178:focus span, .cf9a066c52178:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cf9a066c52178:focus input, .cf9a066c52178:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cf9a066c52178:focus:hover, .cf9a066c52178:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf9a066c52178:focus:hover span, .cf9a066c52178:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cf9a066c52178:focus:hover input, .cf9a066c52178:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c9ada9afec4b1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c9ada9afec4b1 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c9ada9afec4b1 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c9ada9afec4b1 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c9ada9afec4b1:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c9ada9afec4b1:focus-within input, .c9ada9afec4b1:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c26421652f2bb, .ce1bee11e86b8.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c26421652f2bb input, .ce1bee11e86b8.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c26421652f2bb span svg, .ce1bee11e86b8.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ce5832f5250b2, .cd69615335a36 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ce5832f5250b2 svg, .cd69615335a36 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ce5832f5250b2:hover, .cd69615335a36 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ce5832f5250b2:focus, .cd69615335a36 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ce5832f5250b2.checked, .cd69615335a36 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ce5832f5250b2.checked svg, .cd69615335a36 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ce5832f5250b2.intermediate, .cd69615335a36 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ce5832f5250b2.intermediate svg, .cd69615335a36 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ce5832f5250b2.unchecked, .cd69615335a36 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ce5832f5250b2.unchecked svg, .cd69615335a36 label span.unchecked svg {
  display: none;
}

.cd69615335a36 {
  display: flex;
  align-items: center;
}
.cd69615335a36 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cd69615335a36 label input {
  margin: 0;
}
.cd69615335a36 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd69615335a36 label:focus span, .cd69615335a36 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ce1bee11e86b8 {
  display: flex;
  flex-direction: column;
}
.ce1bee11e86b8 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ce1bee11e86b8 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ce1bee11e86b8 input:focus-within input, .ce1bee11e86b8 input:active input {
  color: var(--input-foreground-color-active);
}
.ce1bee11e86b8 input:focus-within, .ce1bee11e86b8 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce1bee11e86b8.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c8be07ef5bed4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cddea5d7b47f9 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c4248bb51b236 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ccc157dfa0a43 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cfe0bb4b88328 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c1af80495f6ed {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c70e64bca5661 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c62c8f5362e4f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c29a2c4e9e1ba {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ca9b7664e4cb5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ca9b7664e4cb5:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c70feb60979c3 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c35824d5e6205 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c750463d29480 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c827dfca9e3bc {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c69782f357899 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c69782f357899:hover, .c69782f357899:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c593329a612dd div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c593329a612dd button {
  display: none;
}
.c593329a612dd button svg {
  stroke: var(--icon-foreground);
}
.c593329a612dd:hover button {
  display: flex;
}

.cfb41a46e070e {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cfb41a46e070e .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cfb41a46e070e .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c48fd5c577104 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c48fd5c577104:hover div {
  color: var(--entry-foreground-color-hover);
}

.c7284dbb3044d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c291d4f2b8807 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c291d4f2b8807:hover {
  background-color: var(--menu-background-color-hover);
}

.cf8d6c793708f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cf8d6c793708f span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf8d6c793708f span svg {
  stroke: var(--icon-foreground);
}
.cf8d6c793708f:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cf8d6c793708f:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c67cc050fc6c1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cbcf1fd743289 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c8a809e06865e,
.ce2d1094ef723 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb7638b37813a .c8a809e06865e,
.cb7638b37813a .ce2d1094ef723 {
  transform: scale(1);
}

.c11bf74d24545 .c8a809e06865e,
.c11bf74d24545 .ce2d1094ef723 {
  transform: scale(0);
}

.c093412c1e2c3 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.25rem;
  grid-row-gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.c4166ed3f245e {
  height: 43px;
  display: flex;
  align-items: center;
}

.c70e1d8398fdd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 2rem;
}

.c4fe2c1109ae8 {
  width: 14.25rem;
}
@keyframes c13816a2ff8ab {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c2c26ce410adb {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c2c26ce410adb:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c2c26ce410adb ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c2c26ce410adb ::-webkit-scrollbar-track,
.c2c26ce410adb ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c2c26ce410adb ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c2c26ce410adb ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c2c26ce410adb ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2c26ce410adb ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2c26ce410adb ::placeholder,
.c2c26ce410adb ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c73fb26fef52e, .c695b6e7a07b4, .c5a35519b4fe3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c73fb26fef52e svg, .c695b6e7a07b4 svg, .c5a35519b4fe3 svg,
.c73fb26fef52e span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c73fb26fef52e:focus-visible, .c695b6e7a07b4:focus-visible, .c5a35519b4fe3:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c73fb26fef52e:focus-visible svg, .c695b6e7a07b4:focus-visible svg, .c5a35519b4fe3:focus-visible svg,
.c73fb26fef52e:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c73fb26fef52e:hover, .c695b6e7a07b4:hover, .c5a35519b4fe3:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c73fb26fef52e:hover svg, .c695b6e7a07b4:hover svg, .c5a35519b4fe3:hover svg,
.c73fb26fef52e:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c73fb26fef52e:active, .c695b6e7a07b4:active, .c5a35519b4fe3:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c73fb26fef52e:active svg, .c695b6e7a07b4:active svg, .c5a35519b4fe3:active svg,
.c73fb26fef52e:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c73fb26fef52e.disabled, .c695b6e7a07b4.disabled, .c5a35519b4fe3.disabled, .c73fb26fef52e[disabled], [disabled].c695b6e7a07b4, [disabled].c5a35519b4fe3, .c73fb26fef52e:disabled, .c695b6e7a07b4:disabled, .c5a35519b4fe3:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c044765bc3849, .c6ff3bfc34dc4,
.ca04d03e04c2b, .c381b26fe38fa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c044765bc3849 svg, .c6ff3bfc34dc4 svg,
.ca04d03e04c2b svg, .c381b26fe38fa svg,
.c044765bc3849 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c044765bc3849:focus-visible, .c6ff3bfc34dc4:focus-visible,
.ca04d03e04c2b:focus-visible, .c381b26fe38fa:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c044765bc3849:focus-visible svg, .c6ff3bfc34dc4:focus-visible svg,
.ca04d03e04c2b:focus-visible svg, .c381b26fe38fa:focus-visible svg,
.c044765bc3849:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c044765bc3849:hover, .c6ff3bfc34dc4:hover,
.ca04d03e04c2b:hover, .c381b26fe38fa:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c044765bc3849:hover svg, .c6ff3bfc34dc4:hover svg,
.ca04d03e04c2b:hover svg, .c381b26fe38fa:hover svg,
.c044765bc3849:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c044765bc3849:active, .c6ff3bfc34dc4:active,
.ca04d03e04c2b:active, .c381b26fe38fa:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c044765bc3849:active svg, .c6ff3bfc34dc4:active svg,
.ca04d03e04c2b:active svg, .c381b26fe38fa:active svg,
.c044765bc3849:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c044765bc3849.disabled, .c6ff3bfc34dc4.disabled,
.ca04d03e04c2b.disabled, .c381b26fe38fa.disabled, .c044765bc3849[disabled], [disabled].c6ff3bfc34dc4,
[disabled].ca04d03e04c2b, [disabled].c381b26fe38fa, .c044765bc3849:disabled, .c6ff3bfc34dc4:disabled,
.ca04d03e04c2b:disabled, .c381b26fe38fa:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6ecbc74c4361 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c6ecbc74c4361 svg,
.c6ecbc74c4361 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c6ecbc74c4361:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c6ecbc74c4361:focus-visible svg,
.c6ecbc74c4361:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c6ecbc74c4361:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c6ecbc74c4361:hover svg,
.c6ecbc74c4361:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c6ecbc74c4361:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c6ecbc74c4361:active svg,
.c6ecbc74c4361:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c6ecbc74c4361.disabled, .c6ecbc74c4361[disabled], .c6ecbc74c4361:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c732de026f722, .ca23838eefd9a button, .c56e9f06c78f7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c732de026f722 svg, .ca23838eefd9a button svg, .c56e9f06c78f7 svg,
.c732de026f722 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c732de026f722:focus-visible, .ca23838eefd9a button:focus-visible, .c56e9f06c78f7:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c732de026f722:focus-visible svg, .ca23838eefd9a button:focus-visible svg, .c56e9f06c78f7:focus-visible svg,
.c732de026f722:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c732de026f722:hover, .ca23838eefd9a button:hover, .c56e9f06c78f7:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c732de026f722:hover svg, .ca23838eefd9a button:hover svg, .c56e9f06c78f7:hover svg,
.c732de026f722:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c732de026f722:active, .ca23838eefd9a button:active, .c56e9f06c78f7:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c732de026f722:active svg, .ca23838eefd9a button:active svg, .c56e9f06c78f7:active svg,
.c732de026f722:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c732de026f722.disabled, .ca23838eefd9a button.disabled, .c56e9f06c78f7.disabled, .c732de026f722[disabled], .ca23838eefd9a button[disabled], [disabled].c56e9f06c78f7, .c732de026f722:disabled, .ca23838eefd9a button:disabled, .c56e9f06c78f7:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c732de026f722.disabled svg, .ca23838eefd9a button.disabled svg, .c56e9f06c78f7.disabled svg,
.c732de026f722.disabled span svg, .c732de026f722[disabled] svg, .ca23838eefd9a button[disabled] svg, [disabled].c56e9f06c78f7 svg,
.c732de026f722[disabled] span svg, .c732de026f722:disabled svg, .ca23838eefd9a button:disabled svg, .c56e9f06c78f7:disabled svg,
.c732de026f722:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c5023c2cfd4cc {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c5023c2cfd4cc svg {
  color: var(--button-icon-foreground-color-selected);
}

.c20c8fd835bf0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c20c8fd835bf0 svg,
.c20c8fd835bf0 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c20c8fd835bf0:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c20c8fd835bf0:focus-visible svg,
.c20c8fd835bf0:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c20c8fd835bf0:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c20c8fd835bf0:hover svg,
.c20c8fd835bf0:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c20c8fd835bf0:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c20c8fd835bf0:active svg,
.c20c8fd835bf0:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c64579e30396d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cd16ddfaa3a7b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc52dc6d1c367 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc52dc6d1c367:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cc52dc6d1c367:focus-visible svg,
.cc52dc6d1c367:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cc52dc6d1c367:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cc52dc6d1c367:active {
  border: none;
  background-color: transparent;
}

.ce69bb502ef3b, .c6ff3bfc34dc4 svg,
.ca04d03e04c2b svg, .c56e9f06c78f7 svg, .c47f709a26b92, .c47444ffaeb69 span svg, .ca23838eefd9a button svg, .ce19f45e11dda.intermediate svg, .ccf9a0f8d356f label span.intermediate svg, .ce19f45e11dda.checked svg, .ccf9a0f8d356f label span.checked svg, .cdd290768264e span svg,
.cdd290768264e label svg, .c00c32fd7d276 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c76fba5c1e16a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c76fba5c1e16a:hover {
  fill: none;
  stroke: none;
}

.c47f709a26b92, .c47444ffaeb69 span svg, .ca23838eefd9a button svg, .ce19f45e11dda.intermediate svg, .ccf9a0f8d356f label span.intermediate svg, .ce19f45e11dda.checked svg, .ccf9a0f8d356f label span.checked svg, .cdd290768264e span svg,
.cdd290768264e label svg, .c00c32fd7d276 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c06e0a1ef91b4 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c06e0a1ef91b4:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cb462f3d93a5e, .cf779898cdf7f input, .c44ced1b6e1e7 input, .cdd290768264e input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cb462f3d93a5e, .cf779898cdf7f input, .c44ced1b6e1e7 input, .cdd290768264e input {
    height: 23px;
  }
}
.cb462f3d93a5e, .cf779898cdf7f input, .c44ced1b6e1e7 input, .cdd290768264e input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cb462f3d93a5e[disabled], .cf779898cdf7f input[disabled], .c44ced1b6e1e7 input[disabled], .cdd290768264e input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c00c32fd7d276 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cbc9652182022, .cdd290768264e span,
.cdd290768264e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbc9652182022, .cdd290768264e span,
  .cdd290768264e label {
    height: 25px;
  }
}
.cbc9652182022, .cdd290768264e span,
.cdd290768264e label {
  color: var(--input-foreground-color);
}

.cdd290768264e {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cdd290768264e {
    height: 25px;
    font-size: 10px;
  }
}
.cdd290768264e {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cdd290768264e span svg,
.cdd290768264e label svg {
  color: var(--input-foreground-color);
}
.cdd290768264e ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cdd290768264e ::placeholder {
  color: var(--input-placeholder-color);
}
.cdd290768264e:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cdd290768264e:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cdd290768264e:hover span {
  color: var(--input-foreground-color-hover);
}
.cdd290768264e:hover input {
  color: var(--input-foreground-color-hover);
}
.cdd290768264e:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cdd290768264e:active span {
  color: var(--input-foreground-color-active);
}
.cdd290768264e:active input {
  color: var(--input-foreground-color-active);
}
.cdd290768264e:focus, .cdd290768264e:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cdd290768264e:focus span, .cdd290768264e:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cdd290768264e:focus input, .cdd290768264e:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cdd290768264e:focus:hover, .cdd290768264e:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cdd290768264e:focus:hover span, .cdd290768264e:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cdd290768264e:focus:hover input, .cdd290768264e:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c44ced1b6e1e7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c44ced1b6e1e7 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c44ced1b6e1e7 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c44ced1b6e1e7 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c44ced1b6e1e7:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c44ced1b6e1e7:focus-within input, .c44ced1b6e1e7:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cb16bdb5768f2, .cf779898cdf7f.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cb16bdb5768f2 input, .cf779898cdf7f.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cb16bdb5768f2 span svg, .cf779898cdf7f.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ce19f45e11dda, .ccf9a0f8d356f label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ce19f45e11dda svg, .ccf9a0f8d356f label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ce19f45e11dda:hover, .ccf9a0f8d356f label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ce19f45e11dda:focus, .ccf9a0f8d356f label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ce19f45e11dda.checked, .ccf9a0f8d356f label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ce19f45e11dda.checked svg, .ccf9a0f8d356f label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ce19f45e11dda.intermediate, .ccf9a0f8d356f label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ce19f45e11dda.intermediate svg, .ccf9a0f8d356f label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ce19f45e11dda.unchecked, .ccf9a0f8d356f label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ce19f45e11dda.unchecked svg, .ccf9a0f8d356f label span.unchecked svg {
  display: none;
}

.ccf9a0f8d356f {
  display: flex;
  align-items: center;
}
.ccf9a0f8d356f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ccf9a0f8d356f label input {
  margin: 0;
}
.ccf9a0f8d356f label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ccf9a0f8d356f label:focus span, .ccf9a0f8d356f label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cf779898cdf7f {
  display: flex;
  flex-direction: column;
}
.cf779898cdf7f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cf779898cdf7f input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cf779898cdf7f input:focus-within input, .cf779898cdf7f input:active input {
  color: var(--input-foreground-color-active);
}
.cf779898cdf7f input:focus-within, .cf779898cdf7f input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf779898cdf7f.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ce368b483f220 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cddd2625dac7c {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ce38ebc27a9a1 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c56e9f06c78f7 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c048feae090cc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c2331e1f26ab6 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c381b26fe38fa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c5a35519b4fe3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c695b6e7a07b4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c10be8db9fdbc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c10be8db9fdbc:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c6d392d3e790e {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c9be732b5a4d0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cc2a57e263ab6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c610cd6ba0359 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c5f6bbd86d46e {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c5f6bbd86d46e:hover, .c5f6bbd86d46e:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ca23838eefd9a div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ca23838eefd9a button {
  display: none;
}
.ca23838eefd9a button svg {
  stroke: var(--icon-foreground);
}
.ca23838eefd9a:hover button {
  display: flex;
}

.cfb728a3a2788 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cfb728a3a2788 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cfb728a3a2788 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ca359babc50f3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ca359babc50f3:hover div {
  color: var(--entry-foreground-color-hover);
}

.c81bcb640b0e2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c8691673deee7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c8691673deee7:hover {
  background-color: var(--menu-background-color-hover);
}

.c47444ffaeb69 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c47444ffaeb69 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c47444ffaeb69 span svg {
  stroke: var(--icon-foreground);
}
.c47444ffaeb69:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c47444ffaeb69:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cd61b3cb7d9cb {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c070c3b35e681 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ce8ef619b8aad,
.c5270c70dbfcc {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb558d89719ec .ce8ef619b8aad,
.cb558d89719ec .c5270c70dbfcc {
  transform: scale(1);
}

.cf4c8844c8288 .ce8ef619b8aad,
.cf4c8844c8288 .c5270c70dbfcc {
  transform: scale(0);
}

.c1b87d3fbb938 {
  margin-top: 0.5rem;
  width: 100%;
}

.cc0485f382eaa {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 0.25rem;
  justify-content: space-between;
  overflow: auto;
  margin-top: 0.5rem;
  max-height: 10.5rem;
}

.c6ff3bfc34dc4,
.ca04d03e04c2b {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  padding: 0;
}
.c6ff3bfc34dc4 svg,
.ca04d03e04c2b svg {
  height: 16px;
  width: 16px;
}

.cc0485f382eaa::after {
  content: "";
  flex: auto;
}

.c070c3b35e681 {
  overflow: initial;
}
@keyframes c37aaa1b85c2c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c2d4ff4de5096 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c2d4ff4de5096:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c2d4ff4de5096 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c2d4ff4de5096 ::-webkit-scrollbar-track,
.c2d4ff4de5096 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c2d4ff4de5096 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c2d4ff4de5096 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c2d4ff4de5096 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2d4ff4de5096 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2d4ff4de5096 ::placeholder,
.c2d4ff4de5096 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c9f5c12b435ec, .cd1bfa75866f2, .c09b4f8c7ecdf {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c9f5c12b435ec svg, .cd1bfa75866f2 svg, .c09b4f8c7ecdf svg,
.c9f5c12b435ec span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c9f5c12b435ec:focus-visible, .cd1bfa75866f2:focus-visible, .c09b4f8c7ecdf:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c9f5c12b435ec:focus-visible svg, .cd1bfa75866f2:focus-visible svg, .c09b4f8c7ecdf:focus-visible svg,
.c9f5c12b435ec:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c9f5c12b435ec:hover, .cd1bfa75866f2:hover, .c09b4f8c7ecdf:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c9f5c12b435ec:hover svg, .cd1bfa75866f2:hover svg, .c09b4f8c7ecdf:hover svg,
.c9f5c12b435ec:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c9f5c12b435ec:active, .cd1bfa75866f2:active, .c09b4f8c7ecdf:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c9f5c12b435ec:active svg, .cd1bfa75866f2:active svg, .c09b4f8c7ecdf:active svg,
.c9f5c12b435ec:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c9f5c12b435ec.disabled, .cd1bfa75866f2.disabled, .c09b4f8c7ecdf.disabled, .c9f5c12b435ec[disabled], [disabled].cd1bfa75866f2, [disabled].c09b4f8c7ecdf, .c9f5c12b435ec:disabled, .cd1bfa75866f2:disabled, .c09b4f8c7ecdf:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6b05f2ca3391, .c9364feccf766 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c6b05f2ca3391 svg, .c9364feccf766 svg,
.c6b05f2ca3391 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c6b05f2ca3391:focus-visible, .c9364feccf766:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c6b05f2ca3391:focus-visible svg, .c9364feccf766:focus-visible svg,
.c6b05f2ca3391:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c6b05f2ca3391:hover, .c9364feccf766:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c6b05f2ca3391:hover svg, .c9364feccf766:hover svg,
.c6b05f2ca3391:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c6b05f2ca3391:active, .c9364feccf766:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c6b05f2ca3391:active svg, .c9364feccf766:active svg,
.c6b05f2ca3391:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c6b05f2ca3391.disabled, .c9364feccf766.disabled, .c6b05f2ca3391[disabled], [disabled].c9364feccf766, .c6b05f2ca3391:disabled, .c9364feccf766:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc84475e5cdf3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cc84475e5cdf3 svg,
.cc84475e5cdf3 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cc84475e5cdf3:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cc84475e5cdf3:focus-visible svg,
.cc84475e5cdf3:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cc84475e5cdf3:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cc84475e5cdf3:hover svg,
.cc84475e5cdf3:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cc84475e5cdf3:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cc84475e5cdf3:active svg,
.cc84475e5cdf3:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cc84475e5cdf3.disabled, .cc84475e5cdf3[disabled], .cc84475e5cdf3:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd5df8af4401e, .c31da0ce50aef button, .ce193a94f10e8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cd5df8af4401e svg, .c31da0ce50aef button svg, .ce193a94f10e8 svg,
.cd5df8af4401e span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cd5df8af4401e:focus-visible, .c31da0ce50aef button:focus-visible, .ce193a94f10e8:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cd5df8af4401e:focus-visible svg, .c31da0ce50aef button:focus-visible svg, .ce193a94f10e8:focus-visible svg,
.cd5df8af4401e:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cd5df8af4401e:hover, .c31da0ce50aef button:hover, .ce193a94f10e8:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cd5df8af4401e:hover svg, .c31da0ce50aef button:hover svg, .ce193a94f10e8:hover svg,
.cd5df8af4401e:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cd5df8af4401e:active, .c31da0ce50aef button:active, .ce193a94f10e8:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cd5df8af4401e:active svg, .c31da0ce50aef button:active svg, .ce193a94f10e8:active svg,
.cd5df8af4401e:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cd5df8af4401e.disabled, .c31da0ce50aef button.disabled, .ce193a94f10e8.disabled, .cd5df8af4401e[disabled], .c31da0ce50aef button[disabled], [disabled].ce193a94f10e8, .cd5df8af4401e:disabled, .c31da0ce50aef button:disabled, .ce193a94f10e8:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cd5df8af4401e.disabled svg, .c31da0ce50aef button.disabled svg, .ce193a94f10e8.disabled svg,
.cd5df8af4401e.disabled span svg, .cd5df8af4401e[disabled] svg, .c31da0ce50aef button[disabled] svg, [disabled].ce193a94f10e8 svg,
.cd5df8af4401e[disabled] span svg, .cd5df8af4401e:disabled svg, .c31da0ce50aef button:disabled svg, .ce193a94f10e8:disabled svg,
.cd5df8af4401e:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cf137dc1aaf3c {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cf137dc1aaf3c svg {
  color: var(--button-icon-foreground-color-selected);
}

.c6f0cf86b7369 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c6f0cf86b7369 svg,
.c6f0cf86b7369 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c6f0cf86b7369:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c6f0cf86b7369:focus-visible svg,
.c6f0cf86b7369:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c6f0cf86b7369:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c6f0cf86b7369:hover svg,
.c6f0cf86b7369:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c6f0cf86b7369:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c6f0cf86b7369:active svg,
.c6f0cf86b7369:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cbe9f629b2db9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cf6338ff541d9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c09d4f156c33d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c09d4f156c33d:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c09d4f156c33d:focus-visible svg,
.c09d4f156c33d:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c09d4f156c33d:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c09d4f156c33d:active {
  border: none;
  background-color: transparent;
}

.c2ab52d01ca65, .ce193a94f10e8 svg, .caa288e926a9e, .cb02dbf26903b span svg, .c31da0ce50aef button svg, .c061173cd797e.intermediate svg, .c84d165ebfd1c label span.intermediate svg, .c061173cd797e.checked svg, .c84d165ebfd1c label span.checked svg, .c39178849276e span svg,
.c39178849276e label svg, .c6a57e315dc97 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c73242419c0f0 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c73242419c0f0:hover {
  fill: none;
  stroke: none;
}

.caa288e926a9e, .cb02dbf26903b span svg, .c31da0ce50aef button svg, .c061173cd797e.intermediate svg, .c84d165ebfd1c label span.intermediate svg, .c061173cd797e.checked svg, .c84d165ebfd1c label span.checked svg, .c39178849276e span svg,
.c39178849276e label svg, .c6a57e315dc97 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c762a456ecdc1 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c762a456ecdc1:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cb3d9df6a0e34, .c386a98ba125f input, .c1fed6277e091 input, .c39178849276e input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cb3d9df6a0e34, .c386a98ba125f input, .c1fed6277e091 input, .c39178849276e input {
    height: 23px;
  }
}
.cb3d9df6a0e34, .c386a98ba125f input, .c1fed6277e091 input, .c39178849276e input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cb3d9df6a0e34[disabled], .c386a98ba125f input[disabled], .c1fed6277e091 input[disabled], .c39178849276e input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c6a57e315dc97 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cf30d18d3fb9f, .c39178849276e span,
.c39178849276e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf30d18d3fb9f, .c39178849276e span,
  .c39178849276e label {
    height: 25px;
  }
}
.cf30d18d3fb9f, .c39178849276e span,
.c39178849276e label {
  color: var(--input-foreground-color);
}

.c39178849276e {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c39178849276e {
    height: 25px;
    font-size: 10px;
  }
}
.c39178849276e {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c39178849276e span svg,
.c39178849276e label svg {
  color: var(--input-foreground-color);
}
.c39178849276e ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c39178849276e ::placeholder {
  color: var(--input-placeholder-color);
}
.c39178849276e:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c39178849276e:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c39178849276e:hover span {
  color: var(--input-foreground-color-hover);
}
.c39178849276e:hover input {
  color: var(--input-foreground-color-hover);
}
.c39178849276e:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c39178849276e:active span {
  color: var(--input-foreground-color-active);
}
.c39178849276e:active input {
  color: var(--input-foreground-color-active);
}
.c39178849276e:focus, .c39178849276e:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c39178849276e:focus span, .c39178849276e:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c39178849276e:focus input, .c39178849276e:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c39178849276e:focus:hover, .c39178849276e:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c39178849276e:focus:hover span, .c39178849276e:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c39178849276e:focus:hover input, .c39178849276e:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c1fed6277e091 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c1fed6277e091 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c1fed6277e091 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1fed6277e091 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1fed6277e091:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c1fed6277e091:focus-within input, .c1fed6277e091:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c9c5fff8a80e9, .c386a98ba125f.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c9c5fff8a80e9 input, .c386a98ba125f.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c9c5fff8a80e9 span svg, .c386a98ba125f.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c061173cd797e, .c84d165ebfd1c label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c061173cd797e svg, .c84d165ebfd1c label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c061173cd797e:hover, .c84d165ebfd1c label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c061173cd797e:focus, .c84d165ebfd1c label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c061173cd797e.checked, .c84d165ebfd1c label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c061173cd797e.checked svg, .c84d165ebfd1c label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c061173cd797e.intermediate, .c84d165ebfd1c label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c061173cd797e.intermediate svg, .c84d165ebfd1c label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c061173cd797e.unchecked, .c84d165ebfd1c label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c061173cd797e.unchecked svg, .c84d165ebfd1c label span.unchecked svg {
  display: none;
}

.c84d165ebfd1c {
  display: flex;
  align-items: center;
}
.c84d165ebfd1c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c84d165ebfd1c label input {
  margin: 0;
}
.c84d165ebfd1c label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c84d165ebfd1c label:focus span, .c84d165ebfd1c label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c386a98ba125f {
  display: flex;
  flex-direction: column;
}
.c386a98ba125f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c386a98ba125f input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c386a98ba125f input:focus-within input, .c386a98ba125f input:active input {
  color: var(--input-foreground-color-active);
}
.c386a98ba125f input:focus-within, .c386a98ba125f input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c386a98ba125f.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf04c45441e58 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c8c46c7054a13 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c3111105c2321 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ce193a94f10e8 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cb2986e0c0f18 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c78f210661c76 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c9364feccf766 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c09b4f8c7ecdf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd1bfa75866f2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c4c70de22b72c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c4c70de22b72c:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c175b7376ea6e {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c69838837e157 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cd94f8c15c996 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cae221812bf0a {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c6dfe771a8096, .cb6bf46d514b6 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c6dfe771a8096:hover, .cb6bf46d514b6:hover, .c6dfe771a8096:active, .cb6bf46d514b6:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c31da0ce50aef div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c31da0ce50aef button {
  display: none;
}
.c31da0ce50aef button svg {
  stroke: var(--icon-foreground);
}
.c31da0ce50aef:hover button {
  display: flex;
}

.ce111a005e32b {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ce111a005e32b .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ce111a005e32b .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cd26c54d8d0c9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cd26c54d8d0c9:hover div {
  color: var(--entry-foreground-color-hover);
}

.c57ea02459134 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ce3571be5d017 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ce3571be5d017:hover {
  background-color: var(--menu-background-color-hover);
}

.cb02dbf26903b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cb02dbf26903b span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cb02dbf26903b span svg {
  stroke: var(--icon-foreground);
}
.cb02dbf26903b:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cb02dbf26903b:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cfbed6b7eecc7 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c39c7953ce09c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ccd670e5978ae,
.ccd5834718b23 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb0970b2e6498 .ccd670e5978ae,
.cb0970b2e6498 .ccd5834718b23 {
  transform: scale(1);
}

.c5b18fa1d02dd .ccd670e5978ae,
.c5b18fa1d02dd .ccd5834718b23 {
  transform: scale(0);
}

.c0dbea32b145c {
  background-color: rgba(var(--hue-rgb));
  position: relative;
  height: 8.75rem;
  width: 100%;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  cursor: pointer;
}
.c0dbea32b145c::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.c0dbea32b145c::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.cb6bf46d514b6 {
  height: 1rem;
  width: 1rem;
  border: 0.125rem solid var(--colorpicker-handlers-color);
}

.cead867b921a9 {
  display: flex;
  gap: 0.25rem;
  height: calc(2.75rem * 2);
  cursor: pointer;
}

.c036989606ef8 {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}
@keyframes c9ce8f86049c1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c5cf1e41ff9a2 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c5cf1e41ff9a2:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c5cf1e41ff9a2 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c5cf1e41ff9a2 ::-webkit-scrollbar-track,
.c5cf1e41ff9a2 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c5cf1e41ff9a2 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c5cf1e41ff9a2 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c5cf1e41ff9a2 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5cf1e41ff9a2 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5cf1e41ff9a2 ::placeholder,
.c5cf1e41ff9a2 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cb981e2a8216a, .c807161e89672, .c67cbf5acbe1b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cb981e2a8216a svg, .c807161e89672 svg, .c67cbf5acbe1b svg,
.cb981e2a8216a span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cb981e2a8216a:focus-visible, .c807161e89672:focus-visible, .c67cbf5acbe1b:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cb981e2a8216a:focus-visible svg, .c807161e89672:focus-visible svg, .c67cbf5acbe1b:focus-visible svg,
.cb981e2a8216a:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cb981e2a8216a:hover, .c807161e89672:hover, .c67cbf5acbe1b:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cb981e2a8216a:hover svg, .c807161e89672:hover svg, .c67cbf5acbe1b:hover svg,
.cb981e2a8216a:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cb981e2a8216a:active, .c807161e89672:active, .c67cbf5acbe1b:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cb981e2a8216a:active svg, .c807161e89672:active svg, .c67cbf5acbe1b:active svg,
.cb981e2a8216a:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cb981e2a8216a.disabled, .c807161e89672.disabled, .c67cbf5acbe1b.disabled, .cb981e2a8216a[disabled], [disabled].c807161e89672, [disabled].c67cbf5acbe1b, .cb981e2a8216a:disabled, .c807161e89672:disabled, .c67cbf5acbe1b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c01ce8ae9e8ec, .c86b405e63f85 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c01ce8ae9e8ec svg, .c86b405e63f85 svg,
.c01ce8ae9e8ec span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c01ce8ae9e8ec:focus-visible, .c86b405e63f85:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c01ce8ae9e8ec:focus-visible svg, .c86b405e63f85:focus-visible svg,
.c01ce8ae9e8ec:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c01ce8ae9e8ec:hover, .c86b405e63f85:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c01ce8ae9e8ec:hover svg, .c86b405e63f85:hover svg,
.c01ce8ae9e8ec:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c01ce8ae9e8ec:active, .c86b405e63f85:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c01ce8ae9e8ec:active svg, .c86b405e63f85:active svg,
.c01ce8ae9e8ec:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c01ce8ae9e8ec.disabled, .c86b405e63f85.disabled, .c01ce8ae9e8ec[disabled], [disabled].c86b405e63f85, .c01ce8ae9e8ec:disabled, .c86b405e63f85:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.caf938be9e6ab {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.caf938be9e6ab svg,
.caf938be9e6ab span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.caf938be9e6ab:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.caf938be9e6ab:focus-visible svg,
.caf938be9e6ab:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.caf938be9e6ab:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.caf938be9e6ab:hover svg,
.caf938be9e6ab:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.caf938be9e6ab:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.caf938be9e6ab:active svg,
.caf938be9e6ab:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.caf938be9e6ab.disabled, .caf938be9e6ab[disabled], .caf938be9e6ab:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd694f49d4d92, .c59158628df8f button, .c80a18558b83e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cd694f49d4d92 svg, .c59158628df8f button svg, .c80a18558b83e svg,
.cd694f49d4d92 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cd694f49d4d92:focus-visible, .c59158628df8f button:focus-visible, .c80a18558b83e:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cd694f49d4d92:focus-visible svg, .c59158628df8f button:focus-visible svg, .c80a18558b83e:focus-visible svg,
.cd694f49d4d92:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cd694f49d4d92:hover, .c59158628df8f button:hover, .c80a18558b83e:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cd694f49d4d92:hover svg, .c59158628df8f button:hover svg, .c80a18558b83e:hover svg,
.cd694f49d4d92:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cd694f49d4d92:active, .c59158628df8f button:active, .c80a18558b83e:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cd694f49d4d92:active svg, .c59158628df8f button:active svg, .c80a18558b83e:active svg,
.cd694f49d4d92:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cd694f49d4d92.disabled, .c59158628df8f button.disabled, .c80a18558b83e.disabled, .cd694f49d4d92[disabled], .c59158628df8f button[disabled], [disabled].c80a18558b83e, .cd694f49d4d92:disabled, .c59158628df8f button:disabled, .c80a18558b83e:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cd694f49d4d92.disabled svg, .c59158628df8f button.disabled svg, .c80a18558b83e.disabled svg,
.cd694f49d4d92.disabled span svg, .cd694f49d4d92[disabled] svg, .c59158628df8f button[disabled] svg, [disabled].c80a18558b83e svg,
.cd694f49d4d92[disabled] span svg, .cd694f49d4d92:disabled svg, .c59158628df8f button:disabled svg, .c80a18558b83e:disabled svg,
.cd694f49d4d92:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c557b3ffa5e8a {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c557b3ffa5e8a svg {
  color: var(--button-icon-foreground-color-selected);
}

.c8fda2a2b5c17 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c8fda2a2b5c17 svg,
.c8fda2a2b5c17 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c8fda2a2b5c17:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c8fda2a2b5c17:focus-visible svg,
.c8fda2a2b5c17:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c8fda2a2b5c17:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c8fda2a2b5c17:hover svg,
.c8fda2a2b5c17:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c8fda2a2b5c17:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c8fda2a2b5c17:active svg,
.c8fda2a2b5c17:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cb5744ccd2e37 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c44ff5312bcb9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc7e6cc0f908f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc7e6cc0f908f:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cc7e6cc0f908f:focus-visible svg,
.cc7e6cc0f908f:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cc7e6cc0f908f:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cc7e6cc0f908f:active {
  border: none;
  background-color: transparent;
}

.c6c587e0358fd, .c80a18558b83e svg, .ceab2de6f6e4e, .c39390a84f2f5 span svg, .c59158628df8f button svg, .ce64a1787d406.intermediate svg, .c4f9d748720db label span.intermediate svg, .ce64a1787d406.checked svg, .c4f9d748720db label span.checked svg, .cc5b879221675 span svg,
.cc5b879221675 label svg, .cf50f1d8041f6 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.caf1ec5429703 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.caf1ec5429703:hover {
  fill: none;
  stroke: none;
}

.ceab2de6f6e4e, .c39390a84f2f5 span svg, .c59158628df8f button svg, .ce64a1787d406.intermediate svg, .c4f9d748720db label span.intermediate svg, .ce64a1787d406.checked svg, .c4f9d748720db label span.checked svg, .cc5b879221675 span svg,
.cc5b879221675 label svg, .cf50f1d8041f6 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c8cd46943518e {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c8cd46943518e:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c003072497b51, .c15200effcc6f input, .c12b33e51675e input, .cc5b879221675 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c003072497b51, .c15200effcc6f input, .c12b33e51675e input, .cc5b879221675 input {
    height: 23px;
  }
}
.c003072497b51, .c15200effcc6f input, .c12b33e51675e input, .cc5b879221675 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c003072497b51[disabled], .c15200effcc6f input[disabled], .c12b33e51675e input[disabled], .cc5b879221675 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cf50f1d8041f6 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ccffc1afb3a43, .cc5b879221675 span,
.cc5b879221675 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ccffc1afb3a43, .cc5b879221675 span,
  .cc5b879221675 label {
    height: 25px;
  }
}
.ccffc1afb3a43, .cc5b879221675 span,
.cc5b879221675 label {
  color: var(--input-foreground-color);
}

.cc5b879221675 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc5b879221675 {
    height: 25px;
    font-size: 10px;
  }
}
.cc5b879221675 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cc5b879221675 span svg,
.cc5b879221675 label svg {
  color: var(--input-foreground-color);
}
.cc5b879221675 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cc5b879221675 ::placeholder {
  color: var(--input-placeholder-color);
}
.cc5b879221675:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc5b879221675:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cc5b879221675:hover span {
  color: var(--input-foreground-color-hover);
}
.cc5b879221675:hover input {
  color: var(--input-foreground-color-hover);
}
.cc5b879221675:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cc5b879221675:active span {
  color: var(--input-foreground-color-active);
}
.cc5b879221675:active input {
  color: var(--input-foreground-color-active);
}
.cc5b879221675:focus, .cc5b879221675:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc5b879221675:focus span, .cc5b879221675:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cc5b879221675:focus input, .cc5b879221675:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cc5b879221675:focus:hover, .cc5b879221675:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc5b879221675:focus:hover span, .cc5b879221675:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cc5b879221675:focus:hover input, .cc5b879221675:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c12b33e51675e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c12b33e51675e input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c12b33e51675e ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c12b33e51675e ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c12b33e51675e:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c12b33e51675e:focus-within input, .c12b33e51675e:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c41f00b1834af, .c15200effcc6f.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c41f00b1834af input, .c15200effcc6f.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c41f00b1834af span svg, .c15200effcc6f.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ce64a1787d406, .c4f9d748720db label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ce64a1787d406 svg, .c4f9d748720db label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ce64a1787d406:hover, .c4f9d748720db label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ce64a1787d406:focus, .c4f9d748720db label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ce64a1787d406.checked, .c4f9d748720db label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ce64a1787d406.checked svg, .c4f9d748720db label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ce64a1787d406.intermediate, .c4f9d748720db label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ce64a1787d406.intermediate svg, .c4f9d748720db label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ce64a1787d406.unchecked, .c4f9d748720db label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ce64a1787d406.unchecked svg, .c4f9d748720db label span.unchecked svg {
  display: none;
}

.c4f9d748720db {
  display: flex;
  align-items: center;
}
.c4f9d748720db label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c4f9d748720db label input {
  margin: 0;
}
.c4f9d748720db label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4f9d748720db label:focus span, .c4f9d748720db label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c15200effcc6f {
  display: flex;
  flex-direction: column;
}
.c15200effcc6f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c15200effcc6f input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c15200effcc6f input:focus-within input, .c15200effcc6f input:active input {
  color: var(--input-foreground-color-active);
}
.c15200effcc6f input:focus-within, .c15200effcc6f input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c15200effcc6f.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc2fcedcd06fe {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c78fb01e694a0 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cea459cfea71a {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c80a18558b83e {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c15172882d5eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cfe48fba73048 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c86b405e63f85 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c67cbf5acbe1b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c807161e89672 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c17ab03126ff0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c17ab03126ff0:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c4a915b7bbd12 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c16f9ab75d866 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c8c8d947a7d9f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ccfd2db151581 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c9950346bdae6 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c9950346bdae6:hover, .c9950346bdae6:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c59158628df8f div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c59158628df8f button {
  display: none;
}
.c59158628df8f button svg {
  stroke: var(--icon-foreground);
}
.c59158628df8f:hover button {
  display: flex;
}

.c9d840009407a {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c9d840009407a .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c9d840009407a .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c72b680d80daf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c72b680d80daf:hover div {
  color: var(--entry-foreground-color-hover);
}

.cf37fe936da2d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c327edec55136 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c327edec55136:hover {
  background-color: var(--menu-background-color-hover);
}

.c39390a84f2f5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c39390a84f2f5 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c39390a84f2f5 span svg {
  stroke: var(--icon-foreground);
}
.c39390a84f2f5:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c39390a84f2f5:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c422dc8893547 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c672a11fc6966 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c8ed34a1c6179,
.cb33e93e1c87f {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cf547c24eb3e2 .c8ed34a1c6179,
.cf547c24eb3e2 .cb33e93e1c87f {
  transform: scale(1);
}

.cd807528d0c85 .c8ed34a1c6179,
.cd807528d0c85 .cb33e93e1c87f {
  transform: scale(0);
}

.c7efc72f65547 {
  --gradient-direction: 90deg;
  --background-repeat: left;
}
.c7efc72f65547.c35ee4accdafa {
  --gradient-direction: 0deg;
  --background-repeat: top;
}
.c7efc72f65547 {
  position: relative;
  align-self: center;
  height: 1.625rem;
  inline-size: 100%;
  border: calc(1px + 0.125rem) solid var(--colorpicker-details-color);
  border-radius: 6px;
  background: linear-gradient(var(--gradient-direction), rgba(var(--color), 0) 0%, rgba(var(--color), 1) 100%);
  cursor: pointer;
}
.c7efc72f65547.c35ee4accdafa {
  width: 1.625rem;
  height: 13.5rem;
}
.c7efc72f65547.cd5405a79c542 {
  background: linear-gradient(var(--gradient-direction), #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.c7efc72f65547.cbfe4b748bfd6 {
  background: linear-gradient(var(--gradient-direction), var(--saturation-grad-from) 0%, var(--saturation-grad-to) 100%);
}
.c7efc72f65547.c7d77e04d8064 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAExJREFUSIljvHnz5n8GLEBNTQ2bMMOtW7ewiuNSz4RVlIpg1IKBt4Dx////WFMRqakFl/qhH0SjFhAELNRKLaNl0Qi2YLQsGrWAcgAA0gAgQPhT2rAAAAAASUVORK5CYII=") var(--background-repeat) center;
}
.c7efc72f65547.c7d77e04d8064::after {
  content: "";
  position: absolute;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  background: linear-gradient(var(--gradient-direction), rgba(var(--color), 0) 0%, rgba(var(--color), 1) 100%);
}
.c7efc72f65547.c9ee81411fb8d {
  background: linear-gradient(var(--gradient-direction), #000 0%, #fff 100%);
}
.c7efc72f65547 .caeff0c29db93 {
  position: absolute;
  left: 50%;
  width: calc(0.5rem - 1px);
  height: calc(2.625rem + 1px);
  border-radius: 4px;
  z-index: 1;
  transform: translate(-4px, -25%);
  background-color: var(--colorpicker-handlers-color);
}
.c7efc72f65547.c35ee4accdafa .caeff0c29db93 {
  height: calc(0.5rem - 1px);
  width: calc(2.625rem + 1px);
  transform: translate(-21px, 5px);
}

.ce62255e4f072 {
  background-color: var(--colorpicker-background-color);
  border-radius: 8px;
}

.c7efc72f65547.cd5405a79c542 {
  grid-area: hue;
}

.c7efc72f65547.c7d77e04d8064 {
  grid-area: opacity;
}

.c7efc72f65547.c9ee81411fb8d {
  background: linear-gradient(var(--gradient-direction), var(--hue-from, #000) 0%, var(--hue-to, #fff) 100%);
}

.c7efc72f65547.cbfe4b748bfd6 {
  background: linear-gradient(var(--gradient-direction), var(--saturation-grad-from) 0%, var(--saturation-grad-to) 100%);
}
@keyframes cd358bdf89544 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cf7575c814946 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cf7575c814946:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cf7575c814946 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cf7575c814946 ::-webkit-scrollbar-track,
.cf7575c814946 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cf7575c814946 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cf7575c814946 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cf7575c814946 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cf7575c814946 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cf7575c814946 ::placeholder,
.cf7575c814946 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c4b650addf521, .c75798ee564e1, .c11054c02fc12 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c4b650addf521 svg, .c75798ee564e1 svg, .c11054c02fc12 svg,
.c4b650addf521 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c4b650addf521:focus-visible, .c75798ee564e1:focus-visible, .c11054c02fc12:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c4b650addf521:focus-visible svg, .c75798ee564e1:focus-visible svg, .c11054c02fc12:focus-visible svg,
.c4b650addf521:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c4b650addf521:hover, .c75798ee564e1:hover, .c11054c02fc12:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c4b650addf521:hover svg, .c75798ee564e1:hover svg, .c11054c02fc12:hover svg,
.c4b650addf521:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c4b650addf521:active, .c75798ee564e1:active, .c11054c02fc12:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c4b650addf521:active svg, .c75798ee564e1:active svg, .c11054c02fc12:active svg,
.c4b650addf521:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c4b650addf521.disabled, .c75798ee564e1.disabled, .c11054c02fc12.disabled, .c4b650addf521[disabled], [disabled].c75798ee564e1, [disabled].c11054c02fc12, .c4b650addf521:disabled, .c75798ee564e1:disabled, .c11054c02fc12:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbd37ac6b3a25, .c0574dbf55395 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cbd37ac6b3a25 svg, .c0574dbf55395 svg,
.cbd37ac6b3a25 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cbd37ac6b3a25:focus-visible, .c0574dbf55395:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cbd37ac6b3a25:focus-visible svg, .c0574dbf55395:focus-visible svg,
.cbd37ac6b3a25:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cbd37ac6b3a25:hover, .c0574dbf55395:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cbd37ac6b3a25:hover svg, .c0574dbf55395:hover svg,
.cbd37ac6b3a25:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cbd37ac6b3a25:active, .c0574dbf55395:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cbd37ac6b3a25:active svg, .c0574dbf55395:active svg,
.cbd37ac6b3a25:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cbd37ac6b3a25.disabled, .c0574dbf55395.disabled, .cbd37ac6b3a25[disabled], [disabled].c0574dbf55395, .cbd37ac6b3a25:disabled, .c0574dbf55395:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1c58aeced23a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c1c58aeced23a svg,
.c1c58aeced23a span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c1c58aeced23a:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c1c58aeced23a:focus-visible svg,
.c1c58aeced23a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c1c58aeced23a:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c1c58aeced23a:hover svg,
.c1c58aeced23a:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c1c58aeced23a:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c1c58aeced23a:active svg,
.c1c58aeced23a:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c1c58aeced23a.disabled, .c1c58aeced23a[disabled], .c1c58aeced23a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbdfe9de8cabe, .c5234d5ec9eca button, .cb11e02a46532 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cbdfe9de8cabe svg, .c5234d5ec9eca button svg, .cb11e02a46532 svg,
.cbdfe9de8cabe span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cbdfe9de8cabe:focus-visible, .c5234d5ec9eca button:focus-visible, .cb11e02a46532:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cbdfe9de8cabe:focus-visible svg, .c5234d5ec9eca button:focus-visible svg, .cb11e02a46532:focus-visible svg,
.cbdfe9de8cabe:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cbdfe9de8cabe:hover, .c5234d5ec9eca button:hover, .cb11e02a46532:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cbdfe9de8cabe:hover svg, .c5234d5ec9eca button:hover svg, .cb11e02a46532:hover svg,
.cbdfe9de8cabe:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cbdfe9de8cabe:active, .c5234d5ec9eca button:active, .cb11e02a46532:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cbdfe9de8cabe:active svg, .c5234d5ec9eca button:active svg, .cb11e02a46532:active svg,
.cbdfe9de8cabe:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cbdfe9de8cabe.disabled, .c5234d5ec9eca button.disabled, .cb11e02a46532.disabled, .cbdfe9de8cabe[disabled], .c5234d5ec9eca button[disabled], [disabled].cb11e02a46532, .cbdfe9de8cabe:disabled, .c5234d5ec9eca button:disabled, .cb11e02a46532:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cbdfe9de8cabe.disabled svg, .c5234d5ec9eca button.disabled svg, .cb11e02a46532.disabled svg,
.cbdfe9de8cabe.disabled span svg, .cbdfe9de8cabe[disabled] svg, .c5234d5ec9eca button[disabled] svg, [disabled].cb11e02a46532 svg,
.cbdfe9de8cabe[disabled] span svg, .cbdfe9de8cabe:disabled svg, .c5234d5ec9eca button:disabled svg, .cb11e02a46532:disabled svg,
.cbdfe9de8cabe:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c5186a12baa5a {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c5186a12baa5a svg {
  color: var(--button-icon-foreground-color-selected);
}

.c5543d63291e8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c5543d63291e8 svg,
.c5543d63291e8 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c5543d63291e8:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c5543d63291e8:focus-visible svg,
.c5543d63291e8:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c5543d63291e8:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c5543d63291e8:hover svg,
.c5543d63291e8:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c5543d63291e8:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c5543d63291e8:active svg,
.c5543d63291e8:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c8069d261b613 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c3fe47b1cf960 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c99701d47af13 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c99701d47af13:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c99701d47af13:focus-visible svg,
.c99701d47af13:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c99701d47af13:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c99701d47af13:active {
  border: none;
  background-color: transparent;
}

.cd033f51486c0, .cb11e02a46532 svg, .ca2008c76c1d5, .c413609d23c09 svg,
.ce8132d01683f svg, .cde38b85993eb .c413609d23c09 svg, .c08fcae0f3a08 span svg, .cde38b85993eb span svg, .c5234d5ec9eca button svg, .c29933bfc01c4.intermediate svg, .c4420ada2c4ed label span.intermediate svg, .c29933bfc01c4.checked svg, .c4420ada2c4ed label span.checked svg, .c7f26214bd05a span svg,
.c7f26214bd05a label svg, .c28e270f5e43f svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ce8f66bcdfc89 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ce8f66bcdfc89:hover {
  fill: none;
  stroke: none;
}

.ca2008c76c1d5, .c413609d23c09 svg,
.ce8132d01683f svg, .cde38b85993eb .c413609d23c09 svg, .c08fcae0f3a08 span svg, .cde38b85993eb span svg, .c5234d5ec9eca button svg, .c29933bfc01c4.intermediate svg, .c4420ada2c4ed label span.intermediate svg, .c29933bfc01c4.checked svg, .c4420ada2c4ed label span.checked svg, .c7f26214bd05a span svg,
.c7f26214bd05a label svg, .c28e270f5e43f svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c66ee3be6f2ad {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c66ee3be6f2ad:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c7601f52e761c, .c95592fe20f19 input, .cdd6dc092d514 input, .c7f26214bd05a input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c7601f52e761c, .c95592fe20f19 input, .cdd6dc092d514 input, .c7f26214bd05a input {
    height: 23px;
  }
}
.c7601f52e761c, .c95592fe20f19 input, .cdd6dc092d514 input, .c7f26214bd05a input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c7601f52e761c[disabled], .c95592fe20f19 input[disabled], .cdd6dc092d514 input[disabled], .c7f26214bd05a input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c28e270f5e43f {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cf495135310be, .c7f26214bd05a span,
.c7f26214bd05a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf495135310be, .c7f26214bd05a span,
  .c7f26214bd05a label {
    height: 25px;
  }
}
.cf495135310be, .c7f26214bd05a span,
.c7f26214bd05a label {
  color: var(--input-foreground-color);
}

.c7f26214bd05a {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c7f26214bd05a {
    height: 25px;
    font-size: 10px;
  }
}
.c7f26214bd05a {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c7f26214bd05a span svg,
.c7f26214bd05a label svg {
  color: var(--input-foreground-color);
}
.c7f26214bd05a ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c7f26214bd05a ::placeholder {
  color: var(--input-placeholder-color);
}
.c7f26214bd05a:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c7f26214bd05a:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c7f26214bd05a:hover span {
  color: var(--input-foreground-color-hover);
}
.c7f26214bd05a:hover input {
  color: var(--input-foreground-color-hover);
}
.c7f26214bd05a:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c7f26214bd05a:active span {
  color: var(--input-foreground-color-active);
}
.c7f26214bd05a:active input {
  color: var(--input-foreground-color-active);
}
.c7f26214bd05a:focus, .c7f26214bd05a:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c7f26214bd05a:focus span, .c7f26214bd05a:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c7f26214bd05a:focus input, .c7f26214bd05a:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c7f26214bd05a:focus:hover, .c7f26214bd05a:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c7f26214bd05a:focus:hover span, .c7f26214bd05a:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c7f26214bd05a:focus:hover input, .c7f26214bd05a:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cdd6dc092d514 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cdd6dc092d514 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cdd6dc092d514 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cdd6dc092d514 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cdd6dc092d514:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cdd6dc092d514:focus-within input, .cdd6dc092d514:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c94f80febd731, .c95592fe20f19.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c94f80febd731 input, .c95592fe20f19.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c94f80febd731 span svg, .c95592fe20f19.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c29933bfc01c4, .c4420ada2c4ed label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c29933bfc01c4 svg, .c4420ada2c4ed label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c29933bfc01c4:hover, .c4420ada2c4ed label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c29933bfc01c4:focus, .c4420ada2c4ed label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c29933bfc01c4.checked, .c4420ada2c4ed label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c29933bfc01c4.checked svg, .c4420ada2c4ed label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c29933bfc01c4.intermediate, .c4420ada2c4ed label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c29933bfc01c4.intermediate svg, .c4420ada2c4ed label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c29933bfc01c4.unchecked, .c4420ada2c4ed label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c29933bfc01c4.unchecked svg, .c4420ada2c4ed label span.unchecked svg {
  display: none;
}

.c4420ada2c4ed {
  display: flex;
  align-items: center;
}
.c4420ada2c4ed label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c4420ada2c4ed label input {
  margin: 0;
}
.c4420ada2c4ed label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4420ada2c4ed label:focus span, .c4420ada2c4ed label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c95592fe20f19 {
  display: flex;
  flex-direction: column;
}
.c95592fe20f19 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c95592fe20f19 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c95592fe20f19 input:focus-within input, .c95592fe20f19 input:active input {
  color: var(--input-foreground-color-active);
}
.c95592fe20f19 input:focus-within, .c95592fe20f19 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c95592fe20f19.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.caec454a9fed9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c70864e64ad31 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c63b71659096c {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cb11e02a46532 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c6267f99d771b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cb6a4cd1e970b {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c0574dbf55395 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c11054c02fc12 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c75798ee564e1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c4652859535c9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c4652859535c9:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ca99105d4cb00 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c65e62b8d89e7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ceeaff179f39b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ccc30ba46cd23 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c3c294ef32cae {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c3c294ef32cae:hover, .c3c294ef32cae:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c5234d5ec9eca div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c5234d5ec9eca button {
  display: none;
}
.c5234d5ec9eca button svg {
  stroke: var(--icon-foreground);
}
.c5234d5ec9eca:hover button {
  display: flex;
}

.cae7fa8c5e7bb {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cae7fa8c5e7bb .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cae7fa8c5e7bb .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c1ee00052d37c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c1ee00052d37c:hover div {
  color: var(--entry-foreground-color-hover);
}

.c49c2cdb40180, .c4ae3ea128ee5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c49a193665068 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c49a193665068:hover {
  background-color: var(--menu-background-color-hover);
}

.c08fcae0f3a08, .cde38b85993eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c08fcae0f3a08 span, .cde38b85993eb span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c08fcae0f3a08 span svg, .cde38b85993eb span svg {
  stroke: var(--icon-foreground);
}
.c08fcae0f3a08:hover, .cde38b85993eb:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c08fcae0f3a08:hover span svg, .cde38b85993eb:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cc198607dd195 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c8f1aebd43fa4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cc169e8460bbe,
.ca4d46ce74f6a {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c0b95adf6f92f .cc169e8460bbe,
.c0b95adf6f92f .ca4d46ce74f6a {
  transform: scale(1);
}

.c563ce46ea794 .cc169e8460bbe,
.c563ce46ea794 .ca4d46ce74f6a {
  transform: scale(0);
}

.c440b6723d24f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  position: relative;
  gap: 0.25rem;
  height: 2rem;
  padding: 0.5rem;
  border-radius: 8px;
  background-color: var(--input-background-color);
  cursor: pointer;
}

.c4ae3ea128ee5 {
  right: 0.125rem;
  top: calc(0.125rem + 3rem);
  width: 17rem;
  padding: 0.375rem;
}

.c49992fd4bbcc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  flex-grow: 1;
  color: var(--input-foreground-color-active);
}

.cff49304c22f4 {
  flex-grow: 1;
  color: var(--input-foreground-color);
}

.c413609d23c09,
.ce8132d01683f {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 1rem;
}
.c413609d23c09 svg,
.ce8132d01683f svg {
  color: var(--input-foreground-color);
  stroke: none;
}

.ce8132d01683f svg {
  transform: rotate(90deg);
}

.cde38b85993eb .c413609d23c09 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 1rem;
}
.cde38b85993eb .c413609d23c09 svg {
  stroke: none;
}
.cde38b85993eb:hover .cff49304c22f4 {
  color: var(--input-foreground-color-active);
}

.cde38b85993eb.c68d1b162556e .cff49304c22f4 {
  color: var(--input-foreground-color-active);
}
.cde38b85993eb.c68d1b162556e .c413609d23c09 svg {
  stroke: var(--input-foreground-color);
}

.cc991bfc5ddd3 {
  height: 0.5rem;
}

.c4f8e865a3664 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.c288ce7b32bf7 {
  position: absolute;
  top: 0px;
  left: 0px;
}

.cab2b91d21940 {
  position: absolute;
  right: 0;
  top: 2.75rem;
  width: var(--right-sidebar-width);
  height: calc(100vh - 3rem);
  z-index: 10;
  background-color: var(--panel-background-color);
}

.c1afd8d823e88 {
  overflow-y: auto;
}

.cc6f44a0521e9 {
  background-color: var(--panel-background-color);
}
@keyframes cf2273f9b9421 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.caeb226ff6eb8 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.caeb226ff6eb8:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.caeb226ff6eb8 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.caeb226ff6eb8 ::-webkit-scrollbar-track,
.caeb226ff6eb8 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.caeb226ff6eb8 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.caeb226ff6eb8 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.caeb226ff6eb8 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.caeb226ff6eb8 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.caeb226ff6eb8 ::placeholder,
.caeb226ff6eb8 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cb3fb2a33f489, .c3bdd5ae7b81b, .c818a1798dffd, .cb7b6a766f6a0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cb3fb2a33f489 svg, .c3bdd5ae7b81b svg, .c818a1798dffd svg, .cb7b6a766f6a0 svg,
.cb3fb2a33f489 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cb3fb2a33f489:focus-visible, .c3bdd5ae7b81b:focus-visible, .c818a1798dffd:focus-visible, .cb7b6a766f6a0:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cb3fb2a33f489:focus-visible svg, .c3bdd5ae7b81b:focus-visible svg, .c818a1798dffd:focus-visible svg, .cb7b6a766f6a0:focus-visible svg,
.cb3fb2a33f489:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cb3fb2a33f489:hover, .c3bdd5ae7b81b:hover, .c818a1798dffd:hover, .cb7b6a766f6a0:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cb3fb2a33f489:hover svg, .c3bdd5ae7b81b:hover svg, .c818a1798dffd:hover svg, .cb7b6a766f6a0:hover svg,
.cb3fb2a33f489:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cb3fb2a33f489:active, .c3bdd5ae7b81b:active, .c818a1798dffd:active, .cb7b6a766f6a0:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cb3fb2a33f489:active svg, .c3bdd5ae7b81b:active svg, .c818a1798dffd:active svg, .cb7b6a766f6a0:active svg,
.cb3fb2a33f489:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cb3fb2a33f489.disabled, .c3bdd5ae7b81b.disabled, .c818a1798dffd.disabled, .cb7b6a766f6a0.disabled, .cb3fb2a33f489[disabled], [disabled].c3bdd5ae7b81b, [disabled].c818a1798dffd, [disabled].cb7b6a766f6a0, .cb3fb2a33f489:disabled, .c3bdd5ae7b81b:disabled, .c818a1798dffd:disabled, .cb7b6a766f6a0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c95d936c19c30, .c93cdaa2a9f19 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c95d936c19c30 svg, .c93cdaa2a9f19 svg,
.c95d936c19c30 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c95d936c19c30:focus-visible, .c93cdaa2a9f19:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c95d936c19c30:focus-visible svg, .c93cdaa2a9f19:focus-visible svg,
.c95d936c19c30:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c95d936c19c30:hover, .c93cdaa2a9f19:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c95d936c19c30:hover svg, .c93cdaa2a9f19:hover svg,
.c95d936c19c30:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c95d936c19c30:active, .c93cdaa2a9f19:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c95d936c19c30:active svg, .c93cdaa2a9f19:active svg,
.c95d936c19c30:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c95d936c19c30.disabled, .c93cdaa2a9f19.disabled, .c95d936c19c30[disabled], [disabled].c93cdaa2a9f19, .c95d936c19c30:disabled, .c93cdaa2a9f19:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb724fb3f7327 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cb724fb3f7327 svg,
.cb724fb3f7327 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cb724fb3f7327:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb724fb3f7327:focus-visible svg,
.cb724fb3f7327:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb724fb3f7327:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cb724fb3f7327:hover svg,
.cb724fb3f7327:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cb724fb3f7327:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cb724fb3f7327:active svg,
.cb724fb3f7327:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cb724fb3f7327.disabled, .cb724fb3f7327[disabled], .cb724fb3f7327:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca96fcc45c648, .cc3fed02e9d9a, .cbf072a926e13, .c4d2806c7c13f, .cc3ce823c799a, .c2d1df78b4e5f, .cf18f475bb979 button, .c8b0871b516f3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca96fcc45c648 svg, .cc3fed02e9d9a svg, .cbf072a926e13 svg, .c4d2806c7c13f svg, .cc3ce823c799a svg, .c2d1df78b4e5f svg, .cf18f475bb979 button svg, .c8b0871b516f3 svg,
.ca96fcc45c648 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca96fcc45c648:focus-visible, .cc3fed02e9d9a:focus-visible, .cbf072a926e13:focus-visible, .c4d2806c7c13f:focus-visible, .cc3ce823c799a:focus-visible, .c2d1df78b4e5f:focus-visible, .cf18f475bb979 button:focus-visible, .c8b0871b516f3:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca96fcc45c648:focus-visible svg, .cc3fed02e9d9a:focus-visible svg, .cbf072a926e13:focus-visible svg, .c4d2806c7c13f:focus-visible svg, .cc3ce823c799a:focus-visible svg, .c2d1df78b4e5f:focus-visible svg, .cf18f475bb979 button:focus-visible svg, .c8b0871b516f3:focus-visible svg,
.ca96fcc45c648:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca96fcc45c648:hover, .cc3fed02e9d9a:hover, .cbf072a926e13:hover, .c4d2806c7c13f:hover, .cc3ce823c799a:hover, .c2d1df78b4e5f:hover, .cf18f475bb979 button:hover, .c8b0871b516f3:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca96fcc45c648:hover svg, .cc3fed02e9d9a:hover svg, .cbf072a926e13:hover svg, .c4d2806c7c13f:hover svg, .cc3ce823c799a:hover svg, .c2d1df78b4e5f:hover svg, .cf18f475bb979 button:hover svg, .c8b0871b516f3:hover svg,
.ca96fcc45c648:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca96fcc45c648:active, .cc3fed02e9d9a:active, .cbf072a926e13:active, .c4d2806c7c13f:active, .cc3ce823c799a:active, .c2d1df78b4e5f:active, .cf18f475bb979 button:active, .c8b0871b516f3:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca96fcc45c648:active svg, .cc3fed02e9d9a:active svg, .cbf072a926e13:active svg, .c4d2806c7c13f:active svg, .cc3ce823c799a:active svg, .c2d1df78b4e5f:active svg, .cf18f475bb979 button:active svg, .c8b0871b516f3:active svg,
.ca96fcc45c648:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca96fcc45c648.disabled, .cc3fed02e9d9a.disabled, .cbf072a926e13.disabled, .c4d2806c7c13f.disabled, .cc3ce823c799a.disabled, .c2d1df78b4e5f.disabled, .cf18f475bb979 button.disabled, .c8b0871b516f3.disabled, .ca96fcc45c648[disabled], [disabled].cc3fed02e9d9a, [disabled].cbf072a926e13, [disabled].c4d2806c7c13f, [disabled].cc3ce823c799a, [disabled].c2d1df78b4e5f, .cf18f475bb979 button[disabled], [disabled].c8b0871b516f3, .ca96fcc45c648:disabled, .cc3fed02e9d9a:disabled, .cbf072a926e13:disabled, .c4d2806c7c13f:disabled, .cc3ce823c799a:disabled, .c2d1df78b4e5f:disabled, .cf18f475bb979 button:disabled, .c8b0871b516f3:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca96fcc45c648.disabled svg, .cc3fed02e9d9a.disabled svg, .cbf072a926e13.disabled svg, .c4d2806c7c13f.disabled svg, .cc3ce823c799a.disabled svg, .c2d1df78b4e5f.disabled svg, .cf18f475bb979 button.disabled svg, .c8b0871b516f3.disabled svg,
.ca96fcc45c648.disabled span svg, .ca96fcc45c648[disabled] svg, [disabled].cc3fed02e9d9a svg, [disabled].cbf072a926e13 svg, [disabled].c4d2806c7c13f svg, [disabled].cc3ce823c799a svg, [disabled].c2d1df78b4e5f svg, .cf18f475bb979 button[disabled] svg, [disabled].c8b0871b516f3 svg,
.ca96fcc45c648[disabled] span svg, .ca96fcc45c648:disabled svg, .cc3fed02e9d9a:disabled svg, .cbf072a926e13:disabled svg, .c4d2806c7c13f:disabled svg, .cc3ce823c799a:disabled svg, .c2d1df78b4e5f:disabled svg, .cf18f475bb979 button:disabled svg, .c8b0871b516f3:disabled svg,
.ca96fcc45c648:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c69466eb566d0, .c1d3838a462a0 .c85b15a55b751 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c69466eb566d0 svg, .c1d3838a462a0 .c85b15a55b751 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cc677a2fed572 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cc677a2fed572 svg,
.cc677a2fed572 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cc677a2fed572:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cc677a2fed572:focus-visible svg,
.cc677a2fed572:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cc677a2fed572:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cc677a2fed572:hover svg,
.cc677a2fed572:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cc677a2fed572:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cc677a2fed572:active svg,
.cc677a2fed572:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c6f2e15db0a79 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cf375f2df6615 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c85d81b38e80a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c85d81b38e80a:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c85d81b38e80a:focus-visible svg,
.c85d81b38e80a:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c85d81b38e80a:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c85d81b38e80a:active {
  border: none;
  background-color: transparent;
}

.c57e452835bba, .cc3fed02e9d9a svg, .cbf072a926e13 svg, .c4d2806c7c13f svg, .c8b0871b516f3 svg, .c30244e122e8c, .cfa0e41ccea94 svg, .c0abd1623de40 .c11395120430b svg, .c8e85421ca689 span svg, .c0abd1623de40 span svg, .cf18f475bb979 button svg, .c0dbcd227310d.intermediate svg, .c5b3e7ea03a28 label span.intermediate svg, .c0dbcd227310d.checked svg, .c5b3e7ea03a28 label span.checked svg, .c31a6c25d36a2 span svg,
.c31a6c25d36a2 label svg, .c29a4c744e812 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c337fdc71f635 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c337fdc71f635:hover {
  fill: none;
  stroke: none;
}

.c30244e122e8c, .cfa0e41ccea94 svg, .c0abd1623de40 .c11395120430b svg, .c8e85421ca689 span svg, .c0abd1623de40 span svg, .cf18f475bb979 button svg, .c0dbcd227310d.intermediate svg, .c5b3e7ea03a28 label span.intermediate svg, .c0dbcd227310d.checked svg, .c5b3e7ea03a28 label span.checked svg, .c31a6c25d36a2 span svg,
.c31a6c25d36a2 label svg, .c29a4c744e812 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c0ff6dd05b2b0 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c0ff6dd05b2b0:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ce4bbddc47e75, .c41cacca1eabf input, .c20725988a4e8 input, .c31a6c25d36a2 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ce4bbddc47e75, .c41cacca1eabf input, .c20725988a4e8 input, .c31a6c25d36a2 input {
    height: 23px;
  }
}
.ce4bbddc47e75, .c41cacca1eabf input, .c20725988a4e8 input, .c31a6c25d36a2 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ce4bbddc47e75[disabled], .c41cacca1eabf input[disabled], .c20725988a4e8 input[disabled], .c31a6c25d36a2 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c29a4c744e812 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c84f9af8501eb, .c31a6c25d36a2 span,
.c31a6c25d36a2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c84f9af8501eb, .c31a6c25d36a2 span,
  .c31a6c25d36a2 label {
    height: 25px;
  }
}
.c84f9af8501eb, .c31a6c25d36a2 span,
.c31a6c25d36a2 label {
  color: var(--input-foreground-color);
}

.c31a6c25d36a2 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c31a6c25d36a2 {
    height: 25px;
    font-size: 10px;
  }
}
.c31a6c25d36a2 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c31a6c25d36a2 span svg,
.c31a6c25d36a2 label svg {
  color: var(--input-foreground-color);
}
.c31a6c25d36a2 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c31a6c25d36a2 ::placeholder {
  color: var(--input-placeholder-color);
}
.c31a6c25d36a2:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c31a6c25d36a2:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c31a6c25d36a2:hover span {
  color: var(--input-foreground-color-hover);
}
.c31a6c25d36a2:hover input {
  color: var(--input-foreground-color-hover);
}
.c31a6c25d36a2:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c31a6c25d36a2:active span {
  color: var(--input-foreground-color-active);
}
.c31a6c25d36a2:active input {
  color: var(--input-foreground-color-active);
}
.c31a6c25d36a2:focus, .c31a6c25d36a2:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c31a6c25d36a2:focus span, .c31a6c25d36a2:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c31a6c25d36a2:focus input, .c31a6c25d36a2:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c31a6c25d36a2:focus:hover, .c31a6c25d36a2:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c31a6c25d36a2:focus:hover span, .c31a6c25d36a2:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c31a6c25d36a2:focus:hover input, .c31a6c25d36a2:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c20725988a4e8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c20725988a4e8 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c20725988a4e8 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c20725988a4e8 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c20725988a4e8:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c20725988a4e8:focus-within input, .c20725988a4e8:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c0b6622ca5bf5, .c41cacca1eabf.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c0b6622ca5bf5 input, .c41cacca1eabf.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c0b6622ca5bf5 span svg, .c41cacca1eabf.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c0dbcd227310d, .c5b3e7ea03a28 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c0dbcd227310d svg, .c5b3e7ea03a28 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c0dbcd227310d:hover, .c5b3e7ea03a28 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0dbcd227310d:focus, .c5b3e7ea03a28 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c0dbcd227310d.checked, .c5b3e7ea03a28 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c0dbcd227310d.checked svg, .c5b3e7ea03a28 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c0dbcd227310d.intermediate, .c5b3e7ea03a28 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c0dbcd227310d.intermediate svg, .c5b3e7ea03a28 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c0dbcd227310d.unchecked, .c5b3e7ea03a28 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c0dbcd227310d.unchecked svg, .c5b3e7ea03a28 label span.unchecked svg {
  display: none;
}

.c5b3e7ea03a28 {
  display: flex;
  align-items: center;
}
.c5b3e7ea03a28 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c5b3e7ea03a28 label input {
  margin: 0;
}
.c5b3e7ea03a28 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5b3e7ea03a28 label:focus span, .c5b3e7ea03a28 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c41cacca1eabf {
  display: flex;
  flex-direction: column;
}
.c41cacca1eabf label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c41cacca1eabf input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c41cacca1eabf input:focus-within input, .c41cacca1eabf input:active input {
  color: var(--input-foreground-color-active);
}
.c41cacca1eabf input:focus-within, .c41cacca1eabf input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c41cacca1eabf.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf56263680bbf {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c4b7fab31e488 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c6d0ebd0f2076 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c8b0871b516f3 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c6553937e317b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cbe252b78dea1 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c93cdaa2a9f19 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb7b6a766f6a0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c818a1798dffd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c4ca403edaede {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c4ca403edaede:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c2a701b587c01, .c789b3eda335c .c216b20c24844 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c1bf699dcc2b8, .c789b3eda335c .c216b20c24844 .c1e44d9b63521 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cda3831ad9875 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c3f2b8d562fe6 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cd97a94100c16 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cd97a94100c16:hover, .cd97a94100c16:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cf18f475bb979 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cf18f475bb979 button {
  display: none;
}
.cf18f475bb979 button svg {
  stroke: var(--icon-foreground);
}
.cf18f475bb979:hover button {
  display: flex;
}

.ca33c261290f1 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ca33c261290f1 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ca33c261290f1 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cb04e42efa0fd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cb04e42efa0fd:hover div {
  color: var(--entry-foreground-color-hover);
}

.c6d203b2f1f18, .cc321c73412cb, .c9443f3a79635 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c704a46f78a55, .c789b3eda335c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c704a46f78a55:hover, .c789b3eda335c:hover {
  background-color: var(--menu-background-color-hover);
}

.c8e85421ca689, .c0abd1623de40 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c8e85421ca689 span, .c0abd1623de40 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c8e85421ca689 span svg, .c0abd1623de40 span svg {
  stroke: var(--icon-foreground);
}
.c8e85421ca689:hover, .c0abd1623de40:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c8e85421ca689:hover span svg, .c0abd1623de40:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c5b9f1749f538 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c82d08b0f4bac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c9720d5974a07,
.c3013591b31fd {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c96f5aaf39ffa .c9720d5974a07,
.c96f5aaf39ffa .c3013591b31fd {
  transform: scale(1);
}

.c5e3e4dca0e9c .c9720d5974a07,
.c5e3e4dca0e9c .c3013591b31fd {
  transform: scale(0);
}

.c5611c80c9ca6 {
  position: absolute;
  top: 0;
  grid-column: 1/span 1;
  grid-row: 1/span 1;
  display: grid;
  grid-template-columns: 1fr 9rem 1fr;
  justify-content: space-between;
  align-items: center;
  height: 4.25rem;
  width: 100vw;
  padding: 0.5rem 0.75rem;
  transition: transform 400ms ease 300ms;
  background-color: var(--panel-background-color);
}

.cdc0fb6ce8fe1 {
  display: flex;
  justify-content: flex-start;
  flex-basis: min-content;
  width: 100%;
  gap: 0.75rem;
}

.c184ba15ea833 {
  padding: 0;
  display: grid;
  place-content: center;
}

.c7347f0ac5638 {
  width: 1.75rem;
  height: 1.75rem;
  fill: var(--icon-foreground-hover);
}

.c5c754fbb5fb9 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
  width: 100%;
}

.c6b43dfe86899 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--title-foreground-color);
}

.cbbcd4fbfd13d {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}

.cc8c5cdc4efb8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  color: var(--title-foreground-color);
  cursor: pointer;
}

.c58380b110db1 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 12vw;
  max-width: 12cqw;
}

.cfa0e41ccea94 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
}
.cfa0e41ccea94 svg {
  transform: rotate(90deg);
  stroke: none;
}

.c9443f3a79635 {
  position: absolute;
}

.cc321c73412cb {
  left: 0;
  top: calc(0.125rem + 4.25rem);
  width: 17rem;
  padding: 0.375rem;
}

.c0abd1623de40 .c11395120430b {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 1rem;
}
.c0abd1623de40 .c11395120430b svg {
  stroke: none;
}
.c0abd1623de40:hover .c7b20ab83f5bb {
  color: var(--input-foreground-color-active);
}

.c08c1aaaf658c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  flex-grow: 1;
  color: var(--title-foreground-color-hover);
  cursor: pointer;
}
.c08c1aaaf658c .cfa0e41ccea94 svg {
  stroke: var(--title-foreground-color-hover);
}

.c1b2b06166125 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 17vw;
  max-width: 17cqw;
}

.c1d3838a462a0 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  height: 100%;
}
.cc3fed02e9d9a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  width: 2.5rem;
  padding: 0;
}
.cc3fed02e9d9a svg.icon-code {
  width: 34px;
}

.c7812edc2bc7c {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  position: relative;
  justify-content: flex-end;
  gap: 0.5rem;
  z-index: 10;
}

.caddacd131725 {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.cbf072a926e13 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
}
.cbf072a926e13 svg {
  stroke: none;
}

.c3bdd5ae7b81b {
  height: 2rem;
  min-width: 4.5rem;
  margin-left: 0.25rem;
}

.c4d2806c7c13f {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
}
.c4d2806c7c13f svg {
  stroke: none;
}

.cc3ce823c799a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
}

.c03412582fbca {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.375rem;
  min-width: 4rem;
  border-radius: 8px;
}
.c03412582fbca .c7b20ab83f5bb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--button-tertiary-foreground-color-rest);
}
.c03412582fbca:hover .c7b20ab83f5bb {
  color: var(--button-tertiary-foreground-color-focus);
}
.c03412582fbca.c85b15a55b751 .c7b20ab83f5bb {
  color: var(--button-tertiary-foreground-color-focus);
}

.c9443f3a79635 {
  right: 0.125rem;
  top: calc(0.125rem + 4.25rem);
  width: 17rem;
}

.cd6ec4fee1ed3 {
  display: flex;
  justify-content: space-between;
  padding: 0.375rem;
  cursor: auto;
}

.cded432af0f3e {
  display: flex;
}

.ce0e09977ec6f {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-width: 3rem;
  padding: 0;
  margin: 0 0.125rem;
  color: var(--modal-title-foreground-color);
}

.c2d1df78b4e5f {
  color: var(--color-foreground-primary);
  height: 1.5rem;
  border-radius: 8px;
}

.c789b3eda335c:hover {
  color: var(--menu-foreground-color-hover);
}
.c789b3eda335c:hover .c216b20c24844 .c1e44d9b63521 {
  color: var(--menu-foreground-color-hover);
}

/** FULLSCREEN */
[data-fullscreen=true] .c5611c80c9ca6::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 4.25rem;
  left: 0;
  top: 4.25rem;
}

[data-fullscreen=true] .c5611c80c9ca6 {
  transform: translateY(-4.25rem);
}

[data-force-visible=true] .c5611c80c9ca6,
[data-fullscreen=true] .c5611c80c9ca6:hover {
  transform: translateY(0);
}
@keyframes cfddfe2cced27 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c8de54879af31 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c8de54879af31:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c8de54879af31 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c8de54879af31 ::-webkit-scrollbar-track,
.c8de54879af31 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c8de54879af31 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c8de54879af31 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c8de54879af31 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8de54879af31 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8de54879af31 ::placeholder,
.c8de54879af31 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ce2a099fb66f5, .ce37c50d4beaf, .ced2a562fc12f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ce2a099fb66f5 svg, .ce37c50d4beaf svg, .ced2a562fc12f svg,
.ce2a099fb66f5 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ce2a099fb66f5:focus-visible, .ce37c50d4beaf:focus-visible, .ced2a562fc12f:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ce2a099fb66f5:focus-visible svg, .ce37c50d4beaf:focus-visible svg, .ced2a562fc12f:focus-visible svg,
.ce2a099fb66f5:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ce2a099fb66f5:hover, .ce37c50d4beaf:hover, .ced2a562fc12f:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ce2a099fb66f5:hover svg, .ce37c50d4beaf:hover svg, .ced2a562fc12f:hover svg,
.ce2a099fb66f5:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ce2a099fb66f5:active, .ce37c50d4beaf:active, .ced2a562fc12f:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ce2a099fb66f5:active svg, .ce37c50d4beaf:active svg, .ced2a562fc12f:active svg,
.ce2a099fb66f5:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ce2a099fb66f5.disabled, .ce37c50d4beaf.disabled, .ced2a562fc12f.disabled, .ce2a099fb66f5[disabled], [disabled].ce37c50d4beaf, [disabled].ced2a562fc12f, .ce2a099fb66f5:disabled, .ce37c50d4beaf:disabled, .ced2a562fc12f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c25a421a1926a, .c343b439682e5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c25a421a1926a svg, .c343b439682e5 svg,
.c25a421a1926a span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c25a421a1926a:focus-visible, .c343b439682e5:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c25a421a1926a:focus-visible svg, .c343b439682e5:focus-visible svg,
.c25a421a1926a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c25a421a1926a:hover, .c343b439682e5:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c25a421a1926a:hover svg, .c343b439682e5:hover svg,
.c25a421a1926a:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c25a421a1926a:active, .c343b439682e5:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c25a421a1926a:active svg, .c343b439682e5:active svg,
.c25a421a1926a:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c25a421a1926a.disabled, .c343b439682e5.disabled, .c25a421a1926a[disabled], [disabled].c343b439682e5, .c25a421a1926a:disabled, .c343b439682e5:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8bcf4329aabf {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c8bcf4329aabf svg,
.c8bcf4329aabf span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c8bcf4329aabf:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8bcf4329aabf:focus-visible svg,
.c8bcf4329aabf:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8bcf4329aabf:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c8bcf4329aabf:hover svg,
.c8bcf4329aabf:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c8bcf4329aabf:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c8bcf4329aabf:active svg,
.c8bcf4329aabf:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c8bcf4329aabf.disabled, .c8bcf4329aabf[disabled], .c8bcf4329aabf:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca8b511f7bf12, .c28cd04580c50 button, .cd306587e47df {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca8b511f7bf12 svg, .c28cd04580c50 button svg, .cd306587e47df svg,
.ca8b511f7bf12 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca8b511f7bf12:focus-visible, .c28cd04580c50 button:focus-visible, .cd306587e47df:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca8b511f7bf12:focus-visible svg, .c28cd04580c50 button:focus-visible svg, .cd306587e47df:focus-visible svg,
.ca8b511f7bf12:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca8b511f7bf12:hover, .c28cd04580c50 button:hover, .cd306587e47df:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca8b511f7bf12:hover svg, .c28cd04580c50 button:hover svg, .cd306587e47df:hover svg,
.ca8b511f7bf12:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca8b511f7bf12:active, .c28cd04580c50 button:active, .cd306587e47df:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca8b511f7bf12:active svg, .c28cd04580c50 button:active svg, .cd306587e47df:active svg,
.ca8b511f7bf12:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca8b511f7bf12.disabled, .c28cd04580c50 button.disabled, .cd306587e47df.disabled, .ca8b511f7bf12[disabled], .c28cd04580c50 button[disabled], [disabled].cd306587e47df, .ca8b511f7bf12:disabled, .c28cd04580c50 button:disabled, .cd306587e47df:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca8b511f7bf12.disabled svg, .c28cd04580c50 button.disabled svg, .cd306587e47df.disabled svg,
.ca8b511f7bf12.disabled span svg, .ca8b511f7bf12[disabled] svg, .c28cd04580c50 button[disabled] svg, [disabled].cd306587e47df svg,
.ca8b511f7bf12[disabled] span svg, .ca8b511f7bf12:disabled svg, .c28cd04580c50 button:disabled svg, .cd306587e47df:disabled svg,
.ca8b511f7bf12:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cb8c90e8df800 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cb8c90e8df800 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cd842d164da4e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cd842d164da4e svg,
.cd842d164da4e span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cd842d164da4e:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cd842d164da4e:focus-visible svg,
.cd842d164da4e:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cd842d164da4e:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cd842d164da4e:hover svg,
.cd842d164da4e:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cd842d164da4e:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cd842d164da4e:active svg,
.cd842d164da4e:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c9110727c46fb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c35c3f24208ee {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5e3e41cde042 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c5e3e41cde042:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c5e3e41cde042:focus-visible svg,
.c5e3e41cde042:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c5e3e41cde042:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c5e3e41cde042:active {
  border: none;
  background-color: transparent;
}

.c75249c13b57a, .cd306587e47df svg, .cf4ef2443e177, .c8b4138170494 span svg, .c28cd04580c50 button svg, .c7d3d037e61e8.intermediate svg, .cf51e8905a44c label span.intermediate svg, .c7d3d037e61e8.checked svg, .cf51e8905a44c label span.checked svg, .c63b40f7f2132 span svg,
.c63b40f7f2132 label svg, .c4c5a156a110a svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cea862e61a988 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cea862e61a988:hover {
  fill: none;
  stroke: none;
}

.cf4ef2443e177, .c8b4138170494 span svg, .c28cd04580c50 button svg, .c7d3d037e61e8.intermediate svg, .cf51e8905a44c label span.intermediate svg, .c7d3d037e61e8.checked svg, .cf51e8905a44c label span.checked svg, .c63b40f7f2132 span svg,
.c63b40f7f2132 label svg, .c4c5a156a110a svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cf579dda6b1bb {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cf579dda6b1bb:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ce22c6faa9293, .c6ce13bb4a8e9 input, .cf9a75f1ded9a input, .c63b40f7f2132 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ce22c6faa9293, .c6ce13bb4a8e9 input, .cf9a75f1ded9a input, .c63b40f7f2132 input {
    height: 23px;
  }
}
.ce22c6faa9293, .c6ce13bb4a8e9 input, .cf9a75f1ded9a input, .c63b40f7f2132 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ce22c6faa9293[disabled], .c6ce13bb4a8e9 input[disabled], .cf9a75f1ded9a input[disabled], .c63b40f7f2132 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c4c5a156a110a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c2b78b380bd27, .c63b40f7f2132 span,
.c63b40f7f2132 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c2b78b380bd27, .c63b40f7f2132 span,
  .c63b40f7f2132 label {
    height: 25px;
  }
}
.c2b78b380bd27, .c63b40f7f2132 span,
.c63b40f7f2132 label {
  color: var(--input-foreground-color);
}

.c63b40f7f2132 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c63b40f7f2132 {
    height: 25px;
    font-size: 10px;
  }
}
.c63b40f7f2132 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c63b40f7f2132 span svg,
.c63b40f7f2132 label svg {
  color: var(--input-foreground-color);
}
.c63b40f7f2132 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c63b40f7f2132 ::placeholder {
  color: var(--input-placeholder-color);
}
.c63b40f7f2132:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c63b40f7f2132:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c63b40f7f2132:hover span {
  color: var(--input-foreground-color-hover);
}
.c63b40f7f2132:hover input {
  color: var(--input-foreground-color-hover);
}
.c63b40f7f2132:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c63b40f7f2132:active span {
  color: var(--input-foreground-color-active);
}
.c63b40f7f2132:active input {
  color: var(--input-foreground-color-active);
}
.c63b40f7f2132:focus, .c63b40f7f2132:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c63b40f7f2132:focus span, .c63b40f7f2132:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c63b40f7f2132:focus input, .c63b40f7f2132:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c63b40f7f2132:focus:hover, .c63b40f7f2132:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c63b40f7f2132:focus:hover span, .c63b40f7f2132:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c63b40f7f2132:focus:hover input, .c63b40f7f2132:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cf9a75f1ded9a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cf9a75f1ded9a input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cf9a75f1ded9a ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cf9a75f1ded9a ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cf9a75f1ded9a:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cf9a75f1ded9a:focus-within input, .cf9a75f1ded9a:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c7beccf8634cc, .c6ce13bb4a8e9.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c7beccf8634cc input, .c6ce13bb4a8e9.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c7beccf8634cc span svg, .c6ce13bb4a8e9.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c7d3d037e61e8, .cf51e8905a44c label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c7d3d037e61e8 svg, .cf51e8905a44c label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c7d3d037e61e8:hover, .cf51e8905a44c label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c7d3d037e61e8:focus, .cf51e8905a44c label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c7d3d037e61e8.checked, .cf51e8905a44c label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c7d3d037e61e8.checked svg, .cf51e8905a44c label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c7d3d037e61e8.intermediate, .cf51e8905a44c label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c7d3d037e61e8.intermediate svg, .cf51e8905a44c label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c7d3d037e61e8.unchecked, .cf51e8905a44c label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c7d3d037e61e8.unchecked svg, .cf51e8905a44c label span.unchecked svg {
  display: none;
}

.cf51e8905a44c {
  display: flex;
  align-items: center;
}
.cf51e8905a44c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cf51e8905a44c label input {
  margin: 0;
}
.cf51e8905a44c label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf51e8905a44c label:focus span, .cf51e8905a44c label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c6ce13bb4a8e9 {
  display: flex;
  flex-direction: column;
}
.c6ce13bb4a8e9 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c6ce13bb4a8e9 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c6ce13bb4a8e9 input:focus-within input, .c6ce13bb4a8e9 input:active input {
  color: var(--input-foreground-color-active);
}
.c6ce13bb4a8e9 input:focus-within, .c6ce13bb4a8e9 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c6ce13bb4a8e9.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c074d3d6a4f58 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c1edcef8c8a50 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cb8f16053c88d {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd306587e47df {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cea314dbf1627 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cb9a956bdda23 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c343b439682e5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ced2a562fc12f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce37c50d4beaf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ccf79aa1092b9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ccf79aa1092b9:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cd51b203d43bd {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c570361b87186 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c26bdc3203068 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c5a41ba0e3224 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c1390675d2a60 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c1390675d2a60:hover, .c1390675d2a60:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c28cd04580c50 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c28cd04580c50 button {
  display: none;
}
.c28cd04580c50 button svg {
  stroke: var(--icon-foreground);
}
.c28cd04580c50:hover button {
  display: flex;
}

.c951e667e34f3 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c951e667e34f3 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c951e667e34f3 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c26fd49d18a3b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c26fd49d18a3b:hover div {
  color: var(--entry-foreground-color-hover);
}

.c2612335cb1fb {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c31908e7f4f3f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c31908e7f4f3f:hover {
  background-color: var(--menu-background-color-hover);
}

.c8b4138170494 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c8b4138170494 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c8b4138170494 span svg {
  stroke: var(--icon-foreground);
}
.c8b4138170494:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c8b4138170494:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c9817786569e4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cd6e250c760d1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c0ff735877f78,
.c8f1779ae9317 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cbbd82a626c8a .c0ff735877f78,
.cbbd82a626c8a .c8f1779ae9317 {
  transform: scale(1);
}

.c4746acacab82 .c0ff735877f78,
.c4746acacab82 .c8f1779ae9317 {
  transform: scale(0);
}

.c2ffe6b150547 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.c088732ddc8c7 {
  display: grid;
  align-items: center;
  justify-content: safe center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: auto;
}

.c2551bdc38f19 {
  position: relative;
  align-self: flex-start;
  width: var(--right-sidebar-width);
  background-color: var(--panel-background-color);
  border-top: 1px solid var(--search-bar-input-border-color);
}

.c6dcb8f5a2574 {
  max-width: var(--right-sidebar-width);
}

.c52cc9d14ce5b {
  width: var(--right-sidebar-width, var(--right-sidebar-width));
}

.cac047352b545 {
  position: absolute;
  left: 0;
  width: 0.5rem;
  height: 100%;
  z-index: 10;
  cursor: ew-resize;
}
@keyframes ca9342b133436 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c2fa88c61867c {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c2fa88c61867c:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c2fa88c61867c ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c2fa88c61867c ::-webkit-scrollbar-track,
.c2fa88c61867c ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c2fa88c61867c ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c2fa88c61867c ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c2fa88c61867c ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2fa88c61867c ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2fa88c61867c ::placeholder,
.c2fa88c61867c ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c8b77e5a82eab, .c3b0bb4db48e0, .c559bb87077a7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c8b77e5a82eab svg, .c3b0bb4db48e0 svg, .c559bb87077a7 svg,
.c8b77e5a82eab span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c8b77e5a82eab:focus-visible, .c3b0bb4db48e0:focus-visible, .c559bb87077a7:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c8b77e5a82eab:focus-visible svg, .c3b0bb4db48e0:focus-visible svg, .c559bb87077a7:focus-visible svg,
.c8b77e5a82eab:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c8b77e5a82eab:hover, .c3b0bb4db48e0:hover, .c559bb87077a7:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c8b77e5a82eab:hover svg, .c3b0bb4db48e0:hover svg, .c559bb87077a7:hover svg,
.c8b77e5a82eab:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c8b77e5a82eab:active, .c3b0bb4db48e0:active, .c559bb87077a7:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c8b77e5a82eab:active svg, .c3b0bb4db48e0:active svg, .c559bb87077a7:active svg,
.c8b77e5a82eab:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c8b77e5a82eab.disabled, .c3b0bb4db48e0.disabled, .c559bb87077a7.disabled, .c8b77e5a82eab[disabled], [disabled].c3b0bb4db48e0, [disabled].c559bb87077a7, .c8b77e5a82eab:disabled, .c3b0bb4db48e0:disabled, .c559bb87077a7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd5fd3207515a, .c403d8bb1a55e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cd5fd3207515a svg, .c403d8bb1a55e svg,
.cd5fd3207515a span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cd5fd3207515a:focus-visible, .c403d8bb1a55e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd5fd3207515a:focus-visible svg, .c403d8bb1a55e:focus-visible svg,
.cd5fd3207515a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd5fd3207515a:hover, .c403d8bb1a55e:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cd5fd3207515a:hover svg, .c403d8bb1a55e:hover svg,
.cd5fd3207515a:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cd5fd3207515a:active, .c403d8bb1a55e:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cd5fd3207515a:active svg, .c403d8bb1a55e:active svg,
.cd5fd3207515a:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cd5fd3207515a.disabled, .c403d8bb1a55e.disabled, .cd5fd3207515a[disabled], [disabled].c403d8bb1a55e, .cd5fd3207515a:disabled, .c403d8bb1a55e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c33fbecf18dfb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c33fbecf18dfb svg,
.c33fbecf18dfb span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c33fbecf18dfb:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c33fbecf18dfb:focus-visible svg,
.c33fbecf18dfb:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c33fbecf18dfb:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c33fbecf18dfb:hover svg,
.c33fbecf18dfb:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c33fbecf18dfb:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c33fbecf18dfb:active svg,
.c33fbecf18dfb:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c33fbecf18dfb.disabled, .c33fbecf18dfb[disabled], .c33fbecf18dfb:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd1e45390a127, .c308d6508d594 button, .c81ebfde0d380 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cd1e45390a127 svg, .c308d6508d594 button svg, .c81ebfde0d380 svg,
.cd1e45390a127 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cd1e45390a127:focus-visible, .c308d6508d594 button:focus-visible, .c81ebfde0d380:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cd1e45390a127:focus-visible svg, .c308d6508d594 button:focus-visible svg, .c81ebfde0d380:focus-visible svg,
.cd1e45390a127:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cd1e45390a127:hover, .c308d6508d594 button:hover, .c81ebfde0d380:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cd1e45390a127:hover svg, .c308d6508d594 button:hover svg, .c81ebfde0d380:hover svg,
.cd1e45390a127:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cd1e45390a127:active, .c308d6508d594 button:active, .c81ebfde0d380:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cd1e45390a127:active svg, .c308d6508d594 button:active svg, .c81ebfde0d380:active svg,
.cd1e45390a127:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cd1e45390a127.disabled, .c308d6508d594 button.disabled, .c81ebfde0d380.disabled, .cd1e45390a127[disabled], .c308d6508d594 button[disabled], [disabled].c81ebfde0d380, .cd1e45390a127:disabled, .c308d6508d594 button:disabled, .c81ebfde0d380:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cd1e45390a127.disabled svg, .c308d6508d594 button.disabled svg, .c81ebfde0d380.disabled svg,
.cd1e45390a127.disabled span svg, .cd1e45390a127[disabled] svg, .c308d6508d594 button[disabled] svg, [disabled].c81ebfde0d380 svg,
.cd1e45390a127[disabled] span svg, .cd1e45390a127:disabled svg, .c308d6508d594 button:disabled svg, .c81ebfde0d380:disabled svg,
.cd1e45390a127:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c0d466adefeb2 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c0d466adefeb2 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c2367b737f196 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c2367b737f196 svg,
.c2367b737f196 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c2367b737f196:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c2367b737f196:focus-visible svg,
.c2367b737f196:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c2367b737f196:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c2367b737f196:hover svg,
.c2367b737f196:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c2367b737f196:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c2367b737f196:active svg,
.c2367b737f196:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c2fe73f773b72 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c6831ecfa558d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6cbb44ad9e08 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c6cbb44ad9e08:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c6cbb44ad9e08:focus-visible svg,
.c6cbb44ad9e08:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c6cbb44ad9e08:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c6cbb44ad9e08:active {
  border: none;
  background-color: transparent;
}

.c0e2bd844c603, .c81ebfde0d380 svg, .c8eb5aaa775c4, .c4d69007bf987 .c28fd19476e55 svg, .c28fd19476e55 svg,
.c858e84149a7c svg, .ce084fb035382 span svg, .c4d69007bf987 span svg, .c308d6508d594 button svg, .c9f3a7ae3de88.intermediate svg, .c0b241d662407 label span.intermediate svg, .c9f3a7ae3de88.checked svg, .c0b241d662407 label span.checked svg, .c69ec5f7abe55 span svg,
.c69ec5f7abe55 label svg, .ca1a7ca76dc64 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c80287cff6586 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c80287cff6586:hover {
  fill: none;
  stroke: none;
}

.c8eb5aaa775c4, .c4d69007bf987 .c28fd19476e55 svg, .c28fd19476e55 svg,
.c858e84149a7c svg, .ce084fb035382 span svg, .c4d69007bf987 span svg, .c308d6508d594 button svg, .c9f3a7ae3de88.intermediate svg, .c0b241d662407 label span.intermediate svg, .c9f3a7ae3de88.checked svg, .c0b241d662407 label span.checked svg, .c69ec5f7abe55 span svg,
.c69ec5f7abe55 label svg, .ca1a7ca76dc64 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ccc5f0555dd27 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ccc5f0555dd27:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ca0d00a12ff94, .c2d42df9e80aa input, .c843044b3b10b input, .c69ec5f7abe55 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ca0d00a12ff94, .c2d42df9e80aa input, .c843044b3b10b input, .c69ec5f7abe55 input {
    height: 23px;
  }
}
.ca0d00a12ff94, .c2d42df9e80aa input, .c843044b3b10b input, .c69ec5f7abe55 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ca0d00a12ff94[disabled], .c2d42df9e80aa input[disabled], .c843044b3b10b input[disabled], .c69ec5f7abe55 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ca1a7ca76dc64 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cdf874f327483, .c69ec5f7abe55 span,
.c69ec5f7abe55 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cdf874f327483, .c69ec5f7abe55 span,
  .c69ec5f7abe55 label {
    height: 25px;
  }
}
.cdf874f327483, .c69ec5f7abe55 span,
.c69ec5f7abe55 label {
  color: var(--input-foreground-color);
}

.c69ec5f7abe55 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c69ec5f7abe55 {
    height: 25px;
    font-size: 10px;
  }
}
.c69ec5f7abe55 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c69ec5f7abe55 span svg,
.c69ec5f7abe55 label svg {
  color: var(--input-foreground-color);
}
.c69ec5f7abe55 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c69ec5f7abe55 ::placeholder {
  color: var(--input-placeholder-color);
}
.c69ec5f7abe55:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c69ec5f7abe55:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c69ec5f7abe55:hover span {
  color: var(--input-foreground-color-hover);
}
.c69ec5f7abe55:hover input {
  color: var(--input-foreground-color-hover);
}
.c69ec5f7abe55:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c69ec5f7abe55:active span {
  color: var(--input-foreground-color-active);
}
.c69ec5f7abe55:active input {
  color: var(--input-foreground-color-active);
}
.c69ec5f7abe55:focus, .c69ec5f7abe55:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c69ec5f7abe55:focus span, .c69ec5f7abe55:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c69ec5f7abe55:focus input, .c69ec5f7abe55:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c69ec5f7abe55:focus:hover, .c69ec5f7abe55:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c69ec5f7abe55:focus:hover span, .c69ec5f7abe55:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c69ec5f7abe55:focus:hover input, .c69ec5f7abe55:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c843044b3b10b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c843044b3b10b input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c843044b3b10b ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c843044b3b10b ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c843044b3b10b:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c843044b3b10b:focus-within input, .c843044b3b10b:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cbd0e967a8337, .c2d42df9e80aa.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cbd0e967a8337 input, .c2d42df9e80aa.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cbd0e967a8337 span svg, .c2d42df9e80aa.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c9f3a7ae3de88, .c0b241d662407 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c9f3a7ae3de88 svg, .c0b241d662407 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c9f3a7ae3de88:hover, .c0b241d662407 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c9f3a7ae3de88:focus, .c0b241d662407 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c9f3a7ae3de88.checked, .c0b241d662407 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c9f3a7ae3de88.checked svg, .c0b241d662407 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c9f3a7ae3de88.intermediate, .c0b241d662407 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c9f3a7ae3de88.intermediate svg, .c0b241d662407 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c9f3a7ae3de88.unchecked, .c0b241d662407 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c9f3a7ae3de88.unchecked svg, .c0b241d662407 label span.unchecked svg {
  display: none;
}

.c0b241d662407 {
  display: flex;
  align-items: center;
}
.c0b241d662407 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c0b241d662407 label input {
  margin: 0;
}
.c0b241d662407 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0b241d662407 label:focus span, .c0b241d662407 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c2d42df9e80aa {
  display: flex;
  flex-direction: column;
}
.c2d42df9e80aa label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c2d42df9e80aa input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c2d42df9e80aa input:focus-within input, .c2d42df9e80aa input:active input {
  color: var(--input-foreground-color-active);
}
.c2d42df9e80aa input:focus-within, .c2d42df9e80aa input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c2d42df9e80aa.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cd83bf93afd8f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c5e7921ef6a28 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c6bc2c9bc9d9c {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c81ebfde0d380 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c47fbe8eef62e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ca37807494a8a {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c403d8bb1a55e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c559bb87077a7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3b0bb4db48e0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cbfc5d66080c0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cbfc5d66080c0:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c569fc71a60aa {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c555c62548ac2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c7ac6b33e113e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c4ebd4582bcd8 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c5aaea3cb5b72 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c5aaea3cb5b72:hover, .c5aaea3cb5b72:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c308d6508d594 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c308d6508d594 button {
  display: none;
}
.c308d6508d594 button svg {
  stroke: var(--icon-foreground);
}
.c308d6508d594:hover button {
  display: flex;
}

.c2c6ac867b22d {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c2c6ac867b22d .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c2c6ac867b22d .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c69be869c7860 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c69be869c7860:hover div {
  color: var(--entry-foreground-color-hover);
}

.cf9e009e8e643, .c179b7338ebf3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cb175a75930d2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cb175a75930d2:hover {
  background-color: var(--menu-background-color-hover);
}

.ce084fb035382, .c4d69007bf987 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ce084fb035382 span, .c4d69007bf987 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ce084fb035382 span svg, .c4d69007bf987 span svg {
  stroke: var(--icon-foreground);
}
.ce084fb035382:hover, .c4d69007bf987:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ce084fb035382:hover span svg, .c4d69007bf987:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cbcb31ba453da {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c0e4672f5852b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c227b64ff740f,
.c44781b73eaf3 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c7797e7bf3e08 .c227b64ff740f,
.c7797e7bf3e08 .c44781b73eaf3 {
  transform: scale(1);
}

.c3a6c4fdca7aa .c227b64ff740f,
.c3a6c4fdca7aa .c44781b73eaf3 {
  transform: scale(0);
}

.ca2ab6425ccb7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  position: relative;
  gap: 0.25rem;
  height: 2rem;
  border-radius: 8px;
  background-color: var(--input-background-color);
  padding: 0.5rem;
  cursor: pointer;
}

.c6c0d9a69a79c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  flex-grow: 1;
  color: var(--input-foreground-color-active);
}

.cf45274ec7bd7 {
  flex-grow: 1;
  color: var(--input-foreground-color);
}

.c179b7338ebf3 {
  right: 0.125rem;
  top: calc(0.125rem + 3rem);
  width: 17rem;
  padding: 0.375rem;
  max-height: calc(100vh - 3 * (0.125rem + 3rem));
  overflow: auto;
}

.c4d69007bf987 {
  min-height: 2rem;
}
.c4d69007bf987 .c28fd19476e55 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 1rem;
}
.c4d69007bf987 .c28fd19476e55 svg {
  stroke: none;
  color: var(--input-foreground-color);
}
.c4d69007bf987:hover .cf45274ec7bd7 {
  color: var(--input-foreground-color-active);
}

.c4d69007bf987.ca4a6a7be3145 .cf45274ec7bd7 {
  color: var(--input-foreground-color-active);
}
.c4d69007bf987.ca4a6a7be3145 .c28fd19476e55 svg {
  color: var(--input-foreground-color);
}

.c28fd19476e55,
.c858e84149a7c {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 1rem;
}
.c28fd19476e55 svg,
.c858e84149a7c svg {
  stroke: none;
  color: var(--input-foreground-color);
}

.c858e84149a7c svg {
  transform: rotate(90deg);
}

.c1c61def4c06b {
  position: fixed;
  pointer-events: none;
}
.c1c61def4c06b .frame-children g {
  pointer-events: auto;
}
@keyframes c46762502e5ed {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c2648b98f8f14 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c2648b98f8f14:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c2648b98f8f14 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c2648b98f8f14 ::-webkit-scrollbar-track,
.c2648b98f8f14 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c2648b98f8f14 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c2648b98f8f14 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c2648b98f8f14 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2648b98f8f14 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2648b98f8f14 ::placeholder,
.c2648b98f8f14 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c9c00db841a71, .c22aebd5bab2c, .c132237421e28 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c9c00db841a71 svg, .c22aebd5bab2c svg, .c132237421e28 svg,
.c9c00db841a71 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c9c00db841a71:focus-visible, .c22aebd5bab2c:focus-visible, .c132237421e28:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c9c00db841a71:focus-visible svg, .c22aebd5bab2c:focus-visible svg, .c132237421e28:focus-visible svg,
.c9c00db841a71:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c9c00db841a71:hover, .c22aebd5bab2c:hover, .c132237421e28:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c9c00db841a71:hover svg, .c22aebd5bab2c:hover svg, .c132237421e28:hover svg,
.c9c00db841a71:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c9c00db841a71:active, .c22aebd5bab2c:active, .c132237421e28:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c9c00db841a71:active svg, .c22aebd5bab2c:active svg, .c132237421e28:active svg,
.c9c00db841a71:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c9c00db841a71.disabled, .c22aebd5bab2c.disabled, .c132237421e28.disabled, .c9c00db841a71[disabled], [disabled].c22aebd5bab2c, [disabled].c132237421e28, .c9c00db841a71:disabled, .c22aebd5bab2c:disabled, .c132237421e28:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cdf7611a55153, .cedffdcb83364 a, .cfab7f01ea7ff {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cdf7611a55153 svg, .cedffdcb83364 a svg, .cfab7f01ea7ff svg,
.cdf7611a55153 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cdf7611a55153:focus-visible, .cedffdcb83364 a:focus-visible, .cfab7f01ea7ff:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cdf7611a55153:focus-visible svg, .cedffdcb83364 a:focus-visible svg, .cfab7f01ea7ff:focus-visible svg,
.cdf7611a55153:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cdf7611a55153:hover, .cedffdcb83364 a:hover, .cfab7f01ea7ff:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cdf7611a55153:hover svg, .cedffdcb83364 a:hover svg, .cfab7f01ea7ff:hover svg,
.cdf7611a55153:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cdf7611a55153:active, .cedffdcb83364 a:active, .cfab7f01ea7ff:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cdf7611a55153:active svg, .cedffdcb83364 a:active svg, .cfab7f01ea7ff:active svg,
.cdf7611a55153:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cdf7611a55153.disabled, .cedffdcb83364 a.disabled, .cfab7f01ea7ff.disabled, .cdf7611a55153[disabled], .cedffdcb83364 a[disabled], [disabled].cfab7f01ea7ff, .cdf7611a55153:disabled, .cedffdcb83364 a:disabled, .cfab7f01ea7ff:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c168d7436f5fd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c168d7436f5fd svg,
.c168d7436f5fd span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c168d7436f5fd:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c168d7436f5fd:focus-visible svg,
.c168d7436f5fd:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c168d7436f5fd:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c168d7436f5fd:hover svg,
.c168d7436f5fd:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c168d7436f5fd:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c168d7436f5fd:active svg,
.c168d7436f5fd:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c168d7436f5fd.disabled, .c168d7436f5fd[disabled], .c168d7436f5fd:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c70225580f88c, .cb3548f0bed0f button, .cf070451eb4dc, .c4166f878aaa8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c70225580f88c svg, .cb3548f0bed0f button svg, .cf070451eb4dc svg, .c4166f878aaa8 svg,
.c70225580f88c span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c70225580f88c:focus-visible, .cb3548f0bed0f button:focus-visible, .cf070451eb4dc:focus-visible, .c4166f878aaa8:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c70225580f88c:focus-visible svg, .cb3548f0bed0f button:focus-visible svg, .cf070451eb4dc:focus-visible svg, .c4166f878aaa8:focus-visible svg,
.c70225580f88c:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c70225580f88c:hover, .cb3548f0bed0f button:hover, .cf070451eb4dc:hover, .c4166f878aaa8:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c70225580f88c:hover svg, .cb3548f0bed0f button:hover svg, .cf070451eb4dc:hover svg, .c4166f878aaa8:hover svg,
.c70225580f88c:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c70225580f88c:active, .cb3548f0bed0f button:active, .cf070451eb4dc:active, .c4166f878aaa8:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c70225580f88c:active svg, .cb3548f0bed0f button:active svg, .cf070451eb4dc:active svg, .c4166f878aaa8:active svg,
.c70225580f88c:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c70225580f88c.disabled, .cb3548f0bed0f button.disabled, .cf070451eb4dc.disabled, .c4166f878aaa8.disabled, .c70225580f88c[disabled], .cb3548f0bed0f button[disabled], [disabled].cf070451eb4dc, [disabled].c4166f878aaa8, .c70225580f88c:disabled, .cb3548f0bed0f button:disabled, .cf070451eb4dc:disabled, .c4166f878aaa8:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c70225580f88c.disabled svg, .cb3548f0bed0f button.disabled svg, .cf070451eb4dc.disabled svg, .c4166f878aaa8.disabled svg,
.c70225580f88c.disabled span svg, .c70225580f88c[disabled] svg, .cb3548f0bed0f button[disabled] svg, [disabled].cf070451eb4dc svg, [disabled].c4166f878aaa8 svg,
.c70225580f88c[disabled] span svg, .c70225580f88c:disabled svg, .cb3548f0bed0f button:disabled svg, .cf070451eb4dc:disabled svg, .c4166f878aaa8:disabled svg,
.c70225580f88c:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c5e874953ebbb {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c5e874953ebbb svg {
  color: var(--button-icon-foreground-color-selected);
}

.c8780d1c11007 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c8780d1c11007 svg,
.c8780d1c11007 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c8780d1c11007:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c8780d1c11007:focus-visible svg,
.c8780d1c11007:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c8780d1c11007:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c8780d1c11007:hover svg,
.c8780d1c11007:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c8780d1c11007:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c8780d1c11007:active svg,
.c8780d1c11007:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c3a972f3c10a6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c3930192ee1cd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c16d775feb86d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c16d775feb86d:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c16d775feb86d:focus-visible svg,
.c16d775feb86d:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c16d775feb86d:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c16d775feb86d:active {
  border: none;
  background-color: transparent;
}

.c42b841ef6f08, .cf070451eb4dc svg, .c4166f878aaa8 svg, .cb43f84e639ab, .cd5bae81a4d03 span svg, .cb3548f0bed0f button svg, .ca0fa1512f6a3.intermediate svg, .cdbdba5df5469 label span.intermediate svg, .ca0fa1512f6a3.checked svg, .cdbdba5df5469 label span.checked svg, .cd46429d22d9d span svg,
.cd46429d22d9d label svg, .c29e70ef8a0fc svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c28a1101a1688 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c28a1101a1688:hover {
  fill: none;
  stroke: none;
}

.cb43f84e639ab, .cd5bae81a4d03 span svg, .cb3548f0bed0f button svg, .ca0fa1512f6a3.intermediate svg, .cdbdba5df5469 label span.intermediate svg, .ca0fa1512f6a3.checked svg, .cdbdba5df5469 label span.checked svg, .cd46429d22d9d span svg,
.cd46429d22d9d label svg, .c29e70ef8a0fc svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c9cbbd5bf24ac {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c9cbbd5bf24ac:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c97cbce40ec93, .cf0670c2b5480 input, .c5be05063663d input, .cd46429d22d9d input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c97cbce40ec93, .cf0670c2b5480 input, .c5be05063663d input, .cd46429d22d9d input {
    height: 23px;
  }
}
.c97cbce40ec93, .cf0670c2b5480 input, .c5be05063663d input, .cd46429d22d9d input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c97cbce40ec93[disabled], .cf0670c2b5480 input[disabled], .c5be05063663d input[disabled], .cd46429d22d9d input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c29e70ef8a0fc {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cfd8da7d93a89, .cd46429d22d9d span,
.cd46429d22d9d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cfd8da7d93a89, .cd46429d22d9d span,
  .cd46429d22d9d label {
    height: 25px;
  }
}
.cfd8da7d93a89, .cd46429d22d9d span,
.cd46429d22d9d label {
  color: var(--input-foreground-color);
}

.cd46429d22d9d {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd46429d22d9d {
    height: 25px;
    font-size: 10px;
  }
}
.cd46429d22d9d {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cd46429d22d9d span svg,
.cd46429d22d9d label svg {
  color: var(--input-foreground-color);
}
.cd46429d22d9d ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cd46429d22d9d ::placeholder {
  color: var(--input-placeholder-color);
}
.cd46429d22d9d:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd46429d22d9d:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cd46429d22d9d:hover span {
  color: var(--input-foreground-color-hover);
}
.cd46429d22d9d:hover input {
  color: var(--input-foreground-color-hover);
}
.cd46429d22d9d:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cd46429d22d9d:active span {
  color: var(--input-foreground-color-active);
}
.cd46429d22d9d:active input {
  color: var(--input-foreground-color-active);
}
.cd46429d22d9d:focus, .cd46429d22d9d:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd46429d22d9d:focus span, .cd46429d22d9d:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cd46429d22d9d:focus input, .cd46429d22d9d:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cd46429d22d9d:focus:hover, .cd46429d22d9d:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd46429d22d9d:focus:hover span, .cd46429d22d9d:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cd46429d22d9d:focus:hover input, .cd46429d22d9d:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c5be05063663d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c5be05063663d input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c5be05063663d ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5be05063663d ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5be05063663d:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c5be05063663d:focus-within input, .c5be05063663d:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c640561d9a6f5, .cf0670c2b5480.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c640561d9a6f5 input, .cf0670c2b5480.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c640561d9a6f5 span svg, .cf0670c2b5480.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ca0fa1512f6a3, .cdbdba5df5469 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ca0fa1512f6a3 svg, .cdbdba5df5469 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ca0fa1512f6a3:hover, .cdbdba5df5469 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca0fa1512f6a3:focus, .cdbdba5df5469 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ca0fa1512f6a3.checked, .cdbdba5df5469 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ca0fa1512f6a3.checked svg, .cdbdba5df5469 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ca0fa1512f6a3.intermediate, .cdbdba5df5469 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ca0fa1512f6a3.intermediate svg, .cdbdba5df5469 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ca0fa1512f6a3.unchecked, .cdbdba5df5469 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ca0fa1512f6a3.unchecked svg, .cdbdba5df5469 label span.unchecked svg {
  display: none;
}

.cdbdba5df5469 {
  display: flex;
  align-items: center;
}
.cdbdba5df5469 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cdbdba5df5469 label input {
  margin: 0;
}
.cdbdba5df5469 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cdbdba5df5469 label:focus span, .cdbdba5df5469 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cf0670c2b5480 {
  display: flex;
  flex-direction: column;
}
.cf0670c2b5480 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cf0670c2b5480 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cf0670c2b5480 input:focus-within input, .cf0670c2b5480 input:active input {
  color: var(--input-foreground-color-active);
}
.cf0670c2b5480 input:focus-within, .cf0670c2b5480 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf0670c2b5480.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc7405ba695f6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c92847a8bb9b0, .c0d1f752d2aba {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cb524542f6aad, .c778e393a76d2 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cf070451eb4dc, .c4166f878aaa8 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c48a2c4d899c9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c03b2e8a72acc {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cfab7f01ea7ff {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c132237421e28 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c22aebd5bab2c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c9329de0c92e7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c9329de0c92e7:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c485f20e8c8f1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c42fbd3e5cfe9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c0ef7e8d339aa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c01458621df2a {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cf38a95e11461 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cf38a95e11461:hover, .cf38a95e11461:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cb3548f0bed0f div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cb3548f0bed0f button {
  display: none;
}
.cb3548f0bed0f button svg {
  stroke: var(--icon-foreground);
}
.cb3548f0bed0f:hover button {
  display: flex;
}

.c0b4c9822b465 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c0b4c9822b465 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c0b4c9822b465 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c44d09e46e844 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c44d09e46e844:hover div {
  color: var(--entry-foreground-color-hover);
}

.ce46a8102d34f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c2435c4dfe6f9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c2435c4dfe6f9:hover {
  background-color: var(--menu-background-color-hover);
}

.cd5bae81a4d03 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cd5bae81a4d03 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cd5bae81a4d03 span svg {
  stroke: var(--icon-foreground);
}
.cd5bae81a4d03:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cd5bae81a4d03:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c77fc809c4528 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cbe699a0da486 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c9219583a301b,
.cab5ae1bd2e5e {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cd4fda182567c .c9219583a301b,
.cd4fda182567c .cab5ae1bd2e5e {
  transform: scale(1);
}

.cc219cc3eb3f6 .c9219583a301b,
.cc219cc3eb3f6 .cab5ae1bd2e5e {
  transform: scale(0);
}

.c778e393a76d2 {
  width: 23rem;
}

.ccb446d270ec4 {
  margin-bottom: 1.5rem;
}

.ceb236a8a45e6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.c3f59087f6f18 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  gap: 1.5rem;
  max-height: 25rem;
  overflow: hidden auto;
}
.c3f59087f6f18 form {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
  gap: 0.75rem;
}

.c934d89decf36 {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.cb272d114add6 {
  position: relative;
}

.cedffdcb83364 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.cedffdcb83364 span {
  text-align: center;
  font-size: 0.875rem;
  color: var(--modal-text-foreground-color);
  margin-top: 0.75rem;
}
.cedffdcb83364 a {
  height: 2.5rem;
  text-transform: uppercase;
  font-size: 0.688rem;
}
@keyframes c595b4e32f169 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c035f3d4698b2 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c035f3d4698b2:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c035f3d4698b2 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c035f3d4698b2 ::-webkit-scrollbar-track,
.c035f3d4698b2 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c035f3d4698b2 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c035f3d4698b2 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c035f3d4698b2 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c035f3d4698b2 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c035f3d4698b2 ::placeholder,
.c035f3d4698b2 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cac8e5f5f072d, .cf3ad2f4a8044, .cce3552508267, .cce71fc18324c, .c59b01c8c17c5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cac8e5f5f072d svg, .cf3ad2f4a8044 svg, .cce3552508267 svg, .cce71fc18324c svg, .c59b01c8c17c5 svg,
.cac8e5f5f072d span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cac8e5f5f072d:focus-visible, .cf3ad2f4a8044:focus-visible, .cce3552508267:focus-visible, .cce71fc18324c:focus-visible, .c59b01c8c17c5:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cac8e5f5f072d:focus-visible svg, .cf3ad2f4a8044:focus-visible svg, .cce3552508267:focus-visible svg, .cce71fc18324c:focus-visible svg, .c59b01c8c17c5:focus-visible svg,
.cac8e5f5f072d:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cac8e5f5f072d:hover, .cf3ad2f4a8044:hover, .cce3552508267:hover, .cce71fc18324c:hover, .c59b01c8c17c5:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cac8e5f5f072d:hover svg, .cf3ad2f4a8044:hover svg, .cce3552508267:hover svg, .cce71fc18324c:hover svg, .c59b01c8c17c5:hover svg,
.cac8e5f5f072d:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cac8e5f5f072d:active, .cf3ad2f4a8044:active, .cce3552508267:active, .cce71fc18324c:active, .c59b01c8c17c5:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cac8e5f5f072d:active svg, .cf3ad2f4a8044:active svg, .cce3552508267:active svg, .cce71fc18324c:active svg, .c59b01c8c17c5:active svg,
.cac8e5f5f072d:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cac8e5f5f072d.disabled, .cf3ad2f4a8044.disabled, .cce3552508267.disabled, .cce71fc18324c.disabled, .c59b01c8c17c5.disabled, .cac8e5f5f072d[disabled], [disabled].cf3ad2f4a8044, [disabled].cce3552508267, [disabled].cce71fc18324c, [disabled].c59b01c8c17c5, .cac8e5f5f072d:disabled, .cf3ad2f4a8044:disabled, .cce3552508267:disabled, .cce71fc18324c:disabled, .c59b01c8c17c5:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2055206e3e75, .c332085c25e42, .cc273027bdb62, .cc7d80531e4e2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c2055206e3e75 svg, .c332085c25e42 svg, .cc273027bdb62 svg, .cc7d80531e4e2 svg,
.c2055206e3e75 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c2055206e3e75:focus-visible, .c332085c25e42:focus-visible, .cc273027bdb62:focus-visible, .cc7d80531e4e2:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2055206e3e75:focus-visible svg, .c332085c25e42:focus-visible svg, .cc273027bdb62:focus-visible svg, .cc7d80531e4e2:focus-visible svg,
.c2055206e3e75:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2055206e3e75:hover, .c332085c25e42:hover, .cc273027bdb62:hover, .cc7d80531e4e2:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c2055206e3e75:hover svg, .c332085c25e42:hover svg, .cc273027bdb62:hover svg, .cc7d80531e4e2:hover svg,
.c2055206e3e75:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c2055206e3e75:active, .c332085c25e42:active, .cc273027bdb62:active, .cc7d80531e4e2:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c2055206e3e75:active svg, .c332085c25e42:active svg, .cc273027bdb62:active svg, .cc7d80531e4e2:active svg,
.c2055206e3e75:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c2055206e3e75.disabled, .c332085c25e42.disabled, .cc273027bdb62.disabled, .cc7d80531e4e2.disabled, .c2055206e3e75[disabled], [disabled].c332085c25e42, [disabled].cc273027bdb62, [disabled].cc7d80531e4e2, .c2055206e3e75:disabled, .c332085c25e42:disabled, .cc273027bdb62:disabled, .cc7d80531e4e2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c18ca0d1fd125 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c18ca0d1fd125 svg,
.c18ca0d1fd125 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c18ca0d1fd125:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c18ca0d1fd125:focus-visible svg,
.c18ca0d1fd125:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c18ca0d1fd125:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c18ca0d1fd125:hover svg,
.c18ca0d1fd125:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c18ca0d1fd125:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c18ca0d1fd125:active svg,
.c18ca0d1fd125:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c18ca0d1fd125.disabled, .c18ca0d1fd125[disabled], .c18ca0d1fd125:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c51b67f1aff4c, .cfacd1ea6c4ca button, .c431d576dc245, .caa4805d82410 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c51b67f1aff4c svg, .cfacd1ea6c4ca button svg, .c431d576dc245 svg, .caa4805d82410 svg,
.c51b67f1aff4c span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c51b67f1aff4c:focus-visible, .cfacd1ea6c4ca button:focus-visible, .c431d576dc245:focus-visible, .caa4805d82410:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c51b67f1aff4c:focus-visible svg, .cfacd1ea6c4ca button:focus-visible svg, .c431d576dc245:focus-visible svg, .caa4805d82410:focus-visible svg,
.c51b67f1aff4c:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c51b67f1aff4c:hover, .cfacd1ea6c4ca button:hover, .c431d576dc245:hover, .caa4805d82410:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c51b67f1aff4c:hover svg, .cfacd1ea6c4ca button:hover svg, .c431d576dc245:hover svg, .caa4805d82410:hover svg,
.c51b67f1aff4c:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c51b67f1aff4c:active, .cfacd1ea6c4ca button:active, .c431d576dc245:active, .caa4805d82410:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c51b67f1aff4c:active svg, .cfacd1ea6c4ca button:active svg, .c431d576dc245:active svg, .caa4805d82410:active svg,
.c51b67f1aff4c:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c51b67f1aff4c.disabled, .cfacd1ea6c4ca button.disabled, .c431d576dc245.disabled, .caa4805d82410.disabled, .c51b67f1aff4c[disabled], .cfacd1ea6c4ca button[disabled], [disabled].c431d576dc245, [disabled].caa4805d82410, .c51b67f1aff4c:disabled, .cfacd1ea6c4ca button:disabled, .c431d576dc245:disabled, .caa4805d82410:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c51b67f1aff4c.disabled svg, .cfacd1ea6c4ca button.disabled svg, .c431d576dc245.disabled svg, .caa4805d82410.disabled svg,
.c51b67f1aff4c.disabled span svg, .c51b67f1aff4c[disabled] svg, .cfacd1ea6c4ca button[disabled] svg, [disabled].c431d576dc245 svg, [disabled].caa4805d82410 svg,
.c51b67f1aff4c[disabled] span svg, .c51b67f1aff4c:disabled svg, .cfacd1ea6c4ca button:disabled svg, .c431d576dc245:disabled svg, .caa4805d82410:disabled svg,
.c51b67f1aff4c:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ce00972b72e86 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ce00972b72e86 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cf8e757a0911f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cf8e757a0911f svg,
.cf8e757a0911f span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cf8e757a0911f:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cf8e757a0911f:focus-visible svg,
.cf8e757a0911f:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cf8e757a0911f:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cf8e757a0911f:hover svg,
.cf8e757a0911f:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cf8e757a0911f:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cf8e757a0911f:active svg,
.cf8e757a0911f:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c23440607b841 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cd2fcce527efa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c79f2ba59a0ff {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c79f2ba59a0ff:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c79f2ba59a0ff:focus-visible svg,
.c79f2ba59a0ff:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c79f2ba59a0ff:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c79f2ba59a0ff:active {
  border: none;
  background-color: transparent;
}

.c0dcff7245247, .c332085c25e42 svg, .ce382978c1e52 svg, .c431d576dc245 svg, .caa4805d82410 svg, .cacf16f2cc7bb, .cb7834736e087 span.cd6958cebc99b svg, .ccf84727ecb6d span svg, .cfacd1ea6c4ca button svg, .cc455bed05770.intermediate svg, .c127d4e851af7 label span.intermediate svg, .cb7834736e087 label span.intermediate svg, .cc455bed05770.checked svg, .c127d4e851af7 label span.checked svg, .cb7834736e087 label span.checked svg, .c5ddf804ccc08 span svg, .ca523a5fb4e28 span svg,
.c5ddf804ccc08 label svg,
.ca523a5fb4e28 label svg, .c88bdf45a9c71 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cfbfc68b1050a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cfbfc68b1050a:hover {
  fill: none;
  stroke: none;
}

.cacf16f2cc7bb, .cb7834736e087 span.cd6958cebc99b svg, .ccf84727ecb6d span svg, .cfacd1ea6c4ca button svg, .cc455bed05770.intermediate svg, .c127d4e851af7 label span.intermediate svg, .cb7834736e087 label span.intermediate svg, .cc455bed05770.checked svg, .c127d4e851af7 label span.checked svg, .cb7834736e087 label span.checked svg, .c5ddf804ccc08 span svg, .ca523a5fb4e28 span svg,
.c5ddf804ccc08 label svg,
.ca523a5fb4e28 label svg, .c88bdf45a9c71 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c5d97d4a030ff {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c5d97d4a030ff:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c5362360fd6d6, .caef68ee51076 input, .cc58cd739ff6a input, .c5ddf804ccc08 input, .ca523a5fb4e28 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c5362360fd6d6, .caef68ee51076 input, .cc58cd739ff6a input, .c5ddf804ccc08 input, .ca523a5fb4e28 input {
    height: 23px;
  }
}
.c5362360fd6d6, .caef68ee51076 input, .cc58cd739ff6a input, .c5ddf804ccc08 input, .ca523a5fb4e28 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c5362360fd6d6[disabled], .caef68ee51076 input[disabled], .cc58cd739ff6a input[disabled], .c5ddf804ccc08 input[disabled], .ca523a5fb4e28 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c88bdf45a9c71 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ce92b86b83e4e, .c5ddf804ccc08 span, .ca523a5fb4e28 span,
.c5ddf804ccc08 label,
.ca523a5fb4e28 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce92b86b83e4e, .c5ddf804ccc08 span, .ca523a5fb4e28 span,
  .c5ddf804ccc08 label,
  .ca523a5fb4e28 label {
    height: 25px;
  }
}
.ce92b86b83e4e, .c5ddf804ccc08 span, .ca523a5fb4e28 span,
.c5ddf804ccc08 label,
.ca523a5fb4e28 label {
  color: var(--input-foreground-color);
}

.c5ddf804ccc08, .ca523a5fb4e28 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c5ddf804ccc08, .ca523a5fb4e28 {
    height: 25px;
    font-size: 10px;
  }
}
.c5ddf804ccc08, .ca523a5fb4e28 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c5ddf804ccc08 span svg, .ca523a5fb4e28 span svg,
.c5ddf804ccc08 label svg,
.ca523a5fb4e28 label svg {
  color: var(--input-foreground-color);
}
.c5ddf804ccc08 ::-moz-placeholder, .ca523a5fb4e28 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c5ddf804ccc08 ::placeholder, .ca523a5fb4e28 ::placeholder {
  color: var(--input-placeholder-color);
}
.c5ddf804ccc08:focus-within, .ca523a5fb4e28:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c5ddf804ccc08:hover, .ca523a5fb4e28:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c5ddf804ccc08:hover span, .ca523a5fb4e28:hover span {
  color: var(--input-foreground-color-hover);
}
.c5ddf804ccc08:hover input, .ca523a5fb4e28:hover input {
  color: var(--input-foreground-color-hover);
}
.c5ddf804ccc08:active, .ca523a5fb4e28:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c5ddf804ccc08:active span, .ca523a5fb4e28:active span {
  color: var(--input-foreground-color-active);
}
.c5ddf804ccc08:active input, .ca523a5fb4e28:active input {
  color: var(--input-foreground-color-active);
}
.c5ddf804ccc08:focus, .ca523a5fb4e28:focus, .c5ddf804ccc08:focus-within, .ca523a5fb4e28:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c5ddf804ccc08:focus span, .ca523a5fb4e28:focus span, .c5ddf804ccc08:focus-within span, .ca523a5fb4e28:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c5ddf804ccc08:focus input, .ca523a5fb4e28:focus input, .c5ddf804ccc08:focus-within input, .ca523a5fb4e28:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c5ddf804ccc08:focus:hover, .ca523a5fb4e28:focus:hover, .c5ddf804ccc08:focus-within:hover, .ca523a5fb4e28:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c5ddf804ccc08:focus:hover span, .ca523a5fb4e28:focus:hover span, .c5ddf804ccc08:focus-within:hover span, .ca523a5fb4e28:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c5ddf804ccc08:focus:hover input, .ca523a5fb4e28:focus:hover input, .c5ddf804ccc08:focus-within:hover input, .ca523a5fb4e28:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cc58cd739ff6a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cc58cd739ff6a input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cc58cd739ff6a ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc58cd739ff6a ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc58cd739ff6a:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cc58cd739ff6a:focus-within input, .cc58cd739ff6a:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c3c8488ca01ac, .caef68ee51076.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c3c8488ca01ac input, .caef68ee51076.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c3c8488ca01ac span svg, .caef68ee51076.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cc455bed05770, .c127d4e851af7 label span, .cb7834736e087 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cc455bed05770 svg, .c127d4e851af7 label span svg, .cb7834736e087 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cc455bed05770:hover, .c127d4e851af7 label span:hover, .cb7834736e087 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cc455bed05770:focus, .c127d4e851af7 label span:focus, .cb7834736e087 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cc455bed05770.checked, .c127d4e851af7 label span.checked, .cb7834736e087 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cc455bed05770.checked svg, .c127d4e851af7 label span.checked svg, .cb7834736e087 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cc455bed05770.intermediate, .c127d4e851af7 label span.intermediate, .cb7834736e087 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cc455bed05770.intermediate svg, .c127d4e851af7 label span.intermediate svg, .cb7834736e087 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cc455bed05770.unchecked, .c127d4e851af7 label span.unchecked, .cb7834736e087 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cc455bed05770.unchecked svg, .c127d4e851af7 label span.unchecked svg, .cb7834736e087 label span.unchecked svg {
  display: none;
}

.c127d4e851af7, .cb7834736e087 {
  display: flex;
  align-items: center;
}
.c127d4e851af7 label, .cb7834736e087 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c127d4e851af7 label input, .cb7834736e087 label input {
  margin: 0;
}
.c127d4e851af7 label:hover span, .cb7834736e087 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c127d4e851af7 label:focus span, .cb7834736e087 label:focus span, .c127d4e851af7 label:focus-within span, .cb7834736e087 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.caef68ee51076 {
  display: flex;
  flex-direction: column;
}
.caef68ee51076 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.caef68ee51076 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.caef68ee51076 input:focus-within input, .caef68ee51076 input:active input {
  color: var(--input-foreground-color-active);
}
.caef68ee51076 input:focus-within, .caef68ee51076 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.caef68ee51076.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf678f45a2960 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c4fa784d4c6a3 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c9a6d3b2269f9, .c3d2ad0add073 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c431d576dc245, .caa4805d82410 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c6cb3bfeb7ee9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ccd34a72495e4 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cc273027bdb62, .cc7d80531e4e2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cce71fc18324c, .c59b01c8c17c5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cf3ad2f4a8044, .cce3552508267 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c13897792ddca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c13897792ddca:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ce94796242193 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c765d14692880 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cf657323efda8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cf75c4ab33dfa {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c32fa1a742c10 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c32fa1a742c10:hover, .c32fa1a742c10:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cfacd1ea6c4ca div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cfacd1ea6c4ca button {
  display: none;
}
.cfacd1ea6c4ca button svg {
  stroke: var(--icon-foreground);
}
.cfacd1ea6c4ca:hover button {
  display: flex;
}

.c0626c4036d76 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c0626c4036d76 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c0626c4036d76 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cb3978fa969fe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cb3978fa969fe:hover div {
  color: var(--entry-foreground-color-hover);
}

.cf562648114c6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.caff2bae719d4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.caff2bae719d4:hover {
  background-color: var(--menu-background-color-hover);
}

.ccf84727ecb6d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ccf84727ecb6d span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ccf84727ecb6d span svg {
  stroke: var(--icon-foreground);
}
.ccf84727ecb6d:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ccf84727ecb6d:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce10959fe7061 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cc6f6eed4318c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cf5a55676c759,
.c1090f3d97b85 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c4754675bf18f .cf5a55676c759,
.c4754675bf18f .c1090f3d97b85 {
  transform: scale(1);
}

.cddc712327f83 .cf5a55676c759,
.cddc712327f83 .c1090f3d97b85 {
  transform: scale(0);
}

.c5a294c93dbd3 {
  display: block;
  position: absolute;
  top: 3.25rem;
  right: 0.75rem;
  left: calc(100vw - 32rem);
  z-index: 30;
}

.c3d2ad0add073 {
  min-height: unset;
}

.cbbaad31e9346 {
  margin-bottom: 1.5rem;
}

.c094aa5d7a0f7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.c1c8aa412288f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 1.5rem;
}

.c849c485f06da {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 0.5rem;
}

.c50269da81279 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}

.cc7b5c8cc5fc9 {
  flex-grow: 1;
  color: var(--modal-text-foreground-color);
}

.ca08f85590397 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  border-radius: 8px;
  height: 2rem;
  width: 100%;
  background-color: var(--input-background-color);
}

.ca523a5fb4e28 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-foreground-color-active);
  padding-left: 0.5rem;
  margin: 0;
  flex-grow: 1;
}
.ca523a5fb4e28:focus {
  outline: none;
  border: 1px solid var(--input-border-color-active);
}

.c332085c25e42 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  gap: 0.5rem;
  height: 2rem;
  width: 1.75rem;
}
.c332085c25e42 svg {
  stroke: none;
}

.c9cca373773bb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-text-foreground-color);
  margin-bottom: 1.5rem;
}

.c228014f25b3d {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  justify-content: flex-end;
}

.c7da23067c0bb {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 0.5rem;
}

.c149ac16b94d8 {
  border: none;
  background: none;
  cursor: pointer;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--menu-foreground-color-rest);
  height: 2rem;
  display: flex;
  align-items: center;
  padding: 0;
}

.ce382978c1e52 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.375rem;
}
.ce382978c1e52 svg {
  stroke: none;
}
.ce382978c1e52.c3b44087ad303 {
  transform: rotate(90deg);
}

.cef92f025a390,
.c6b18dcbfef48,
.c7417147e2c11 {
  display: flex;
  width: 100%;
}

.cef92f025a390 {
  max-height: 13.5rem;
  overflow: hidden auto;
  scrollbar-gutter: stable;
}

.c11a6fb59ad94 {
  color: var(--modal-text-foreground-color);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 8.5rem;
  height: 2rem;
}

.cff106d1e2686 {
  flex-grow: 1;
  color: var(--input-foreground-color-active);
}

.cd5065456d38c {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  justify-content: space-between;
  height: 2rem;
  border-bottom: 1px solid var(--input-border-color-disabled);
}

.cff75de33cbfe {
  color: var(--input-foreground-color-active);
}

.c8134c105606e {
  margin: 0;
}
.c8134c105606e li {
  border-bottom: 1px solid var(--input-border-color-disabled);
}
.c8134c105606e li:last-child {
  border-bottom: none;
}

.c11c68d6fef92,
.c694a24f46262 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-foreground-color);
}

.cb7834736e087 {
  height: 2rem;
  padding: 0;
}
.cb7834736e087 span.cd6958cebc99b {
  background-color: var(--input-checkbox-background-color-active);
  border: 1px solid var(--input-checkbox-background-color-active);
}
.cb7834736e087 span.cd6958cebc99b svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
@keyframes c2b2f9a451369 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c48f33d233a22 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c48f33d233a22:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c48f33d233a22 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c48f33d233a22 ::-webkit-scrollbar-track,
.c48f33d233a22 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c48f33d233a22 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c48f33d233a22 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c48f33d233a22 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c48f33d233a22 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c48f33d233a22 ::placeholder,
.c48f33d233a22 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c2af8c5bb86d7, .cefe5e0da40b4, .c38487c1a89f5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c2af8c5bb86d7 svg, .cefe5e0da40b4 svg, .c38487c1a89f5 svg,
.c2af8c5bb86d7 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c2af8c5bb86d7:focus-visible, .cefe5e0da40b4:focus-visible, .c38487c1a89f5:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c2af8c5bb86d7:focus-visible svg, .cefe5e0da40b4:focus-visible svg, .c38487c1a89f5:focus-visible svg,
.c2af8c5bb86d7:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c2af8c5bb86d7:hover, .cefe5e0da40b4:hover, .c38487c1a89f5:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c2af8c5bb86d7:hover svg, .cefe5e0da40b4:hover svg, .c38487c1a89f5:hover svg,
.c2af8c5bb86d7:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c2af8c5bb86d7:active, .cefe5e0da40b4:active, .c38487c1a89f5:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c2af8c5bb86d7:active svg, .cefe5e0da40b4:active svg, .c38487c1a89f5:active svg,
.c2af8c5bb86d7:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c2af8c5bb86d7.disabled, .cefe5e0da40b4.disabled, .c38487c1a89f5.disabled, .c2af8c5bb86d7[disabled], [disabled].cefe5e0da40b4, [disabled].c38487c1a89f5, .c2af8c5bb86d7:disabled, .cefe5e0da40b4:disabled, .c38487c1a89f5:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c98feb55c412d, .cb7fe298434c7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c98feb55c412d svg, .cb7fe298434c7 svg,
.c98feb55c412d span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c98feb55c412d:focus-visible, .cb7fe298434c7:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c98feb55c412d:focus-visible svg, .cb7fe298434c7:focus-visible svg,
.c98feb55c412d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c98feb55c412d:hover, .cb7fe298434c7:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c98feb55c412d:hover svg, .cb7fe298434c7:hover svg,
.c98feb55c412d:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c98feb55c412d:active, .cb7fe298434c7:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c98feb55c412d:active svg, .cb7fe298434c7:active svg,
.c98feb55c412d:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c98feb55c412d.disabled, .cb7fe298434c7.disabled, .c98feb55c412d[disabled], [disabled].cb7fe298434c7, .c98feb55c412d:disabled, .cb7fe298434c7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cea7874bcf70d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cea7874bcf70d svg,
.cea7874bcf70d span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cea7874bcf70d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cea7874bcf70d:focus-visible svg,
.cea7874bcf70d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cea7874bcf70d:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cea7874bcf70d:hover svg,
.cea7874bcf70d:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cea7874bcf70d:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cea7874bcf70d:active svg,
.cea7874bcf70d:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cea7874bcf70d.disabled, .cea7874bcf70d[disabled], .cea7874bcf70d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb7d015293d34, .c655b1bd9f28f,
.c302102a176ad, .c77093e833442,
.c40a0d2af558e, .c782ce734bc85 button, .cb9d8ee360c18 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cb7d015293d34 svg, .c655b1bd9f28f svg,
.c302102a176ad svg, .c77093e833442 svg,
.c40a0d2af558e svg, .c782ce734bc85 button svg, .cb9d8ee360c18 svg,
.cb7d015293d34 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cb7d015293d34:focus-visible, .c655b1bd9f28f:focus-visible,
.c302102a176ad:focus-visible, .c77093e833442:focus-visible,
.c40a0d2af558e:focus-visible, .c782ce734bc85 button:focus-visible, .cb9d8ee360c18:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cb7d015293d34:focus-visible svg, .c655b1bd9f28f:focus-visible svg,
.c302102a176ad:focus-visible svg, .c77093e833442:focus-visible svg,
.c40a0d2af558e:focus-visible svg, .c782ce734bc85 button:focus-visible svg, .cb9d8ee360c18:focus-visible svg,
.cb7d015293d34:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cb7d015293d34:hover, .c655b1bd9f28f:hover,
.c302102a176ad:hover, .c77093e833442:hover,
.c40a0d2af558e:hover, .c782ce734bc85 button:hover, .cb9d8ee360c18:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cb7d015293d34:hover svg, .c655b1bd9f28f:hover svg,
.c302102a176ad:hover svg, .c77093e833442:hover svg,
.c40a0d2af558e:hover svg, .c782ce734bc85 button:hover svg, .cb9d8ee360c18:hover svg,
.cb7d015293d34:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cb7d015293d34:active, .c655b1bd9f28f:active,
.c302102a176ad:active, .c77093e833442:active,
.c40a0d2af558e:active, .c782ce734bc85 button:active, .cb9d8ee360c18:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cb7d015293d34:active svg, .c655b1bd9f28f:active svg,
.c302102a176ad:active svg, .c77093e833442:active svg,
.c40a0d2af558e:active svg, .c782ce734bc85 button:active svg, .cb9d8ee360c18:active svg,
.cb7d015293d34:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cb7d015293d34.disabled, .c655b1bd9f28f.disabled,
.c302102a176ad.disabled, .c77093e833442.disabled,
.c40a0d2af558e.disabled, .c782ce734bc85 button.disabled, .cb9d8ee360c18.disabled, .cb7d015293d34[disabled], [disabled].c655b1bd9f28f,
[disabled].c302102a176ad, [disabled].c77093e833442,
[disabled].c40a0d2af558e, .c782ce734bc85 button[disabled], [disabled].cb9d8ee360c18, .cb7d015293d34:disabled, .c655b1bd9f28f:disabled,
.c302102a176ad:disabled, .c77093e833442:disabled,
.c40a0d2af558e:disabled, .c782ce734bc85 button:disabled, .cb9d8ee360c18:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cb7d015293d34.disabled svg, .c655b1bd9f28f.disabled svg,
.c302102a176ad.disabled svg, .c77093e833442.disabled svg,
.c40a0d2af558e.disabled svg, .c782ce734bc85 button.disabled svg, .cb9d8ee360c18.disabled svg,
.cb7d015293d34.disabled span svg, .cb7d015293d34[disabled] svg, [disabled].c655b1bd9f28f svg,
[disabled].c302102a176ad svg, [disabled].c77093e833442 svg,
[disabled].c40a0d2af558e svg, .c782ce734bc85 button[disabled] svg, [disabled].cb9d8ee360c18 svg,
.cb7d015293d34[disabled] span svg, .cb7d015293d34:disabled svg, .c655b1bd9f28f:disabled svg,
.c302102a176ad:disabled svg, .c77093e833442:disabled svg,
.c40a0d2af558e:disabled svg, .c782ce734bc85 button:disabled svg, .cb9d8ee360c18:disabled svg,
.cb7d015293d34:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c6b251cdf5062 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c6b251cdf5062 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ce5f359669fbf {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ce5f359669fbf svg,
.ce5f359669fbf span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ce5f359669fbf:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ce5f359669fbf:focus-visible svg,
.ce5f359669fbf:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ce5f359669fbf:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ce5f359669fbf:hover svg,
.ce5f359669fbf:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ce5f359669fbf:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ce5f359669fbf:active svg,
.ce5f359669fbf:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cbba69ef1adf1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c4a472c20cd87 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6d82571e5193 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c6d82571e5193:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c6d82571e5193:focus-visible svg,
.c6d82571e5193:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c6d82571e5193:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c6d82571e5193:active {
  border: none;
  background-color: transparent;
}

.c001298468ad6, .c655b1bd9f28f svg,
.c302102a176ad svg, .c77093e833442 svg,
.c40a0d2af558e svg, .cb9d8ee360c18 svg, .c4afd11bbb738, .cfc77a3b2b2f2 span svg, .c782ce734bc85 button svg, .c5065d78f5162.intermediate svg, .cfab60e2627d1 label span.intermediate svg, .c5065d78f5162.checked svg, .cfab60e2627d1 label span.checked svg, .c6f9571c52ca0 span svg,
.c6f9571c52ca0 label svg, .c0a96bec11da9 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c20041d5b4636 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c20041d5b4636:hover {
  fill: none;
  stroke: none;
}

.c4afd11bbb738, .cfc77a3b2b2f2 span svg, .c782ce734bc85 button svg, .c5065d78f5162.intermediate svg, .cfab60e2627d1 label span.intermediate svg, .c5065d78f5162.checked svg, .cfab60e2627d1 label span.checked svg, .c6f9571c52ca0 span svg,
.c6f9571c52ca0 label svg, .c0a96bec11da9 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cf2a5b228a306 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cf2a5b228a306:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cbd06de7a8a97, .cbb6831d38177 input, .c81fb3c33e17e input, .c6f9571c52ca0 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cbd06de7a8a97, .cbb6831d38177 input, .c81fb3c33e17e input, .c6f9571c52ca0 input {
    height: 23px;
  }
}
.cbd06de7a8a97, .cbb6831d38177 input, .c81fb3c33e17e input, .c6f9571c52ca0 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cbd06de7a8a97[disabled], .cbb6831d38177 input[disabled], .c81fb3c33e17e input[disabled], .c6f9571c52ca0 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c0a96bec11da9 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cdb904773b98a, .c6f9571c52ca0 span,
.c6f9571c52ca0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cdb904773b98a, .c6f9571c52ca0 span,
  .c6f9571c52ca0 label {
    height: 25px;
  }
}
.cdb904773b98a, .c6f9571c52ca0 span,
.c6f9571c52ca0 label {
  color: var(--input-foreground-color);
}

.c6f9571c52ca0 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6f9571c52ca0 {
    height: 25px;
    font-size: 10px;
  }
}
.c6f9571c52ca0 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c6f9571c52ca0 span svg,
.c6f9571c52ca0 label svg {
  color: var(--input-foreground-color);
}
.c6f9571c52ca0 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c6f9571c52ca0 ::placeholder {
  color: var(--input-placeholder-color);
}
.c6f9571c52ca0:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c6f9571c52ca0:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c6f9571c52ca0:hover span {
  color: var(--input-foreground-color-hover);
}
.c6f9571c52ca0:hover input {
  color: var(--input-foreground-color-hover);
}
.c6f9571c52ca0:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c6f9571c52ca0:active span {
  color: var(--input-foreground-color-active);
}
.c6f9571c52ca0:active input {
  color: var(--input-foreground-color-active);
}
.c6f9571c52ca0:focus, .c6f9571c52ca0:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6f9571c52ca0:focus span, .c6f9571c52ca0:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c6f9571c52ca0:focus input, .c6f9571c52ca0:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c6f9571c52ca0:focus:hover, .c6f9571c52ca0:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6f9571c52ca0:focus:hover span, .c6f9571c52ca0:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c6f9571c52ca0:focus:hover input, .c6f9571c52ca0:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c81fb3c33e17e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c81fb3c33e17e input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c81fb3c33e17e ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c81fb3c33e17e ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c81fb3c33e17e:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c81fb3c33e17e:focus-within input, .c81fb3c33e17e:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cbe24513e407f, .cbb6831d38177.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cbe24513e407f input, .cbb6831d38177.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cbe24513e407f span svg, .cbb6831d38177.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c5065d78f5162, .cfab60e2627d1 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c5065d78f5162 svg, .cfab60e2627d1 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c5065d78f5162:hover, .cfab60e2627d1 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5065d78f5162:focus, .cfab60e2627d1 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c5065d78f5162.checked, .cfab60e2627d1 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c5065d78f5162.checked svg, .cfab60e2627d1 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c5065d78f5162.intermediate, .cfab60e2627d1 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c5065d78f5162.intermediate svg, .cfab60e2627d1 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c5065d78f5162.unchecked, .cfab60e2627d1 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c5065d78f5162.unchecked svg, .cfab60e2627d1 label span.unchecked svg {
  display: none;
}

.cfab60e2627d1 {
  display: flex;
  align-items: center;
}
.cfab60e2627d1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cfab60e2627d1 label input {
  margin: 0;
}
.cfab60e2627d1 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cfab60e2627d1 label:focus span, .cfab60e2627d1 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cbb6831d38177 {
  display: flex;
  flex-direction: column;
}
.cbb6831d38177 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cbb6831d38177 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cbb6831d38177 input:focus-within input, .cbb6831d38177 input:active input {
  color: var(--input-foreground-color-active);
}
.cbb6831d38177 input:focus-within, .cbb6831d38177 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbb6831d38177.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c8a3291674703 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c4a5eb5c7ee95 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cb3ecba85149b {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cb9d8ee360c18 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c3d04134a0e11 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c9133b1c46341 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cb7fe298434c7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c38487c1a89f5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cefe5e0da40b4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c7cc7be0582cc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c7cc7be0582cc:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c622ccb735316 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ccf3b9e5ffb35 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c9dbd6453ca69 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c7766ac9c12c6 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c942812c50542 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c942812c50542:hover, .c942812c50542:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c782ce734bc85 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c782ce734bc85 button {
  display: none;
}
.c782ce734bc85 button svg {
  stroke: var(--icon-foreground);
}
.c782ce734bc85:hover button {
  display: flex;
}

.cb506353c6f12 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cb506353c6f12 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cb506353c6f12 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cf6c5d3d0c76d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cf6c5d3d0c76d:hover div {
  color: var(--entry-foreground-color-hover);
}

.c2400cb91b1cc {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cba53207a29a6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cba53207a29a6:hover {
  background-color: var(--menu-background-color-hover);
}

.cfc77a3b2b2f2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cfc77a3b2b2f2 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cfc77a3b2b2f2 span svg {
  stroke: var(--icon-foreground);
}
.cfc77a3b2b2f2:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cfc77a3b2b2f2:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c85141ed4adc1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c5c8d740878a4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c10d9ee079a87,
.c5d79623ca5ed {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c6fcf324335b6 .c10d9ee079a87,
.c6fcf324335b6 .c5d79623ca5ed {
  transform: scale(1);
}

.c677641a8252d .c10d9ee079a87,
.c677641a8252d .c5d79623ca5ed {
  transform: scale(0);
}

.c97d1814fc839 {
  background-color: var(--viewer-background-color);
  grid-row: 1/span 1;
  grid-column: 1/span 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 10;
}

.c0f5143983e25 {
  grid-row: 1/span 2;
}
.c0f5143983e25 .c655b1bd9f28f svg {
  transform: rotate(-90deg);
}

.c7bf1e79ffed3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2rem;
  margin: 1.5rem 1.5rem 0 1.5rem;
}

.cc673fd273060 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--viewer-thumbnails-control-foreground-color);
}

.cd7e328c269a0 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  width: 3.75rem;
}

.c655b1bd9f28f,
.c302102a176ad {
  height: 2rem;
  width: 1.75rem;
}
.c655b1bd9f28f svg {
  transform: rotate(90deg);
}

.c8dd61eabec2f {
  display: grid;
  grid-template-columns: 2.5rem auto 2.5rem;
  grid-template-rows: auto;
}

.c665bb62bb21c {
  grid-column: 1/span 3;
  grid-row: 1/span 1;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.c77093e833442,
.c40a0d2af558e {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 3/span 1;
  grid-row: 1/span 1;
  width: 2rem;
  height: 3.75rem;
  margin: auto 0;
  z-index: 10;
  opacity: 0;
}
.c77093e833442:hover,
.c40a0d2af558e:hover {
  opacity: 1;
}
.c77093e833442 svg,
.c40a0d2af558e svg {
  stroke: none;
}

.c40a0d2af558e {
  grid-column: 1/span 1;
  grid-row: 1/span 1;
}
.c40a0d2af558e svg {
  transform: rotate(180deg);
}

.c7206c26f8c01 {
  grid-column: 1/span 3;
  grid-row: 1/span 1;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}

.c67459e3b3bea {
  display: flex;
  position: relative;
}

.cfbee2d41d8da {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.c7f127e6c8e39 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.25rem;
  min-height: 8.25rem;
  height: 8.25rem;
  padding: 0.25rem;
}
.c7f127e6c8e39 svg {
  width: 100%;
  height: 100%;
}
.c7f127e6c8e39.ce694f368596f {
  background-color: var(--viewer-thumbnail-background-color-selected);
  border-radius: 8px;
}
.c7f127e6c8e39:hover {
  border: 1px solid var(--viewer-thumbnail-border-color);
  border-radius: 8px;
}

.c30cc2e310297 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  color: var(--viewer-thumbnails-control-foreground-color);
  padding: 0.5rem 0;
  width: 100%;
  max-width: 8.25rem;
}
@keyframes c4e39fb42fc64 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c0b3d840ce481 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c0b3d840ce481:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c0b3d840ce481 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c0b3d840ce481 ::-webkit-scrollbar-track,
.c0b3d840ce481 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c0b3d840ce481 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c0b3d840ce481 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c0b3d840ce481 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c0b3d840ce481 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c0b3d840ce481 ::placeholder,
.c0b3d840ce481 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c5b0c0ffe534d, .c4c3bdad1c0cb, .cf8eb98a404ca, .c00e4b16d40b9 button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c5b0c0ffe534d svg, .c4c3bdad1c0cb svg, .cf8eb98a404ca svg, .c00e4b16d40b9 button svg,
.c5b0c0ffe534d span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c5b0c0ffe534d:focus-visible, .c4c3bdad1c0cb:focus-visible, .cf8eb98a404ca:focus-visible, .c00e4b16d40b9 button:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c5b0c0ffe534d:focus-visible svg, .c4c3bdad1c0cb:focus-visible svg, .cf8eb98a404ca:focus-visible svg, .c00e4b16d40b9 button:focus-visible svg,
.c5b0c0ffe534d:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c5b0c0ffe534d:hover, .c4c3bdad1c0cb:hover, .cf8eb98a404ca:hover, .c00e4b16d40b9 button:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c5b0c0ffe534d:hover svg, .c4c3bdad1c0cb:hover svg, .cf8eb98a404ca:hover svg, .c00e4b16d40b9 button:hover svg,
.c5b0c0ffe534d:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c5b0c0ffe534d:active, .c4c3bdad1c0cb:active, .cf8eb98a404ca:active, .c00e4b16d40b9 button:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c5b0c0ffe534d:active svg, .c4c3bdad1c0cb:active svg, .cf8eb98a404ca:active svg, .c00e4b16d40b9 button:active svg,
.c5b0c0ffe534d:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c5b0c0ffe534d.disabled, .c4c3bdad1c0cb.disabled, .cf8eb98a404ca.disabled, .c00e4b16d40b9 button.disabled, .c5b0c0ffe534d[disabled], [disabled].c4c3bdad1c0cb, [disabled].cf8eb98a404ca, .c00e4b16d40b9 button[disabled], .c5b0c0ffe534d:disabled, .c4c3bdad1c0cb:disabled, .cf8eb98a404ca:disabled, .c00e4b16d40b9 button:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c285b8b08cbdb, .cc512e3499640, .cbfa2156d296c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c285b8b08cbdb svg, .cc512e3499640 svg, .cbfa2156d296c svg,
.c285b8b08cbdb span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c285b8b08cbdb:focus-visible, .cc512e3499640:focus-visible, .cbfa2156d296c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c285b8b08cbdb:focus-visible svg, .cc512e3499640:focus-visible svg, .cbfa2156d296c:focus-visible svg,
.c285b8b08cbdb:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c285b8b08cbdb:hover, .cc512e3499640:hover, .cbfa2156d296c:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c285b8b08cbdb:hover svg, .cc512e3499640:hover svg, .cbfa2156d296c:hover svg,
.c285b8b08cbdb:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c285b8b08cbdb:active, .cc512e3499640:active, .cbfa2156d296c:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c285b8b08cbdb:active svg, .cc512e3499640:active svg, .cbfa2156d296c:active svg,
.c285b8b08cbdb:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c285b8b08cbdb.disabled, .cc512e3499640.disabled, .cbfa2156d296c.disabled, .c285b8b08cbdb[disabled], [disabled].cc512e3499640, [disabled].cbfa2156d296c, .c285b8b08cbdb:disabled, .cc512e3499640:disabled, .cbfa2156d296c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbd8fc15bdeec {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cbd8fc15bdeec svg,
.cbd8fc15bdeec span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cbd8fc15bdeec:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cbd8fc15bdeec:focus-visible svg,
.cbd8fc15bdeec:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cbd8fc15bdeec:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cbd8fc15bdeec:hover svg,
.cbd8fc15bdeec:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cbd8fc15bdeec:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cbd8fc15bdeec:active svg,
.cbd8fc15bdeec:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cbd8fc15bdeec.disabled, .cbd8fc15bdeec[disabled], .cbd8fc15bdeec:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca3ebd31297fc, .c7537848b3db2 button, .c2003b7a98213, .caf8bd2e5098d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca3ebd31297fc svg, .c7537848b3db2 button svg, .c2003b7a98213 svg, .caf8bd2e5098d svg,
.ca3ebd31297fc span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca3ebd31297fc:focus-visible, .c7537848b3db2 button:focus-visible, .c2003b7a98213:focus-visible, .caf8bd2e5098d:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca3ebd31297fc:focus-visible svg, .c7537848b3db2 button:focus-visible svg, .c2003b7a98213:focus-visible svg, .caf8bd2e5098d:focus-visible svg,
.ca3ebd31297fc:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca3ebd31297fc:hover, .c7537848b3db2 button:hover, .c2003b7a98213:hover, .caf8bd2e5098d:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca3ebd31297fc:hover svg, .c7537848b3db2 button:hover svg, .c2003b7a98213:hover svg, .caf8bd2e5098d:hover svg,
.ca3ebd31297fc:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca3ebd31297fc:active, .c7537848b3db2 button:active, .c2003b7a98213:active, .caf8bd2e5098d:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca3ebd31297fc:active svg, .c7537848b3db2 button:active svg, .c2003b7a98213:active svg, .caf8bd2e5098d:active svg,
.ca3ebd31297fc:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca3ebd31297fc.disabled, .c7537848b3db2 button.disabled, .c2003b7a98213.disabled, .caf8bd2e5098d.disabled, .ca3ebd31297fc[disabled], .c7537848b3db2 button[disabled], [disabled].c2003b7a98213, [disabled].caf8bd2e5098d, .ca3ebd31297fc:disabled, .c7537848b3db2 button:disabled, .c2003b7a98213:disabled, .caf8bd2e5098d:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca3ebd31297fc.disabled svg, .c7537848b3db2 button.disabled svg, .c2003b7a98213.disabled svg, .caf8bd2e5098d.disabled svg,
.ca3ebd31297fc.disabled span svg, .ca3ebd31297fc[disabled] svg, .c7537848b3db2 button[disabled] svg, [disabled].c2003b7a98213 svg, [disabled].caf8bd2e5098d svg,
.ca3ebd31297fc[disabled] span svg, .ca3ebd31297fc:disabled svg, .c7537848b3db2 button:disabled svg, .c2003b7a98213:disabled svg, .caf8bd2e5098d:disabled svg,
.ca3ebd31297fc:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c83b4a4bd00dd {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c83b4a4bd00dd svg {
  color: var(--button-icon-foreground-color-selected);
}

.c0a933ecac37c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c0a933ecac37c svg,
.c0a933ecac37c span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c0a933ecac37c:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c0a933ecac37c:focus-visible svg,
.c0a933ecac37c:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c0a933ecac37c:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c0a933ecac37c:hover svg,
.c0a933ecac37c:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c0a933ecac37c:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c0a933ecac37c:active svg,
.c0a933ecac37c:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c6b5de2471ab3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cb840bc211905 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c22b6cfcda693 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c22b6cfcda693:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c22b6cfcda693:focus-visible svg,
.c22b6cfcda693:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c22b6cfcda693:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c22b6cfcda693:active {
  border: none;
  background-color: transparent;
}

.c9cffe80d761b, .c2003b7a98213 svg, .caf8bd2e5098d svg, .ccffe83ecc82f, .c8e99fd9838ab span svg, .c7537848b3db2 button svg, .c520ea768ba85.intermediate svg, .c446129254a95 label span.intermediate svg, .c520ea768ba85.checked svg, .c446129254a95 label span.checked svg, .c07f780421ece span svg,
.c07f780421ece label svg, .ce8ee36857996 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c62f98022ad55 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c62f98022ad55:hover {
  fill: none;
  stroke: none;
}

.ccffe83ecc82f, .c8e99fd9838ab span svg, .c7537848b3db2 button svg, .c520ea768ba85.intermediate svg, .c446129254a95 label span.intermediate svg, .c520ea768ba85.checked svg, .c446129254a95 label span.checked svg, .c07f780421ece span svg,
.c07f780421ece label svg, .ce8ee36857996 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c9d4bf4b98a57 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c9d4bf4b98a57:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c96d368ba5b5d, .c4ec9812e9cbc input, .cf440b22cd8d4 input, .c07f780421ece input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c96d368ba5b5d, .c4ec9812e9cbc input, .cf440b22cd8d4 input, .c07f780421ece input {
    height: 23px;
  }
}
.c96d368ba5b5d, .c4ec9812e9cbc input, .cf440b22cd8d4 input, .c07f780421ece input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c96d368ba5b5d[disabled], .c4ec9812e9cbc input[disabled], .cf440b22cd8d4 input[disabled], .c07f780421ece input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ce8ee36857996 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c07919489ab5b, .c07f780421ece span,
.c07f780421ece label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c07919489ab5b, .c07f780421ece span,
  .c07f780421ece label {
    height: 25px;
  }
}
.c07919489ab5b, .c07f780421ece span,
.c07f780421ece label {
  color: var(--input-foreground-color);
}

.c07f780421ece {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c07f780421ece {
    height: 25px;
    font-size: 10px;
  }
}
.c07f780421ece {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c07f780421ece span svg,
.c07f780421ece label svg {
  color: var(--input-foreground-color);
}
.c07f780421ece ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c07f780421ece ::placeholder {
  color: var(--input-placeholder-color);
}
.c07f780421ece:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c07f780421ece:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c07f780421ece:hover span {
  color: var(--input-foreground-color-hover);
}
.c07f780421ece:hover input {
  color: var(--input-foreground-color-hover);
}
.c07f780421ece:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c07f780421ece:active span {
  color: var(--input-foreground-color-active);
}
.c07f780421ece:active input {
  color: var(--input-foreground-color-active);
}
.c07f780421ece:focus, .c07f780421ece:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c07f780421ece:focus span, .c07f780421ece:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c07f780421ece:focus input, .c07f780421ece:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c07f780421ece:focus:hover, .c07f780421ece:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c07f780421ece:focus:hover span, .c07f780421ece:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c07f780421ece:focus:hover input, .c07f780421ece:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cf440b22cd8d4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cf440b22cd8d4 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cf440b22cd8d4 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cf440b22cd8d4 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cf440b22cd8d4:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cf440b22cd8d4:focus-within input, .cf440b22cd8d4:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c16c1c76b1485, .c4ec9812e9cbc.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c16c1c76b1485 input, .c4ec9812e9cbc.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c16c1c76b1485 span svg, .c4ec9812e9cbc.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c520ea768ba85, .c446129254a95 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c520ea768ba85 svg, .c446129254a95 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c520ea768ba85:hover, .c446129254a95 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c520ea768ba85:focus, .c446129254a95 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c520ea768ba85.checked, .c446129254a95 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c520ea768ba85.checked svg, .c446129254a95 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c520ea768ba85.intermediate, .c446129254a95 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c520ea768ba85.intermediate svg, .c446129254a95 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c520ea768ba85.unchecked, .c446129254a95 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c520ea768ba85.unchecked svg, .c446129254a95 label span.unchecked svg {
  display: none;
}

.c446129254a95 {
  display: flex;
  align-items: center;
}
.c446129254a95 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c446129254a95 label input {
  margin: 0;
}
.c446129254a95 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c446129254a95 label:focus span, .c446129254a95 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c4ec9812e9cbc {
  display: flex;
  flex-direction: column;
}
.c4ec9812e9cbc label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c4ec9812e9cbc input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c4ec9812e9cbc input:focus-within input, .c4ec9812e9cbc input:active input {
  color: var(--input-foreground-color-active);
}
.c4ec9812e9cbc input:focus-within, .c4ec9812e9cbc input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c4ec9812e9cbc.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ca18ea43f6127 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c15f4dfa51d2a, .c9bd89cc5d66b {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c5b3b2bad44ce, .cef0ae95e2d81 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c2003b7a98213, .caf8bd2e5098d {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c5d0926788b1b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c9aa4f1271c21, .c00e4b16d40b9 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cc512e3499640, .cbfa2156d296c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cf8eb98a404ca, .c00e4b16d40b9 button {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c4c3bdad1c0cb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c65483c2080d9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c65483c2080d9:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cf56fd9905d3e {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c2f54ac20f985 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c1dad60899b7e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c9319526a77e5 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c747f3dd41f2a {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c747f3dd41f2a:hover, .c747f3dd41f2a:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c7537848b3db2 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c7537848b3db2 button {
  display: none;
}
.c7537848b3db2 button svg {
  stroke: var(--icon-foreground);
}
.c7537848b3db2:hover button {
  display: flex;
}

.c7fa23bfeec6e {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c7fa23bfeec6e .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c7fa23bfeec6e .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cba62705e05e5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cba62705e05e5:hover div {
  color: var(--entry-foreground-color-hover);
}

.c18ba4a15702c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c67c378986a0b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c67c378986a0b:hover {
  background-color: var(--menu-background-color-hover);
}

.c8e99fd9838ab {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c8e99fd9838ab span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c8e99fd9838ab span svg {
  stroke: var(--icon-foreground);
}
.c8e99fd9838ab:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c8e99fd9838ab:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.caf8ed9ae5683 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c39b2e42d1b48 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c90309ce34a14,
.cac87c1913dc5 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ccc777ac033f4 .c90309ce34a14,
.ccc777ac033f4 .cac87c1913dc5 {
  transform: scale(1);
}

.caf3969050c46 .c90309ce34a14,
.caf3969050c46 .cac87c1913dc5 {
  transform: scale(0);
}

.cef0ae95e2d81 {
  min-width: 25.5rem;
}

.cf306e3e66ebb {
  margin-bottom: 1.5rem;
}

.ce983a9bbd92c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.c3d67697f44ed {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.cf96c7104c87f {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.cdb32a4bf0f72 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
}
@keyframes ca8feca1fa17f {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cccff8b809901 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cccff8b809901:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cccff8b809901 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cccff8b809901 ::-webkit-scrollbar-track,
.cccff8b809901 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cccff8b809901 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cccff8b809901 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cccff8b809901 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cccff8b809901 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cccff8b809901 ::placeholder,
.cccff8b809901 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c073f6808dcc3, .ce6508b5f9c9d .cd21bc37dcc09, .cd417612c6a72, .c711313dfa458, .c96b935ad70ac {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c073f6808dcc3 svg, .ce6508b5f9c9d .cd21bc37dcc09 svg, .cd417612c6a72 svg, .c711313dfa458 svg, .c96b935ad70ac svg,
.c073f6808dcc3 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c073f6808dcc3:focus-visible, .ce6508b5f9c9d .cd21bc37dcc09:focus-visible, .cd417612c6a72:focus-visible, .c711313dfa458:focus-visible, .c96b935ad70ac:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c073f6808dcc3:focus-visible svg, .ce6508b5f9c9d .cd21bc37dcc09:focus-visible svg, .cd417612c6a72:focus-visible svg, .c711313dfa458:focus-visible svg, .c96b935ad70ac:focus-visible svg,
.c073f6808dcc3:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c073f6808dcc3:hover, .ce6508b5f9c9d .cd21bc37dcc09:hover, .cd417612c6a72:hover, .c711313dfa458:hover, .c96b935ad70ac:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c073f6808dcc3:hover svg, .ce6508b5f9c9d .cd21bc37dcc09:hover svg, .cd417612c6a72:hover svg, .c711313dfa458:hover svg, .c96b935ad70ac:hover svg,
.c073f6808dcc3:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c073f6808dcc3:active, .ce6508b5f9c9d .cd21bc37dcc09:active, .cd417612c6a72:active, .c711313dfa458:active, .c96b935ad70ac:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c073f6808dcc3:active svg, .ce6508b5f9c9d .cd21bc37dcc09:active svg, .cd417612c6a72:active svg, .c711313dfa458:active svg, .c96b935ad70ac:active svg,
.c073f6808dcc3:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c073f6808dcc3.disabled, .ce6508b5f9c9d .cd21bc37dcc09.disabled, .cd417612c6a72.disabled, .c711313dfa458.disabled, .c96b935ad70ac.disabled, .c073f6808dcc3[disabled], .ce6508b5f9c9d [disabled].cd21bc37dcc09, [disabled].cd417612c6a72, [disabled].c711313dfa458, [disabled].c96b935ad70ac, .c073f6808dcc3:disabled, .ce6508b5f9c9d .cd21bc37dcc09:disabled, .cd417612c6a72:disabled, .c711313dfa458:disabled, .c96b935ad70ac:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf8972b97f201, .c36cbde4e186f, .c05ed581b8b7f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cf8972b97f201 svg, .c36cbde4e186f svg, .c05ed581b8b7f svg,
.cf8972b97f201 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cf8972b97f201:focus-visible, .c36cbde4e186f:focus-visible, .c05ed581b8b7f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cf8972b97f201:focus-visible svg, .c36cbde4e186f:focus-visible svg, .c05ed581b8b7f:focus-visible svg,
.cf8972b97f201:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cf8972b97f201:hover, .c36cbde4e186f:hover, .c05ed581b8b7f:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cf8972b97f201:hover svg, .c36cbde4e186f:hover svg, .c05ed581b8b7f:hover svg,
.cf8972b97f201:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cf8972b97f201:active, .c36cbde4e186f:active, .c05ed581b8b7f:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cf8972b97f201:active svg, .c36cbde4e186f:active svg, .c05ed581b8b7f:active svg,
.cf8972b97f201:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cf8972b97f201.disabled, .c36cbde4e186f.disabled, .c05ed581b8b7f.disabled, .cf8972b97f201[disabled], [disabled].c36cbde4e186f, [disabled].c05ed581b8b7f, .cf8972b97f201:disabled, .c36cbde4e186f:disabled, .c05ed581b8b7f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ceabfb7c81e1c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ceabfb7c81e1c svg,
.ceabfb7c81e1c span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ceabfb7c81e1c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ceabfb7c81e1c:focus-visible svg,
.ceabfb7c81e1c:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ceabfb7c81e1c:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ceabfb7c81e1c:hover svg,
.ceabfb7c81e1c:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ceabfb7c81e1c:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ceabfb7c81e1c:active svg,
.ceabfb7c81e1c:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ceabfb7c81e1c.disabled, .ceabfb7c81e1c[disabled], .ceabfb7c81e1c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce21745fce8df, .c0e2bef0b4343 button, .c37afe7944c78 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ce21745fce8df svg, .c0e2bef0b4343 button svg, .c37afe7944c78 svg,
.ce21745fce8df span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ce21745fce8df:focus-visible, .c0e2bef0b4343 button:focus-visible, .c37afe7944c78:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ce21745fce8df:focus-visible svg, .c0e2bef0b4343 button:focus-visible svg, .c37afe7944c78:focus-visible svg,
.ce21745fce8df:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ce21745fce8df:hover, .c0e2bef0b4343 button:hover, .c37afe7944c78:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ce21745fce8df:hover svg, .c0e2bef0b4343 button:hover svg, .c37afe7944c78:hover svg,
.ce21745fce8df:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ce21745fce8df:active, .c0e2bef0b4343 button:active, .c37afe7944c78:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ce21745fce8df:active svg, .c0e2bef0b4343 button:active svg, .c37afe7944c78:active svg,
.ce21745fce8df:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ce21745fce8df.disabled, .c0e2bef0b4343 button.disabled, .c37afe7944c78.disabled, .ce21745fce8df[disabled], .c0e2bef0b4343 button[disabled], [disabled].c37afe7944c78, .ce21745fce8df:disabled, .c0e2bef0b4343 button:disabled, .c37afe7944c78:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ce21745fce8df.disabled svg, .c0e2bef0b4343 button.disabled svg, .c37afe7944c78.disabled svg,
.ce21745fce8df.disabled span svg, .ce21745fce8df[disabled] svg, .c0e2bef0b4343 button[disabled] svg, [disabled].c37afe7944c78 svg,
.ce21745fce8df[disabled] span svg, .ce21745fce8df:disabled svg, .c0e2bef0b4343 button:disabled svg, .c37afe7944c78:disabled svg,
.ce21745fce8df:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c50441d3d5eee {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c50441d3d5eee svg {
  color: var(--button-icon-foreground-color-selected);
}

.c14a0ee2644ed {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c14a0ee2644ed svg,
.c14a0ee2644ed span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c14a0ee2644ed:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c14a0ee2644ed:focus-visible svg,
.c14a0ee2644ed:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c14a0ee2644ed:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c14a0ee2644ed:hover svg,
.c14a0ee2644ed:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c14a0ee2644ed:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c14a0ee2644ed:active svg,
.c14a0ee2644ed:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cde903e733a74 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c95408b43c2f1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0bfaa7d98dfb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c0bfaa7d98dfb:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c0bfaa7d98dfb:focus-visible svg,
.c0bfaa7d98dfb:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c0bfaa7d98dfb:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c0bfaa7d98dfb:active {
  border: none;
  background-color: transparent;
}

.c43a0f185aeb2, .c37afe7944c78 svg, .ca05f87ea241f, .cb71f22ec2c68 span svg, .c0e2bef0b4343 button svg, .cb0945355a256.intermediate svg, .cf6a3e1fc2fed label span.intermediate svg, .cb0945355a256.checked svg, .cf6a3e1fc2fed label span.checked svg, .cf3845a5b5f67 span svg,
.cf3845a5b5f67 label svg, .c35b8064e3464 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c39a0f039f4e1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c39a0f039f4e1:hover {
  fill: none;
  stroke: none;
}

.ca05f87ea241f, .cb71f22ec2c68 span svg, .c0e2bef0b4343 button svg, .cb0945355a256.intermediate svg, .cf6a3e1fc2fed label span.intermediate svg, .cb0945355a256.checked svg, .cf6a3e1fc2fed label span.checked svg, .cf3845a5b5f67 span svg,
.cf3845a5b5f67 label svg, .c35b8064e3464 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c15d1c6f45cc2 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c15d1c6f45cc2:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ccdfeb80dba21, .c595de9fb631d input, .c9d09235643b9 input, .cf3845a5b5f67 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ccdfeb80dba21, .c595de9fb631d input, .c9d09235643b9 input, .cf3845a5b5f67 input {
    height: 23px;
  }
}
.ccdfeb80dba21, .c595de9fb631d input, .c9d09235643b9 input, .cf3845a5b5f67 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ccdfeb80dba21[disabled], .c595de9fb631d input[disabled], .c9d09235643b9 input[disabled], .cf3845a5b5f67 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c35b8064e3464 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cbfb5eae450bd, .cf3845a5b5f67 span,
.cf3845a5b5f67 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbfb5eae450bd, .cf3845a5b5f67 span,
  .cf3845a5b5f67 label {
    height: 25px;
  }
}
.cbfb5eae450bd, .cf3845a5b5f67 span,
.cf3845a5b5f67 label {
  color: var(--input-foreground-color);
}

.cf3845a5b5f67 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf3845a5b5f67 {
    height: 25px;
    font-size: 10px;
  }
}
.cf3845a5b5f67 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cf3845a5b5f67 span svg,
.cf3845a5b5f67 label svg {
  color: var(--input-foreground-color);
}
.cf3845a5b5f67 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cf3845a5b5f67 ::placeholder {
  color: var(--input-placeholder-color);
}
.cf3845a5b5f67:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf3845a5b5f67:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cf3845a5b5f67:hover span {
  color: var(--input-foreground-color-hover);
}
.cf3845a5b5f67:hover input {
  color: var(--input-foreground-color-hover);
}
.cf3845a5b5f67:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cf3845a5b5f67:active span {
  color: var(--input-foreground-color-active);
}
.cf3845a5b5f67:active input {
  color: var(--input-foreground-color-active);
}
.cf3845a5b5f67:focus, .cf3845a5b5f67:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf3845a5b5f67:focus span, .cf3845a5b5f67:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cf3845a5b5f67:focus input, .cf3845a5b5f67:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cf3845a5b5f67:focus:hover, .cf3845a5b5f67:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf3845a5b5f67:focus:hover span, .cf3845a5b5f67:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cf3845a5b5f67:focus:hover input, .cf3845a5b5f67:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c9d09235643b9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c9d09235643b9 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c9d09235643b9 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c9d09235643b9 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c9d09235643b9:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c9d09235643b9:focus-within input, .c9d09235643b9:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c9ce3f5d50617, .c595de9fb631d.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c9ce3f5d50617 input, .c595de9fb631d.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c9ce3f5d50617 span svg, .c595de9fb631d.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cb0945355a256, .cf6a3e1fc2fed label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cb0945355a256 svg, .cf6a3e1fc2fed label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cb0945355a256:hover, .cf6a3e1fc2fed label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb0945355a256:focus, .cf6a3e1fc2fed label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cb0945355a256.checked, .cf6a3e1fc2fed label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cb0945355a256.checked svg, .cf6a3e1fc2fed label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cb0945355a256.intermediate, .cf6a3e1fc2fed label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cb0945355a256.intermediate svg, .cf6a3e1fc2fed label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cb0945355a256.unchecked, .cf6a3e1fc2fed label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cb0945355a256.unchecked svg, .cf6a3e1fc2fed label span.unchecked svg {
  display: none;
}

.cf6a3e1fc2fed {
  display: flex;
  align-items: center;
}
.cf6a3e1fc2fed label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cf6a3e1fc2fed label input {
  margin: 0;
}
.cf6a3e1fc2fed label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf6a3e1fc2fed label:focus span, .cf6a3e1fc2fed label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c595de9fb631d {
  display: flex;
  flex-direction: column;
}
.c595de9fb631d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c595de9fb631d input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c595de9fb631d input:focus-within input, .c595de9fb631d input:active input {
  color: var(--input-foreground-color-active);
}
.c595de9fb631d input:focus-within, .c595de9fb631d input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c595de9fb631d.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc9b63fc8e0ca {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c8da419f42fe9 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c4f3f2d32bd7a {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c37afe7944c78 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cf03a7e715b9c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c250b2a49d118 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c05ed581b8b7f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c96b935ad70ac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c711313dfa458 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c557ce1bcdc32 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c557ce1bcdc32:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c39e11cd83505 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c908a04dfb643 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c896240d45f6a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ce2cdfc9cf0a2 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c31a5e1b61d48 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c31a5e1b61d48:hover, .c31a5e1b61d48:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c0e2bef0b4343 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c0e2bef0b4343 button {
  display: none;
}
.c0e2bef0b4343 button svg {
  stroke: var(--icon-foreground);
}
.c0e2bef0b4343:hover button {
  display: flex;
}

.c712799352d8d {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c712799352d8d .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c712799352d8d .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cf4abb60f74db {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cf4abb60f74db:hover div {
  color: var(--entry-foreground-color-hover);
}

.c4c7e17a58639 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c23670cd2f6a5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c23670cd2f6a5:hover {
  background-color: var(--menu-background-color-hover);
}

.cb71f22ec2c68 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cb71f22ec2c68 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cb71f22ec2c68 span svg {
  stroke: var(--icon-foreground);
}
.cb71f22ec2c68:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cb71f22ec2c68:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ceb0cc47cc58f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c0d2f132244ee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c77524d9c4edc,
.c5583446a12f1 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c19aabd097d1c .c77524d9c4edc,
.c19aabd097d1c .c5583446a12f1 {
  transform: scale(1);
}

.c922cbf98bd77 .c77524d9c4edc,
.c922cbf98bd77 .c5583446a12f1 {
  transform: scale(0);
}

.c9cd7a8f4e378 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 0.75rem 1rem 0;
}
.c9cd7a8f4e378 a:not(.c073f6808dcc3):not(.cd417612c6a72):not(.ce2cdfc9cf0a2) {
  color: var(--color-foreground-secondary);
}

.c41fed9f125eb {
  display: flex;
  flex-direction: column;
  flex: 1 1 300px;
  max-width: 510px;
  width: 100%;
  margin: 0 0 2.5rem 0;
  --input-width: min(510px, 100%);
}
.c41fed9f125eb form {
  display: flex;
  flex-direction: column;
}
.c41fed9f125eb form .c36cbde4e186f {
  width: 100%;
  font-size: 0.688rem;
  text-transform: uppercase;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}
.c41fed9f125eb form .c36cbde4e186f:hover {
  color: var(--color-accent-primary);
  background-color: var(--color-background-quaternary);
}
.c41fed9f125eb form hr {
  display: none;
}
.c41fed9f125eb .c247d37f48f6f {
  --input-height: 2.5rem;
  --control-height: 2.5rem;
  margin-bottom: 1.25rem;
  flex-direction: column;
}
.c41fed9f125eb .c247d37f48f6f .c925a42085838 {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
.c41fed9f125eb .ca1908a77c162 {
  margin-bottom: 1.25rem;
}
.c41fed9f125eb .c69ee49d5644a {
  color: var(--color-foreground-primary);
}
.c41fed9f125eb .c69ee49d5644a:not(:first-child) {
  margin-top: 4rem;
}
.c41fed9f125eb .c3ea7c0288594 {
  color: var(--color-foreground-secondary);
}
.c41fed9f125eb .cc7f198de0569,
.c41fed9f125eb .c6e73f5fea71d {
  flex-direction: column-reverse;
  height: 2.5rem;
}
.c41fed9f125eb .cc7f198de0569 label,
.c41fed9f125eb .c6e73f5fea71d label {
  position: relative;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
  font-size: 0.688rem;
  margin-bottom: 0.75rem;
  margin-left: -0.25rem;
}
.c41fed9f125eb .cc7f198de0569 input,
.c41fed9f125eb .cc7f198de0569 select,
.c41fed9f125eb .c6e73f5fea71d input,
.c41fed9f125eb .c6e73f5fea71d select {
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  border-color: transparent;
  color: var(--color-foreground-primary);
  padding: 0 1rem;
}
.c41fed9f125eb .cc7f198de0569 input:focus,
.c41fed9f125eb .cc7f198de0569 select:focus,
.c41fed9f125eb .c6e73f5fea71d input:focus,
.c41fed9f125eb .c6e73f5fea71d select:focus {
  outline: 1px solid var(--color-accent-primary);
}
.c41fed9f125eb .cc7f198de0569 input ::-moz-placeholder, .c41fed9f125eb .cc7f198de0569 select ::-moz-placeholder, .c41fed9f125eb .c6e73f5fea71d input ::-moz-placeholder, .c41fed9f125eb .c6e73f5fea71d select ::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.c41fed9f125eb .cc7f198de0569 input ::placeholder,
.c41fed9f125eb .cc7f198de0569 select ::placeholder,
.c41fed9f125eb .c6e73f5fea71d input ::placeholder,
.c41fed9f125eb .c6e73f5fea71d select ::placeholder {
  color: var(--color-foreground-secondary);
}
.c41fed9f125eb .cc7f198de0569 .c8947cde87fd6,
.c41fed9f125eb .c6e73f5fea71d .c8947cde87fd6 {
  bottom: 0.75rem;
  top: auto;
}
.c41fed9f125eb .cc7f198de0569 .c8947cde87fd6 svg,
.c41fed9f125eb .c6e73f5fea71d .c8947cde87fd6 svg {
  fill: var(--color-foreground-secondary);
}
.c41fed9f125eb .cc7f198de0569.cadc8da9c9763 input,
.c41fed9f125eb .c6e73f5fea71d.cadc8da9c9763 input {
  background-color: var(--input-background-color-disabled);
  border-color: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
}
.c41fed9f125eb .cc7f198de0569 .c56e2b7aff2cc,
.c41fed9f125eb .c6e73f5fea71d .c56e2b7aff2cc {
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  border-color: transparent;
  height: 2.5rem;
  margin-top: 1.5rem;
}
.c41fed9f125eb .cc7f198de0569 .c56e2b7aff2cc .c1526115f50ed label,
.c41fed9f125eb .c6e73f5fea71d .c56e2b7aff2cc .c1526115f50ed label {
  position: absolute;
  top: calc(-1 * 1.5rem);
}
.c41fed9f125eb .cc7f198de0569 .c56e2b7aff2cc .c1526115f50ed span,
.c41fed9f125eb .c6e73f5fea71d .c56e2b7aff2cc .c1526115f50ed span {
  color: var(--color-foreground-primary);
}
.c41fed9f125eb .cc7f198de0569 .c56e2b7aff2cc:focus,
.c41fed9f125eb .c6e73f5fea71d .c56e2b7aff2cc:focus {
  border: 1px solid var(--color-accent-primary);
}
.c41fed9f125eb .cc7f198de0569 textarea,
.c41fed9f125eb .c6e73f5fea71d textarea {
  border-radius: 8px;
  padding: 0.75rem 1rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.c41fed9f125eb .cc7f198de0569 textarea:focus,
.c41fed9f125eb .c6e73f5fea71d textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
.c41fed9f125eb.ce57273e695cf {
  max-width: 32.5rem;
  justify-content: space-between;
  flex-direction: row;
}
.c41fed9f125eb h1 {
  font-size: 2.25rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.c41fed9f125eb .c7b75c9eeb748 {
  font-size: 1.5rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.c41fed9f125eb .cc70e242a9f29 {
  justify-content: center;
  display: flex;
  margin-bottom: 3rem;
}
.c41fed9f125eb .cc70e242a9f29 svg {
  fill: var(--color-background-primary);
  height: 40%;
  width: 40%;
}
.c41fed9f125eb .c8538f60285e6 {
  font-size: 1rem;
  color: var(--color-background-primary);
  margin-bottom: 1.25rem;
}
.c41fed9f125eb .cd05282f44b39 {
  background: var(--color-foreground-primary);
  border-radius: 4px;
  color: var(--color-background-primary);
  font-size: 1rem;
  font-weight: 500;
  margin: 1.5rem 0 2.5rem 0;
  padding: 1rem;
  text-align: center;
}
.c41fed9f125eb h2 {
  font-size: 2rem;
  font-weight: 500;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.c41fed9f125eb h3 {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
  text-transform: uppercase;
}
.c41fed9f125eb a:not(.c073f6808dcc3):not(.cd417612c6a72):hover {
  text-decoration: underline;
}
.c41fed9f125eb p {
  color: var(--color-background-primary);
}
.c41fed9f125eb hr {
  border-color: var(--color-foreground-secondary);
}
.c41fed9f125eb .c041320567f2a {
  margin-top: 0.75rem;
}

form.c17800ec05498 {
  display: flex;
  flex-direction: column;
  width: 9.25rem;
  height: 9.25rem;
  margin: 1rem 0;
}
form.c17800ec05498 img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 100%;
  margin-right: 1rem;
  width: 100%;
}

.c7cd333ad3efc {
  position: relative;
  width: 100%;
  height: 100%;
}
.c7cd333ad3efc .ce63dc0e435a7 {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  font-size: 1.5rem;
  color: var(--color-foreground-primary);
  line-height: 6;
  text-align: center;
  background: var(--color-accent-tertiary);
  z-index: 30;
}
.c7cd333ad3efc input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 30;
}
.c7cd333ad3efc:hover .ce63dc0e435a7 {
  opacity: 0.8;
}

.c7e77b92356e6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

.cba49803e58cb {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  max-width: 510px;
  width: 100%;
}

.cd39f20cb61a1 {
  border-bottom: 1px solid var(--color-foreground-secondary);
  border-top: 1px solid var(--color-foreground-secondary);
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.cd39f20cb61a1 .cdcd11232a190 {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.cd39f20cb61a1 label {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-background-primary);
  font-size: 0.75rem;
  margin-right: calc(-1 * 1rem);
  margin-bottom: 0.75rem;
}
.cd39f20cb61a1 .c1c5746d563ef {
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.cd39f20cb61a1 .cf6a3e1fc2fed label {
  align-items: flex-start;
}

.c36cbde4e186f {
  height: 2rem;
}

.cd417612c6a72 {
  height: 2rem;
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.ce6508b5f9c9d .c247d37f48f6f {
  --input-height: 2.5rem;
  --control-height: 2.5rem;
  margin-block-end: 2rem;
}
.ce6508b5f9c9d .c4c2d45dab0bc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  border-radius: 0.5rem;
  width: 510px;
  padding: var(--sp-m);
  background-color: var(--color-background-fifty);
  color: var(--color-foreground-primary);
  border: none;
}
.ce6508b5f9c9d .c4c2d45dab0bc ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ce6508b5f9c9d .c4c2d45dab0bc ::placeholder {
  color: var(--input-placeholder-color);
}
.ce6508b5f9c9d .c4c2d45dab0bc:focus {
  outline: 0.0625rem solid var(--color-accent-primary);
}
.ce6508b5f9c9d .c4124154d48ab {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  block-size: 2rem;
  color: var(--color-foreground-primary);
  margin-block-end: var(--sp-l);
}
.ce6508b5f9c9d .cd21bc37dcc09 {
  margin-block-end: 4.5rem;
}
.ce6508b5f9c9d .c966ce7e3f74b {
  margin-block-end: var(--sp-xxxl);
}
.ce6508b5f9c9d .c3ea7c0288594 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
}
.ce6508b5f9c9d .c0280498b25e1 {
  margin-block-end: var(--sp-xxxl);
}
.ce6508b5f9c9d .ce2cdfc9cf0a2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-accent-tertiary);
  margin-block-end: var(--sp-s);
}
@keyframes c83454f2c134a {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ce8b782289d52 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ce8b782289d52:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ce8b782289d52 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ce8b782289d52 ::-webkit-scrollbar-track,
.ce8b782289d52 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ce8b782289d52 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ce8b782289d52 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ce8b782289d52 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ce8b782289d52 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ce8b782289d52 ::placeholder,
.ce8b782289d52 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c6077ca377469, .c517129ad81e3, .cebbdad3c3404.c048eee23acbc, .cf8fce1d3af4f, .cebbdad3c3404 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c6077ca377469 svg, .c517129ad81e3 svg, .cebbdad3c3404.c048eee23acbc svg, .cf8fce1d3af4f svg, .cebbdad3c3404 svg,
.c6077ca377469 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c6077ca377469:focus-visible, .c517129ad81e3:focus-visible, .cf8fce1d3af4f:focus-visible, .cebbdad3c3404:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c6077ca377469:focus-visible svg, .c517129ad81e3:focus-visible svg, .cf8fce1d3af4f:focus-visible svg, .cebbdad3c3404:focus-visible svg,
.c6077ca377469:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c6077ca377469:hover, .c517129ad81e3:hover, .cf8fce1d3af4f:hover, .cebbdad3c3404:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c6077ca377469:hover svg, .c517129ad81e3:hover svg, .cf8fce1d3af4f:hover svg, .cebbdad3c3404:hover svg,
.c6077ca377469:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c6077ca377469:active, .c517129ad81e3:active, .cf8fce1d3af4f:active, .cebbdad3c3404:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c6077ca377469:active svg, .c517129ad81e3:active svg, .cf8fce1d3af4f:active svg, .cebbdad3c3404:active svg,
.c6077ca377469:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c6077ca377469.disabled, .c517129ad81e3.disabled, .cf8fce1d3af4f.disabled, .cebbdad3c3404.disabled, .c6077ca377469[disabled], [disabled].c517129ad81e3, [disabled].cf8fce1d3af4f, [disabled].cebbdad3c3404, .c6077ca377469:disabled, .c517129ad81e3:disabled, .cf8fce1d3af4f:disabled, .cebbdad3c3404:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c00e6148699ef, .ce4130cf3af1f, .c2a58560ce9e7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c00e6148699ef svg, .ce4130cf3af1f svg, .c2a58560ce9e7 svg,
.c00e6148699ef span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c00e6148699ef:focus-visible, .ce4130cf3af1f:focus-visible, .c2a58560ce9e7:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c00e6148699ef:focus-visible svg, .ce4130cf3af1f:focus-visible svg, .c2a58560ce9e7:focus-visible svg,
.c00e6148699ef:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c00e6148699ef:hover, .ce4130cf3af1f:hover, .c2a58560ce9e7:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c00e6148699ef:hover svg, .ce4130cf3af1f:hover svg, .c2a58560ce9e7:hover svg,
.c00e6148699ef:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c00e6148699ef:active, .ce4130cf3af1f:active, .c2a58560ce9e7:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c00e6148699ef:active svg, .ce4130cf3af1f:active svg, .c2a58560ce9e7:active svg,
.c00e6148699ef:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c00e6148699ef.disabled, .ce4130cf3af1f.disabled, .c2a58560ce9e7.disabled, .c00e6148699ef[disabled], [disabled].ce4130cf3af1f, [disabled].c2a58560ce9e7, .c00e6148699ef:disabled, .ce4130cf3af1f:disabled, .c2a58560ce9e7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cac7648e3331a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cac7648e3331a svg,
.cac7648e3331a span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cac7648e3331a:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cac7648e3331a:focus-visible svg,
.cac7648e3331a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cac7648e3331a:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cac7648e3331a:hover svg,
.cac7648e3331a:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cac7648e3331a:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cac7648e3331a:active svg,
.cac7648e3331a:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cac7648e3331a.disabled, .cac7648e3331a[disabled], .cac7648e3331a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c356ee3211930, .ca16162bca937 button, .cd6062cb833f3, .c74e643de8d5f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c356ee3211930 svg, .ca16162bca937 button svg, .cd6062cb833f3 svg, .c74e643de8d5f svg,
.c356ee3211930 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c356ee3211930:focus-visible, .ca16162bca937 button:focus-visible, .cd6062cb833f3:focus-visible, .c74e643de8d5f:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c356ee3211930:focus-visible svg, .ca16162bca937 button:focus-visible svg, .cd6062cb833f3:focus-visible svg, .c74e643de8d5f:focus-visible svg,
.c356ee3211930:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c356ee3211930:hover, .ca16162bca937 button:hover, .cd6062cb833f3:hover, .c74e643de8d5f:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c356ee3211930:hover svg, .ca16162bca937 button:hover svg, .cd6062cb833f3:hover svg, .c74e643de8d5f:hover svg,
.c356ee3211930:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c356ee3211930:active, .ca16162bca937 button:active, .cd6062cb833f3:active, .c74e643de8d5f:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c356ee3211930:active svg, .ca16162bca937 button:active svg, .cd6062cb833f3:active svg, .c74e643de8d5f:active svg,
.c356ee3211930:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c356ee3211930.disabled, .ca16162bca937 button.disabled, .cd6062cb833f3.disabled, .c74e643de8d5f.disabled, .c356ee3211930[disabled], .ca16162bca937 button[disabled], [disabled].cd6062cb833f3, [disabled].c74e643de8d5f, .c356ee3211930:disabled, .ca16162bca937 button:disabled, .cd6062cb833f3:disabled, .c74e643de8d5f:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c356ee3211930.disabled svg, .ca16162bca937 button.disabled svg, .cd6062cb833f3.disabled svg, .c74e643de8d5f.disabled svg,
.c356ee3211930.disabled span svg, .c356ee3211930[disabled] svg, .ca16162bca937 button[disabled] svg, [disabled].cd6062cb833f3 svg, [disabled].c74e643de8d5f svg,
.c356ee3211930[disabled] span svg, .c356ee3211930:disabled svg, .ca16162bca937 button:disabled svg, .cd6062cb833f3:disabled svg, .c74e643de8d5f:disabled svg,
.c356ee3211930:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c9ca3d479e67c {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c9ca3d479e67c svg {
  color: var(--button-icon-foreground-color-selected);
}

.cd748eb349439 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cd748eb349439 svg,
.cd748eb349439 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cd748eb349439:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cd748eb349439:focus-visible svg,
.cd748eb349439:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cd748eb349439:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cd748eb349439:hover svg,
.cd748eb349439:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cd748eb349439:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cd748eb349439:active svg,
.cd748eb349439:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c4f003e9b0011 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ca5ae2ad87425 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c507bc2f61a27 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c507bc2f61a27:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c507bc2f61a27:focus-visible svg,
.c507bc2f61a27:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c507bc2f61a27:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c507bc2f61a27:active {
  border: none;
  background-color: transparent;
}

.cb10b281063a8, .cd6062cb833f3 svg, .c74e643de8d5f svg, .c3208aa084ee5, .caf8cb49e95e3 span svg, .ca16162bca937 button svg, .c9476c32529d1.intermediate svg, .c0c8206f1945d label span.intermediate svg, .c9476c32529d1.checked svg, .c0c8206f1945d label span.checked svg, .c7a5bf081918f span svg,
.c7a5bf081918f label svg, .c285b91eb9a99 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cbf069bd3a7a7 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cbf069bd3a7a7:hover {
  fill: none;
  stroke: none;
}

.c3208aa084ee5, .caf8cb49e95e3 span svg, .ca16162bca937 button svg, .c9476c32529d1.intermediate svg, .c0c8206f1945d label span.intermediate svg, .c9476c32529d1.checked svg, .c0c8206f1945d label span.checked svg, .c7a5bf081918f span svg,
.c7a5bf081918f label svg, .c285b91eb9a99 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cf161423a97f7 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cf161423a97f7:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c7a464cfdf0c7, .cdb0ae9b30e86 input, .c92234da19d0e input, .c7a5bf081918f input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c7a464cfdf0c7, .cdb0ae9b30e86 input, .c92234da19d0e input, .c7a5bf081918f input {
    height: 23px;
  }
}
.c7a464cfdf0c7, .cdb0ae9b30e86 input, .c92234da19d0e input, .c7a5bf081918f input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c7a464cfdf0c7[disabled], .cdb0ae9b30e86 input[disabled], .c92234da19d0e input[disabled], .c7a5bf081918f input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c285b91eb9a99 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cbabfc09198a8, .c7a5bf081918f span,
.c7a5bf081918f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbabfc09198a8, .c7a5bf081918f span,
  .c7a5bf081918f label {
    height: 25px;
  }
}
.cbabfc09198a8, .c7a5bf081918f span,
.c7a5bf081918f label {
  color: var(--input-foreground-color);
}

.c7a5bf081918f {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c7a5bf081918f {
    height: 25px;
    font-size: 10px;
  }
}
.c7a5bf081918f {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c7a5bf081918f span svg,
.c7a5bf081918f label svg {
  color: var(--input-foreground-color);
}
.c7a5bf081918f ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c7a5bf081918f ::placeholder {
  color: var(--input-placeholder-color);
}
.c7a5bf081918f:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c7a5bf081918f:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c7a5bf081918f:hover span {
  color: var(--input-foreground-color-hover);
}
.c7a5bf081918f:hover input {
  color: var(--input-foreground-color-hover);
}
.c7a5bf081918f:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c7a5bf081918f:active span {
  color: var(--input-foreground-color-active);
}
.c7a5bf081918f:active input {
  color: var(--input-foreground-color-active);
}
.c7a5bf081918f:focus, .c7a5bf081918f:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c7a5bf081918f:focus span, .c7a5bf081918f:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c7a5bf081918f:focus input, .c7a5bf081918f:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c7a5bf081918f:focus:hover, .c7a5bf081918f:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c7a5bf081918f:focus:hover span, .c7a5bf081918f:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c7a5bf081918f:focus:hover input, .c7a5bf081918f:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c92234da19d0e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c92234da19d0e input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c92234da19d0e ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c92234da19d0e ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c92234da19d0e:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c92234da19d0e:focus-within input, .c92234da19d0e:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cd523c3b5c408, .cdb0ae9b30e86.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cd523c3b5c408 input, .cdb0ae9b30e86.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cd523c3b5c408 span svg, .cdb0ae9b30e86.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c9476c32529d1, .c0c8206f1945d label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c9476c32529d1 svg, .c0c8206f1945d label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c9476c32529d1:hover, .c0c8206f1945d label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c9476c32529d1:focus, .c0c8206f1945d label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c9476c32529d1.checked, .c0c8206f1945d label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c9476c32529d1.checked svg, .c0c8206f1945d label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c9476c32529d1.intermediate, .c0c8206f1945d label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c9476c32529d1.intermediate svg, .c0c8206f1945d label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c9476c32529d1.unchecked, .c0c8206f1945d label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c9476c32529d1.unchecked svg, .c0c8206f1945d label span.unchecked svg {
  display: none;
}

.c0c8206f1945d {
  display: flex;
  align-items: center;
}
.c0c8206f1945d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c0c8206f1945d label input {
  margin: 0;
}
.c0c8206f1945d label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0c8206f1945d label:focus span, .c0c8206f1945d label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cdb0ae9b30e86 {
  display: flex;
  flex-direction: column;
}
.cdb0ae9b30e86 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cdb0ae9b30e86 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cdb0ae9b30e86 input:focus-within input, .cdb0ae9b30e86 input:active input {
  color: var(--input-foreground-color-active);
}
.cdb0ae9b30e86 input:focus-within, .cdb0ae9b30e86 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cdb0ae9b30e86.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc6ac9e7119e4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ca3e15833feec, .cae727a7f5d6d {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c8b4288b73d12, .c612b5ccd51eb {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd6062cb833f3, .c74e643de8d5f {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c5e48239a5bf6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cd582e0c2ed8a, .cf79ce32a9e22 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ce4130cf3af1f, .c2a58560ce9e7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cf8fce1d3af4f, .cebbdad3c3404 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c517129ad81e3, .cebbdad3c3404.c048eee23acbc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c4c25a1db2adb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c4c25a1db2adb:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cdae675df1e21 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c551d9c6fb0a6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c190f0392bd4c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c348c13c0e661 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c76d1173affe3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c76d1173affe3:hover, .c76d1173affe3:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ca16162bca937 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ca16162bca937 button {
  display: none;
}
.ca16162bca937 button svg {
  stroke: var(--icon-foreground);
}
.ca16162bca937:hover button {
  display: flex;
}

.c3387c975a137 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c3387c975a137 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c3387c975a137 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cf07a1c765617 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cf07a1c765617:hover div {
  color: var(--entry-foreground-color-hover);
}

.cfd2976fc085b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ca52f85716852 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ca52f85716852:hover {
  background-color: var(--menu-background-color-hover);
}

.caf8cb49e95e3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.caf8cb49e95e3 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.caf8cb49e95e3 span svg {
  stroke: var(--icon-foreground);
}
.caf8cb49e95e3:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.caf8cb49e95e3:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cee9aa8a1593c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cf4d6d11acb44 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c724ebe7a0d98,
.c50cd3086e7b6 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c91645ebcf499 .c724ebe7a0d98,
.c91645ebcf499 .c50cd3086e7b6 {
  transform: scale(1);
}

.c7c1229c42ec9 .c724ebe7a0d98,
.c7c1229c42ec9 .c50cd3086e7b6 {
  transform: scale(0);
}

.c612b5ccd51eb {
  min-width: 25.5rem;
}

.c369105f6d146 {
  margin-bottom: 1.5rem;
}

.c3f34f48aec4b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.cb4680c03388a {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.c4b0535c0d8f3 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.cfb9dc67143e4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
}
@keyframes c2c21682b3c63 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c4c1f51d4d937 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c4c1f51d4d937:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c4c1f51d4d937 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c4c1f51d4d937 ::-webkit-scrollbar-track,
.c4c1f51d4d937 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c4c1f51d4d937 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c4c1f51d4d937 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c4c1f51d4d937 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c4c1f51d4d937 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c4c1f51d4d937 ::placeholder,
.c4c1f51d4d937 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c98b250669166, .c08c023d02716 .c017a1decead7, .c99d13c675e88, .c71b62322fd47, .cc1bbb2c125f6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c98b250669166 svg, .c08c023d02716 .c017a1decead7 svg, .c99d13c675e88 svg, .c71b62322fd47 svg, .cc1bbb2c125f6 svg,
.c98b250669166 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c98b250669166:focus-visible, .c08c023d02716 .c017a1decead7:focus-visible, .c99d13c675e88:focus-visible, .c71b62322fd47:focus-visible, .cc1bbb2c125f6:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c98b250669166:focus-visible svg, .c08c023d02716 .c017a1decead7:focus-visible svg, .c99d13c675e88:focus-visible svg, .c71b62322fd47:focus-visible svg, .cc1bbb2c125f6:focus-visible svg,
.c98b250669166:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c98b250669166:hover, .c08c023d02716 .c017a1decead7:hover, .c99d13c675e88:hover, .c71b62322fd47:hover, .cc1bbb2c125f6:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c98b250669166:hover svg, .c08c023d02716 .c017a1decead7:hover svg, .c99d13c675e88:hover svg, .c71b62322fd47:hover svg, .cc1bbb2c125f6:hover svg,
.c98b250669166:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c98b250669166:active, .c08c023d02716 .c017a1decead7:active, .c99d13c675e88:active, .c71b62322fd47:active, .cc1bbb2c125f6:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c98b250669166:active svg, .c08c023d02716 .c017a1decead7:active svg, .c99d13c675e88:active svg, .c71b62322fd47:active svg, .cc1bbb2c125f6:active svg,
.c98b250669166:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c98b250669166.disabled, .c08c023d02716 .c017a1decead7.disabled, .c99d13c675e88.disabled, .c71b62322fd47.disabled, .cc1bbb2c125f6.disabled, .c98b250669166[disabled], .c08c023d02716 [disabled].c017a1decead7, [disabled].c99d13c675e88, [disabled].c71b62322fd47, [disabled].cc1bbb2c125f6, .c98b250669166:disabled, .c08c023d02716 .c017a1decead7:disabled, .c99d13c675e88:disabled, .c71b62322fd47:disabled, .cc1bbb2c125f6:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc7e3f1c49ed8, .c298121f633e0, .cc30fe67762de {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cc7e3f1c49ed8 svg, .c298121f633e0 svg, .cc30fe67762de svg,
.cc7e3f1c49ed8 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cc7e3f1c49ed8:focus-visible, .c298121f633e0:focus-visible, .cc30fe67762de:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cc7e3f1c49ed8:focus-visible svg, .c298121f633e0:focus-visible svg, .cc30fe67762de:focus-visible svg,
.cc7e3f1c49ed8:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cc7e3f1c49ed8:hover, .c298121f633e0:hover, .cc30fe67762de:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cc7e3f1c49ed8:hover svg, .c298121f633e0:hover svg, .cc30fe67762de:hover svg,
.cc7e3f1c49ed8:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cc7e3f1c49ed8:active, .c298121f633e0:active, .cc30fe67762de:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cc7e3f1c49ed8:active svg, .c298121f633e0:active svg, .cc30fe67762de:active svg,
.cc7e3f1c49ed8:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cc7e3f1c49ed8.disabled, .c298121f633e0.disabled, .cc30fe67762de.disabled, .cc7e3f1c49ed8[disabled], [disabled].c298121f633e0, [disabled].cc30fe67762de, .cc7e3f1c49ed8:disabled, .c298121f633e0:disabled, .cc30fe67762de:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c56bf0f68871f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c56bf0f68871f svg,
.c56bf0f68871f span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c56bf0f68871f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c56bf0f68871f:focus-visible svg,
.c56bf0f68871f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c56bf0f68871f:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c56bf0f68871f:hover svg,
.c56bf0f68871f:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c56bf0f68871f:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c56bf0f68871f:active svg,
.c56bf0f68871f:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c56bf0f68871f.disabled, .c56bf0f68871f[disabled], .c56bf0f68871f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4c78753f5e0c, .c5a9e536c1001 button, .c2d17a7291e2c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c4c78753f5e0c svg, .c5a9e536c1001 button svg, .c2d17a7291e2c svg,
.c4c78753f5e0c span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c4c78753f5e0c:focus-visible, .c5a9e536c1001 button:focus-visible, .c2d17a7291e2c:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c4c78753f5e0c:focus-visible svg, .c5a9e536c1001 button:focus-visible svg, .c2d17a7291e2c:focus-visible svg,
.c4c78753f5e0c:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c4c78753f5e0c:hover, .c5a9e536c1001 button:hover, .c2d17a7291e2c:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c4c78753f5e0c:hover svg, .c5a9e536c1001 button:hover svg, .c2d17a7291e2c:hover svg,
.c4c78753f5e0c:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c4c78753f5e0c:active, .c5a9e536c1001 button:active, .c2d17a7291e2c:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c4c78753f5e0c:active svg, .c5a9e536c1001 button:active svg, .c2d17a7291e2c:active svg,
.c4c78753f5e0c:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c4c78753f5e0c.disabled, .c5a9e536c1001 button.disabled, .c2d17a7291e2c.disabled, .c4c78753f5e0c[disabled], .c5a9e536c1001 button[disabled], [disabled].c2d17a7291e2c, .c4c78753f5e0c:disabled, .c5a9e536c1001 button:disabled, .c2d17a7291e2c:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c4c78753f5e0c.disabled svg, .c5a9e536c1001 button.disabled svg, .c2d17a7291e2c.disabled svg,
.c4c78753f5e0c.disabled span svg, .c4c78753f5e0c[disabled] svg, .c5a9e536c1001 button[disabled] svg, [disabled].c2d17a7291e2c svg,
.c4c78753f5e0c[disabled] span svg, .c4c78753f5e0c:disabled svg, .c5a9e536c1001 button:disabled svg, .c2d17a7291e2c:disabled svg,
.c4c78753f5e0c:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c7e4690522e36 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c7e4690522e36 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c3eb793c986cf {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c3eb793c986cf svg,
.c3eb793c986cf span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c3eb793c986cf:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c3eb793c986cf:focus-visible svg,
.c3eb793c986cf:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c3eb793c986cf:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c3eb793c986cf:hover svg,
.c3eb793c986cf:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c3eb793c986cf:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c3eb793c986cf:active svg,
.c3eb793c986cf:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c3cf12c82a9a9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c1b361bb2d4f2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c66d75a0ffb7b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c66d75a0ffb7b:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c66d75a0ffb7b:focus-visible svg,
.c66d75a0ffb7b:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c66d75a0ffb7b:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c66d75a0ffb7b:active {
  border: none;
  background-color: transparent;
}

.ce5dc58927bd6, .c2d17a7291e2c svg, .c0025eb4a934f, .cf4e41754cedd span svg, .c5a9e536c1001 button svg, .c46b08986e5d8.intermediate svg, .c094d68f67c90 label span.intermediate svg, .c46b08986e5d8.checked svg, .c094d68f67c90 label span.checked svg, .c211c605dcf88 span svg,
.c211c605dcf88 label svg, .cfdfbb6b2df03 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c8e0e05c4c7dc {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c8e0e05c4c7dc:hover {
  fill: none;
  stroke: none;
}

.c0025eb4a934f, .cf4e41754cedd span svg, .c5a9e536c1001 button svg, .c46b08986e5d8.intermediate svg, .c094d68f67c90 label span.intermediate svg, .c46b08986e5d8.checked svg, .c094d68f67c90 label span.checked svg, .c211c605dcf88 span svg,
.c211c605dcf88 label svg, .cfdfbb6b2df03 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cbcd1c91afe07 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cbcd1c91afe07:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c85908b3bfaf2, .c657a3a8f1f22 input, .c01ce687446d5 input, .c211c605dcf88 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c85908b3bfaf2, .c657a3a8f1f22 input, .c01ce687446d5 input, .c211c605dcf88 input {
    height: 23px;
  }
}
.c85908b3bfaf2, .c657a3a8f1f22 input, .c01ce687446d5 input, .c211c605dcf88 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c85908b3bfaf2[disabled], .c657a3a8f1f22 input[disabled], .c01ce687446d5 input[disabled], .c211c605dcf88 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cfdfbb6b2df03 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c65d7c2d5dba5, .c211c605dcf88 span,
.c211c605dcf88 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c65d7c2d5dba5, .c211c605dcf88 span,
  .c211c605dcf88 label {
    height: 25px;
  }
}
.c65d7c2d5dba5, .c211c605dcf88 span,
.c211c605dcf88 label {
  color: var(--input-foreground-color);
}

.c211c605dcf88 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c211c605dcf88 {
    height: 25px;
    font-size: 10px;
  }
}
.c211c605dcf88 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c211c605dcf88 span svg,
.c211c605dcf88 label svg {
  color: var(--input-foreground-color);
}
.c211c605dcf88 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c211c605dcf88 ::placeholder {
  color: var(--input-placeholder-color);
}
.c211c605dcf88:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c211c605dcf88:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c211c605dcf88:hover span {
  color: var(--input-foreground-color-hover);
}
.c211c605dcf88:hover input {
  color: var(--input-foreground-color-hover);
}
.c211c605dcf88:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c211c605dcf88:active span {
  color: var(--input-foreground-color-active);
}
.c211c605dcf88:active input {
  color: var(--input-foreground-color-active);
}
.c211c605dcf88:focus, .c211c605dcf88:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c211c605dcf88:focus span, .c211c605dcf88:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c211c605dcf88:focus input, .c211c605dcf88:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c211c605dcf88:focus:hover, .c211c605dcf88:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c211c605dcf88:focus:hover span, .c211c605dcf88:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c211c605dcf88:focus:hover input, .c211c605dcf88:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c01ce687446d5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c01ce687446d5 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c01ce687446d5 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c01ce687446d5 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c01ce687446d5:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c01ce687446d5:focus-within input, .c01ce687446d5:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ca61b9f3f3b89, .c657a3a8f1f22.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ca61b9f3f3b89 input, .c657a3a8f1f22.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ca61b9f3f3b89 span svg, .c657a3a8f1f22.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c46b08986e5d8, .c094d68f67c90 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c46b08986e5d8 svg, .c094d68f67c90 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c46b08986e5d8:hover, .c094d68f67c90 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c46b08986e5d8:focus, .c094d68f67c90 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c46b08986e5d8.checked, .c094d68f67c90 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c46b08986e5d8.checked svg, .c094d68f67c90 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c46b08986e5d8.intermediate, .c094d68f67c90 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c46b08986e5d8.intermediate svg, .c094d68f67c90 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c46b08986e5d8.unchecked, .c094d68f67c90 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c46b08986e5d8.unchecked svg, .c094d68f67c90 label span.unchecked svg {
  display: none;
}

.c094d68f67c90 {
  display: flex;
  align-items: center;
}
.c094d68f67c90 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c094d68f67c90 label input {
  margin: 0;
}
.c094d68f67c90 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c094d68f67c90 label:focus span, .c094d68f67c90 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c657a3a8f1f22 {
  display: flex;
  flex-direction: column;
}
.c657a3a8f1f22 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c657a3a8f1f22 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c657a3a8f1f22 input:focus-within input, .c657a3a8f1f22 input:active input {
  color: var(--input-foreground-color-active);
}
.c657a3a8f1f22 input:focus-within, .c657a3a8f1f22 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c657a3a8f1f22.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cff6674a50c77 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c9c856e2e60d3 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c19557759b575 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c2d17a7291e2c {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c770f680d2d01 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c8a995ebd0d70 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cc30fe67762de {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc1bbb2c125f6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c71b62322fd47 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c2ebfae2b31b9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c2ebfae2b31b9:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cffd92f63c04c {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c77dc49e25c71 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cfb74c5a149b4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cdf43c74e37de {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c507260da00d0 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c507260da00d0:hover, .c507260da00d0:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c5a9e536c1001 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c5a9e536c1001 button {
  display: none;
}
.c5a9e536c1001 button svg {
  stroke: var(--icon-foreground);
}
.c5a9e536c1001:hover button {
  display: flex;
}

.cc013e2fd9958 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cc013e2fd9958 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cc013e2fd9958 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c43db890986ab {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c43db890986ab:hover div {
  color: var(--entry-foreground-color-hover);
}

.cbdeabcb99c24 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ce06aef46eb09 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ce06aef46eb09:hover {
  background-color: var(--menu-background-color-hover);
}

.cf4e41754cedd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cf4e41754cedd span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf4e41754cedd span svg {
  stroke: var(--icon-foreground);
}
.cf4e41754cedd:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cf4e41754cedd:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c97babeb3f278 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cbe2dc665fb8e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c4ce7fd6946b1,
.cea012189bd44 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c526fc9410792 .c4ce7fd6946b1,
.c526fc9410792 .cea012189bd44 {
  transform: scale(1);
}

.c09fe3d926366 .c4ce7fd6946b1,
.c09fe3d926366 .cea012189bd44 {
  transform: scale(0);
}

.c605b3eadb983 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 0.75rem 1rem 0;
}
.c605b3eadb983 a:not(.c98b250669166):not(.c99d13c675e88):not(.cdf43c74e37de) {
  color: var(--color-foreground-secondary);
}

.c41484e4bc8bb {
  display: flex;
  flex-direction: column;
  flex: 1 1 300px;
  max-width: 510px;
  width: 100%;
  margin: 0 0 2.5rem 0;
  --input-width: min(510px, 100%);
}
.c41484e4bc8bb form {
  display: flex;
  flex-direction: column;
}
.c41484e4bc8bb form .c298121f633e0 {
  width: 100%;
  font-size: 0.688rem;
  text-transform: uppercase;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}
.c41484e4bc8bb form .c298121f633e0:hover {
  color: var(--color-accent-primary);
  background-color: var(--color-background-quaternary);
}
.c41484e4bc8bb form hr {
  display: none;
}
.c41484e4bc8bb .ccd18227508b8 {
  --input-height: 2.5rem;
  --control-height: 2.5rem;
  margin-bottom: 1.25rem;
  flex-direction: column;
}
.c41484e4bc8bb .ccd18227508b8 .c068235f0730b {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
.c41484e4bc8bb .c490cb09725f8 {
  margin-bottom: 1.25rem;
}
.c41484e4bc8bb .cb170ed7294f8 {
  color: var(--color-foreground-primary);
}
.c41484e4bc8bb .cb170ed7294f8:not(:first-child) {
  margin-top: 4rem;
}
.c41484e4bc8bb .c21765f476e10 {
  color: var(--color-foreground-secondary);
}
.c41484e4bc8bb .c2cc3c0551c5c,
.c41484e4bc8bb .c2d8c7384b6af {
  flex-direction: column-reverse;
  height: 2.5rem;
}
.c41484e4bc8bb .c2cc3c0551c5c label,
.c41484e4bc8bb .c2d8c7384b6af label {
  position: relative;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
  font-size: 0.688rem;
  margin-bottom: 0.75rem;
  margin-left: -0.25rem;
}
.c41484e4bc8bb .c2cc3c0551c5c input,
.c41484e4bc8bb .c2cc3c0551c5c select,
.c41484e4bc8bb .c2d8c7384b6af input,
.c41484e4bc8bb .c2d8c7384b6af select {
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  border-color: transparent;
  color: var(--color-foreground-primary);
  padding: 0 1rem;
}
.c41484e4bc8bb .c2cc3c0551c5c input:focus,
.c41484e4bc8bb .c2cc3c0551c5c select:focus,
.c41484e4bc8bb .c2d8c7384b6af input:focus,
.c41484e4bc8bb .c2d8c7384b6af select:focus {
  outline: 1px solid var(--color-accent-primary);
}
.c41484e4bc8bb .c2cc3c0551c5c input ::-moz-placeholder, .c41484e4bc8bb .c2cc3c0551c5c select ::-moz-placeholder, .c41484e4bc8bb .c2d8c7384b6af input ::-moz-placeholder, .c41484e4bc8bb .c2d8c7384b6af select ::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.c41484e4bc8bb .c2cc3c0551c5c input ::placeholder,
.c41484e4bc8bb .c2cc3c0551c5c select ::placeholder,
.c41484e4bc8bb .c2d8c7384b6af input ::placeholder,
.c41484e4bc8bb .c2d8c7384b6af select ::placeholder {
  color: var(--color-foreground-secondary);
}
.c41484e4bc8bb .c2cc3c0551c5c .c87756a3a47dd,
.c41484e4bc8bb .c2d8c7384b6af .c87756a3a47dd {
  bottom: 0.75rem;
  top: auto;
}
.c41484e4bc8bb .c2cc3c0551c5c .c87756a3a47dd svg,
.c41484e4bc8bb .c2d8c7384b6af .c87756a3a47dd svg {
  fill: var(--color-foreground-secondary);
}
.c41484e4bc8bb .c2cc3c0551c5c.c838a79ade380 input,
.c41484e4bc8bb .c2d8c7384b6af.c838a79ade380 input {
  background-color: var(--input-background-color-disabled);
  border-color: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
}
.c41484e4bc8bb .c2cc3c0551c5c .cc737fa42826a,
.c41484e4bc8bb .c2d8c7384b6af .cc737fa42826a {
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  border-color: transparent;
  height: 2.5rem;
  margin-top: 1.5rem;
}
.c41484e4bc8bb .c2cc3c0551c5c .cc737fa42826a .c39d382cbf39f label,
.c41484e4bc8bb .c2d8c7384b6af .cc737fa42826a .c39d382cbf39f label {
  position: absolute;
  top: calc(-1 * 1.5rem);
}
.c41484e4bc8bb .c2cc3c0551c5c .cc737fa42826a .c39d382cbf39f span,
.c41484e4bc8bb .c2d8c7384b6af .cc737fa42826a .c39d382cbf39f span {
  color: var(--color-foreground-primary);
}
.c41484e4bc8bb .c2cc3c0551c5c .cc737fa42826a:focus,
.c41484e4bc8bb .c2d8c7384b6af .cc737fa42826a:focus {
  border: 1px solid var(--color-accent-primary);
}
.c41484e4bc8bb .c2cc3c0551c5c textarea,
.c41484e4bc8bb .c2d8c7384b6af textarea {
  border-radius: 8px;
  padding: 0.75rem 1rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.c41484e4bc8bb .c2cc3c0551c5c textarea:focus,
.c41484e4bc8bb .c2d8c7384b6af textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
.c41484e4bc8bb.c956737db99b3 {
  max-width: 32.5rem;
  justify-content: space-between;
  flex-direction: row;
}
.c41484e4bc8bb h1 {
  font-size: 2.25rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.c41484e4bc8bb .cb8ca995a3842 {
  font-size: 1.5rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.c41484e4bc8bb .c6499b4510890 {
  justify-content: center;
  display: flex;
  margin-bottom: 3rem;
}
.c41484e4bc8bb .c6499b4510890 svg {
  fill: var(--color-background-primary);
  height: 40%;
  width: 40%;
}
.c41484e4bc8bb .c40f5c68b70b8 {
  font-size: 1rem;
  color: var(--color-background-primary);
  margin-bottom: 1.25rem;
}
.c41484e4bc8bb .c8c033e1a4f49 {
  background: var(--color-foreground-primary);
  border-radius: 4px;
  color: var(--color-background-primary);
  font-size: 1rem;
  font-weight: 500;
  margin: 1.5rem 0 2.5rem 0;
  padding: 1rem;
  text-align: center;
}
.c41484e4bc8bb h2 {
  font-size: 2rem;
  font-weight: 500;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.c41484e4bc8bb h3 {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
  text-transform: uppercase;
}
.c41484e4bc8bb a:not(.c98b250669166):not(.c99d13c675e88):hover {
  text-decoration: underline;
}
.c41484e4bc8bb p {
  color: var(--color-background-primary);
}
.c41484e4bc8bb hr {
  border-color: var(--color-foreground-secondary);
}
.c41484e4bc8bb .c157cde391a2c {
  margin-top: 0.75rem;
}

form.c3222139f1e89 {
  display: flex;
  flex-direction: column;
  width: 9.25rem;
  height: 9.25rem;
  margin: 1rem 0;
}
form.c3222139f1e89 img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 100%;
  margin-right: 1rem;
  width: 100%;
}

.c5eb70c089899 {
  position: relative;
  width: 100%;
  height: 100%;
}
.c5eb70c089899 .c9d7727a24648 {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  font-size: 1.5rem;
  color: var(--color-foreground-primary);
  line-height: 6;
  text-align: center;
  background: var(--color-accent-tertiary);
  z-index: 30;
}
.c5eb70c089899 input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 30;
}
.c5eb70c089899:hover .c9d7727a24648 {
  opacity: 0.8;
}

.c024f28993396 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

.c7470d7d65b94 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  max-width: 510px;
  width: 100%;
}

.cdb16b4980e32 {
  border-bottom: 1px solid var(--color-foreground-secondary);
  border-top: 1px solid var(--color-foreground-secondary);
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.cdb16b4980e32 .ca86890362a4c {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.cdb16b4980e32 label {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-background-primary);
  font-size: 0.75rem;
  margin-right: calc(-1 * 1rem);
  margin-bottom: 0.75rem;
}
.cdb16b4980e32 .c90ab293efa93 {
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.cdb16b4980e32 .c094d68f67c90 label {
  align-items: flex-start;
}

.c298121f633e0 {
  height: 2rem;
}

.c99d13c675e88 {
  height: 2rem;
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.c08c023d02716 .ccd18227508b8 {
  --input-height: 2.5rem;
  --control-height: 2.5rem;
  margin-block-end: 2rem;
}
.c08c023d02716 .cb54a1ab39fb6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  border-radius: 0.5rem;
  padding: var(--sp-m);
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.c08c023d02716 .cb54a1ab39fb6 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c08c023d02716 .cb54a1ab39fb6 ::placeholder {
  color: var(--input-placeholder-color);
}
.c08c023d02716 .cb54a1ab39fb6:focus {
  outline: 0.0625rem solid var(--color-accent-primary);
}
.c08c023d02716 .c3bb7cb022519 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  block-size: 2rem;
  color: var(--color-foreground-primary);
  margin-block-end: var(--sp-l);
}
.c08c023d02716 .c017a1decead7 {
  margin-block-end: 4.5rem;
}
.c08c023d02716 .c2449ff9e889e {
  margin-block-end: var(--sp-xxxl);
}
.c08c023d02716 .c21765f476e10 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
}
.c08c023d02716 .c7b2029183da0 {
  margin-block-end: var(--sp-xxxl);
}
.c08c023d02716 .cdf43c74e37de {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-accent-tertiary);
  margin-block-end: var(--sp-s);
}
.c08c023d02716 .cd7a5a6bb2a43 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-primary);
  text-transform: lowercase;
  border: 0.0625rem solid var(--color-background-quaternary);
  margin-block-start: var(--sp-s);
  padding: var(--sp-s);
  border-radius: 0.5rem;
  block-size: 2rem;
  display: inline-block;
  min-inline-size: 10rem;
  text-align: center;
}
@keyframes c55d697731c64 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c60fbf421fb31 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c60fbf421fb31:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c60fbf421fb31 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c60fbf421fb31 ::-webkit-scrollbar-track,
.c60fbf421fb31 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c60fbf421fb31 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c60fbf421fb31 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c60fbf421fb31 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c60fbf421fb31 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c60fbf421fb31 ::placeholder,
.c60fbf421fb31 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ca2e599e567f8, .c1930e3ef5780, .c6c2ad63ba8d7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ca2e599e567f8 svg, .c1930e3ef5780 svg, .c6c2ad63ba8d7 svg,
.ca2e599e567f8 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ca2e599e567f8:focus-visible, .c1930e3ef5780:focus-visible, .c6c2ad63ba8d7:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ca2e599e567f8:focus-visible svg, .c1930e3ef5780:focus-visible svg, .c6c2ad63ba8d7:focus-visible svg,
.ca2e599e567f8:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ca2e599e567f8:hover, .c1930e3ef5780:hover, .c6c2ad63ba8d7:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ca2e599e567f8:hover svg, .c1930e3ef5780:hover svg, .c6c2ad63ba8d7:hover svg,
.ca2e599e567f8:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ca2e599e567f8:active, .c1930e3ef5780:active, .c6c2ad63ba8d7:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ca2e599e567f8:active svg, .c1930e3ef5780:active svg, .c6c2ad63ba8d7:active svg,
.ca2e599e567f8:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ca2e599e567f8.disabled, .c1930e3ef5780.disabled, .c6c2ad63ba8d7.disabled, .ca2e599e567f8[disabled], [disabled].c1930e3ef5780, [disabled].c6c2ad63ba8d7, .ca2e599e567f8:disabled, .c1930e3ef5780:disabled, .c6c2ad63ba8d7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9682731bfdbd, .ceb88dd7c1a76 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c9682731bfdbd svg, .ceb88dd7c1a76 svg,
.c9682731bfdbd span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c9682731bfdbd:focus-visible, .ceb88dd7c1a76:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c9682731bfdbd:focus-visible svg, .ceb88dd7c1a76:focus-visible svg,
.c9682731bfdbd:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c9682731bfdbd:hover, .ceb88dd7c1a76:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c9682731bfdbd:hover svg, .ceb88dd7c1a76:hover svg,
.c9682731bfdbd:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c9682731bfdbd:active, .ceb88dd7c1a76:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c9682731bfdbd:active svg, .ceb88dd7c1a76:active svg,
.c9682731bfdbd:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c9682731bfdbd.disabled, .ceb88dd7c1a76.disabled, .c9682731bfdbd[disabled], [disabled].ceb88dd7c1a76, .c9682731bfdbd:disabled, .ceb88dd7c1a76:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ccbd33a15e6d2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ccbd33a15e6d2 svg,
.ccbd33a15e6d2 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ccbd33a15e6d2:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ccbd33a15e6d2:focus-visible svg,
.ccbd33a15e6d2:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ccbd33a15e6d2:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ccbd33a15e6d2:hover svg,
.ccbd33a15e6d2:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ccbd33a15e6d2:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ccbd33a15e6d2:active svg,
.ccbd33a15e6d2:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ccbd33a15e6d2.disabled, .ccbd33a15e6d2[disabled], .ccbd33a15e6d2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6dd1f37d525c, .c4b8500a8ef3b button, .c84cb17712448 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c6dd1f37d525c svg, .c4b8500a8ef3b button svg, .c84cb17712448 svg,
.c6dd1f37d525c span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c6dd1f37d525c:focus-visible, .c4b8500a8ef3b button:focus-visible, .c84cb17712448:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c6dd1f37d525c:focus-visible svg, .c4b8500a8ef3b button:focus-visible svg, .c84cb17712448:focus-visible svg,
.c6dd1f37d525c:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c6dd1f37d525c:hover, .c4b8500a8ef3b button:hover, .c84cb17712448:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c6dd1f37d525c:hover svg, .c4b8500a8ef3b button:hover svg, .c84cb17712448:hover svg,
.c6dd1f37d525c:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c6dd1f37d525c:active, .c4b8500a8ef3b button:active, .c84cb17712448:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c6dd1f37d525c:active svg, .c4b8500a8ef3b button:active svg, .c84cb17712448:active svg,
.c6dd1f37d525c:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c6dd1f37d525c.disabled, .c4b8500a8ef3b button.disabled, .c84cb17712448.disabled, .c6dd1f37d525c[disabled], .c4b8500a8ef3b button[disabled], [disabled].c84cb17712448, .c6dd1f37d525c:disabled, .c4b8500a8ef3b button:disabled, .c84cb17712448:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c6dd1f37d525c.disabled svg, .c4b8500a8ef3b button.disabled svg, .c84cb17712448.disabled svg,
.c6dd1f37d525c.disabled span svg, .c6dd1f37d525c[disabled] svg, .c4b8500a8ef3b button[disabled] svg, [disabled].c84cb17712448 svg,
.c6dd1f37d525c[disabled] span svg, .c6dd1f37d525c:disabled svg, .c4b8500a8ef3b button:disabled svg, .c84cb17712448:disabled svg,
.c6dd1f37d525c:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ce761658c2bb0 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ce761658c2bb0 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c760a84ed9c97 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c760a84ed9c97 svg,
.c760a84ed9c97 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c760a84ed9c97:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c760a84ed9c97:focus-visible svg,
.c760a84ed9c97:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c760a84ed9c97:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c760a84ed9c97:hover svg,
.c760a84ed9c97:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c760a84ed9c97:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c760a84ed9c97:active svg,
.c760a84ed9c97:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c5a7bed73fd0a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7c559dc16d78 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c80a0efdf4b82 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c80a0efdf4b82:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c80a0efdf4b82:focus-visible svg,
.c80a0efdf4b82:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c80a0efdf4b82:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c80a0efdf4b82:active {
  border: none;
  background-color: transparent;
}

.c0f7bb6636a83, .c84cb17712448 svg, .c4dfa58fdfabf, .c37b37144f051 span svg, .c4b8500a8ef3b button svg, .c0375673ba2a8.intermediate svg, .cd1f4ab8cbca3 label span.intermediate svg, .c0375673ba2a8.checked svg, .cd1f4ab8cbca3 label span.checked svg, .c57af6c689860 span svg,
.c57af6c689860 label svg, .c2bef929e7343 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cdc0650041380 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cdc0650041380:hover {
  fill: none;
  stroke: none;
}

.c4dfa58fdfabf, .c37b37144f051 span svg, .c4b8500a8ef3b button svg, .c0375673ba2a8.intermediate svg, .cd1f4ab8cbca3 label span.intermediate svg, .c0375673ba2a8.checked svg, .cd1f4ab8cbca3 label span.checked svg, .c57af6c689860 span svg,
.c57af6c689860 label svg, .c2bef929e7343 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cd0e42eaa6f82 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cd0e42eaa6f82:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c07ced510e5a0, .c7b4cad4bc4cd input, .c34b702d8a679 input, .c57af6c689860 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c07ced510e5a0, .c7b4cad4bc4cd input, .c34b702d8a679 input, .c57af6c689860 input {
    height: 23px;
  }
}
.c07ced510e5a0, .c7b4cad4bc4cd input, .c34b702d8a679 input, .c57af6c689860 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c07ced510e5a0[disabled], .c7b4cad4bc4cd input[disabled], .c34b702d8a679 input[disabled], .c57af6c689860 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c2bef929e7343 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cc99cbb852412, .c57af6c689860 span,
.c57af6c689860 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc99cbb852412, .c57af6c689860 span,
  .c57af6c689860 label {
    height: 25px;
  }
}
.cc99cbb852412, .c57af6c689860 span,
.c57af6c689860 label {
  color: var(--input-foreground-color);
}

.c57af6c689860 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c57af6c689860 {
    height: 25px;
    font-size: 10px;
  }
}
.c57af6c689860 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c57af6c689860 span svg,
.c57af6c689860 label svg {
  color: var(--input-foreground-color);
}
.c57af6c689860 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c57af6c689860 ::placeholder {
  color: var(--input-placeholder-color);
}
.c57af6c689860:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c57af6c689860:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c57af6c689860:hover span {
  color: var(--input-foreground-color-hover);
}
.c57af6c689860:hover input {
  color: var(--input-foreground-color-hover);
}
.c57af6c689860:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c57af6c689860:active span {
  color: var(--input-foreground-color-active);
}
.c57af6c689860:active input {
  color: var(--input-foreground-color-active);
}
.c57af6c689860:focus, .c57af6c689860:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c57af6c689860:focus span, .c57af6c689860:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c57af6c689860:focus input, .c57af6c689860:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c57af6c689860:focus:hover, .c57af6c689860:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c57af6c689860:focus:hover span, .c57af6c689860:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c57af6c689860:focus:hover input, .c57af6c689860:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c34b702d8a679 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c34b702d8a679 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c34b702d8a679 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c34b702d8a679 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c34b702d8a679:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c34b702d8a679:focus-within input, .c34b702d8a679:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cd4afd1ea046d, .c7b4cad4bc4cd.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cd4afd1ea046d input, .c7b4cad4bc4cd.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cd4afd1ea046d span svg, .c7b4cad4bc4cd.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c0375673ba2a8, .cd1f4ab8cbca3 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c0375673ba2a8 svg, .cd1f4ab8cbca3 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c0375673ba2a8:hover, .cd1f4ab8cbca3 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0375673ba2a8:focus, .cd1f4ab8cbca3 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c0375673ba2a8.checked, .cd1f4ab8cbca3 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c0375673ba2a8.checked svg, .cd1f4ab8cbca3 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c0375673ba2a8.intermediate, .cd1f4ab8cbca3 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c0375673ba2a8.intermediate svg, .cd1f4ab8cbca3 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c0375673ba2a8.unchecked, .cd1f4ab8cbca3 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c0375673ba2a8.unchecked svg, .cd1f4ab8cbca3 label span.unchecked svg {
  display: none;
}

.cd1f4ab8cbca3 {
  display: flex;
  align-items: center;
}
.cd1f4ab8cbca3 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cd1f4ab8cbca3 label input {
  margin: 0;
}
.cd1f4ab8cbca3 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd1f4ab8cbca3 label:focus span, .cd1f4ab8cbca3 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c7b4cad4bc4cd {
  display: flex;
  flex-direction: column;
}
.c7b4cad4bc4cd label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c7b4cad4bc4cd input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c7b4cad4bc4cd input:focus-within input, .c7b4cad4bc4cd input:active input {
  color: var(--input-foreground-color-active);
}
.c7b4cad4bc4cd input:focus-within, .c7b4cad4bc4cd input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c7b4cad4bc4cd.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c828878456b95 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c89013ab9c6e3, .c1125d31af6da {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c68fd2bd87d6e, .cf3a4888214c1 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c84cb17712448 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cab929df69fe5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c961aceda6f3c {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ceb88dd7c1a76 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c6c2ad63ba8d7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c1930e3ef5780 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c73bddc9354ff {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c73bddc9354ff:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cf760fb5d2533 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c9e9ff7e2b1ff {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cb8f25a564b78 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cec2c43303ecf {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ccaa2a7071ac3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ccaa2a7071ac3:hover, .ccaa2a7071ac3:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c4b8500a8ef3b div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c4b8500a8ef3b button {
  display: none;
}
.c4b8500a8ef3b button svg {
  stroke: var(--icon-foreground);
}
.c4b8500a8ef3b:hover button {
  display: flex;
}

.cce7fb9808d61 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cce7fb9808d61 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cce7fb9808d61 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c763d5c718938 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c763d5c718938:hover div {
  color: var(--entry-foreground-color-hover);
}

.c51ed18f59b41 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c487ba30cc86d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c487ba30cc86d:hover {
  background-color: var(--menu-background-color-hover);
}

.c37b37144f051 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c37b37144f051 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c37b37144f051 span svg {
  stroke: var(--icon-foreground);
}
.c37b37144f051:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c37b37144f051:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cb1444b97c353 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c2cda1561a929 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c1ce536cf83c1,
.cafbc92600702 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cdc2981c1848b .c1ce536cf83c1,
.cdc2981c1848b .cafbc92600702 {
  transform: scale(1);
}

.ce481bc33ba62 .c1ce536cf83c1,
.ce481bc33ba62 .cafbc92600702 {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.cf961f63e3607 {
  color: var(--color-foreground-primary);
}

.c5143e3d53c62 {
  color: var(--color-foreground-secondary);
}

.c5544db4ace94 {
  text-align: center;
}

.c4c0a4418599b {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}

.cd7aa661f89d5 {
  color: var(--color-accent-primary);
  border: 0.0625rem solid var(--color-accent-primary);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding: var(--sp-xxs) var(--sp-s);
  border-radius: 0.25rem;
}

.ce8b4916a164d {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: var(--sp-s);
}

.cf3a4888214c1 {
  inline-size: 25rem;
  max-block-size: -moz-fit-content;
  max-block-size: fit-content;
  position: relative;
}

.c8439f655a15c {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.c6271dc230ae4 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xxxl);
}

.cbca1d93b2349 {
  position: absolute;
  top: var(--sp-s);
  right: var(--sp-s);
}

.cac5073e4d74a {
  display: flex;
  justify-content: right;
  gap: var(--sp-s);
}

.c19e13a4530a3 {
  position: relative;
}

.c5dccf9216e56 {
  position: absolute;
  top: 0;
  right: 0;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.c0f91f68d01ad {
  border-radius: 0 0.5rem 0.5rem 0;
}

.cf54d927865ce {
  display: grid;
  grid-template-rows: auto 1fr;
  margin: 5.5rem auto 7.5rem auto;
  gap: 2rem;
  inline-size: 31.25rem;
}

.cf63558bc1431 {
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: var(--sp-m);
}

.c4c721d52d20c {
  display: flex;
  flex-direction: column;
  gap: var(--sp-l);
}

.cec88af23ccb7 {
  display: flex;
  flex-direction: column;
}

.c50589a3d522e {
  display: flex;
  flex-direction: column;
  gap: var(--sp-m);
  padding-right: var(--sp-xxl);
}

.c2c47f4b26d4a {
  cursor: pointer;
  color: var(--color-accent-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sp-xs);
}

.c7c41ddd33b70 {
  margin: var(--sp-s) 0;
}

.c26acf88d4eb3 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-l);
}

.c128dcce06c72 {
  display: flex;
  align-items: center;
  gap: var(--sp-s);
}

.c8761f44887bf {
  position: relative;
}

.c82755ad6bb12 {
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
}

.cc7a4f4316681 {
  border: 0.0625rem solid var(--color-background-quaternary);
  margin: var(--sp-s) 0;
}

.c3e5507eae14a {
  border: 0.0625rem solid var(--color-background-quaternary);
  padding: var(--sp-m);
  border-radius: 0.5rem;
}

.c130fbe219e5c {
  display: grid;
  grid-auto-rows: 4rem;
  gap: var(--sp-m);
}

.ccc49bca5ec7d {
  display: grid;
  grid-template-columns: 45% 1fr auto;
  align-items: center;
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
}

.cd4a1a533702a {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-content: center;
  block-size: 4rem;
  padding: 0 var(--sp-l);
  color: var(--color-foreground-primary);
}

.c95e36d52160e {
  align-content: center;
  block-size: 4rem;
  color: var(--color-foreground-secondary);
}
.c95e36d52160e.cef6e198cdc94 {
  padding: var(--sp-s) var(--sp-m);
  block-size: -moz-fit-content;
  block-size: fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  color: var(--color-foreground-primary);
  background-color: var(--color-background-warning);
  border: 0.0625rem solid var(--color-accent-warning);
  border-radius: 0.5rem;
}

.c4d29457b7f3c {
  position: relative;
}

.c500f84328360 {
  block-size: 4rem;
  inline-size: 3rem;
  border-radius: 0 var(--sp-s) var(--sp-s) 0;
}

.c3061eb2b5f2a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  border-radius: 0.5rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-secondary);
  padding: var(--sp-xs) var(--sp-s);
  border: 0;
  resize: none;
}
.c3061eb2b5f2a:hover {
  background-color: var(--color-background-quaternary);
}
.c3061eb2b5f2a:focus-visible {
  outline: 0.0625rem solid var(--color-accent-primary);
}
@charset "UTF-8";
@keyframes c50c2f0bd463b {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ceccd6fc46cce {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ceccd6fc46cce:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ceccd6fc46cce ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ceccd6fc46cce ::-webkit-scrollbar-track,
.ceccd6fc46cce ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ceccd6fc46cce ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ceccd6fc46cce ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ceccd6fc46cce ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ceccd6fc46cce ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ceccd6fc46cce ::placeholder,
.ceccd6fc46cce ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c0b9c4bf46e45, .c5ccfab77c048, .c52a3a691250e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c0b9c4bf46e45 svg, .c5ccfab77c048 svg, .c52a3a691250e svg,
.c0b9c4bf46e45 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c0b9c4bf46e45:focus-visible, .c5ccfab77c048:focus-visible, .c52a3a691250e:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c0b9c4bf46e45:focus-visible svg, .c5ccfab77c048:focus-visible svg, .c52a3a691250e:focus-visible svg,
.c0b9c4bf46e45:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c0b9c4bf46e45:hover, .c5ccfab77c048:hover, .c52a3a691250e:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c0b9c4bf46e45:hover svg, .c5ccfab77c048:hover svg, .c52a3a691250e:hover svg,
.c0b9c4bf46e45:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c0b9c4bf46e45:active, .c5ccfab77c048:active, .c52a3a691250e:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c0b9c4bf46e45:active svg, .c5ccfab77c048:active svg, .c52a3a691250e:active svg,
.c0b9c4bf46e45:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c0b9c4bf46e45.disabled, .c5ccfab77c048.disabled, .c52a3a691250e.disabled, .c0b9c4bf46e45[disabled], [disabled].c5ccfab77c048, [disabled].c52a3a691250e, .c0b9c4bf46e45:disabled, .c5ccfab77c048:disabled, .c52a3a691250e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca1f086ebd054, .cc3bbd4641925 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ca1f086ebd054 svg, .cc3bbd4641925 svg,
.ca1f086ebd054 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ca1f086ebd054:focus-visible, .cc3bbd4641925:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca1f086ebd054:focus-visible svg, .cc3bbd4641925:focus-visible svg,
.ca1f086ebd054:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca1f086ebd054:hover, .cc3bbd4641925:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ca1f086ebd054:hover svg, .cc3bbd4641925:hover svg,
.ca1f086ebd054:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ca1f086ebd054:active, .cc3bbd4641925:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ca1f086ebd054:active svg, .cc3bbd4641925:active svg,
.ca1f086ebd054:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ca1f086ebd054.disabled, .cc3bbd4641925.disabled, .ca1f086ebd054[disabled], [disabled].cc3bbd4641925, .ca1f086ebd054:disabled, .cc3bbd4641925:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c30c3509e578d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c30c3509e578d svg,
.c30c3509e578d span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c30c3509e578d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c30c3509e578d:focus-visible svg,
.c30c3509e578d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c30c3509e578d:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c30c3509e578d:hover svg,
.c30c3509e578d:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c30c3509e578d:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c30c3509e578d:active svg,
.c30c3509e578d:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c30c3509e578d.disabled, .c30c3509e578d[disabled], .c30c3509e578d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3b454042f391, .c4ea52b3d41bc button, .cfd3564367c24 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c3b454042f391 svg, .c4ea52b3d41bc button svg, .cfd3564367c24 svg,
.c3b454042f391 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c3b454042f391:focus-visible, .c4ea52b3d41bc button:focus-visible, .cfd3564367c24:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c3b454042f391:focus-visible svg, .c4ea52b3d41bc button:focus-visible svg, .cfd3564367c24:focus-visible svg,
.c3b454042f391:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c3b454042f391:hover, .c4ea52b3d41bc button:hover, .cfd3564367c24:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c3b454042f391:hover svg, .c4ea52b3d41bc button:hover svg, .cfd3564367c24:hover svg,
.c3b454042f391:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c3b454042f391:active, .c4ea52b3d41bc button:active, .cfd3564367c24:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c3b454042f391:active svg, .c4ea52b3d41bc button:active svg, .cfd3564367c24:active svg,
.c3b454042f391:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c3b454042f391.disabled, .c4ea52b3d41bc button.disabled, .cfd3564367c24.disabled, .c3b454042f391[disabled], .c4ea52b3d41bc button[disabled], [disabled].cfd3564367c24, .c3b454042f391:disabled, .c4ea52b3d41bc button:disabled, .cfd3564367c24:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c3b454042f391.disabled svg, .c4ea52b3d41bc button.disabled svg, .cfd3564367c24.disabled svg,
.c3b454042f391.disabled span svg, .c3b454042f391[disabled] svg, .c4ea52b3d41bc button[disabled] svg, [disabled].cfd3564367c24 svg,
.c3b454042f391[disabled] span svg, .c3b454042f391:disabled svg, .c4ea52b3d41bc button:disabled svg, .cfd3564367c24:disabled svg,
.c3b454042f391:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c6de0421fb47c {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c6de0421fb47c svg {
  color: var(--button-icon-foreground-color-selected);
}

.c2de8f43f0bac {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c2de8f43f0bac svg,
.c2de8f43f0bac span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c2de8f43f0bac:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c2de8f43f0bac:focus-visible svg,
.c2de8f43f0bac:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c2de8f43f0bac:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c2de8f43f0bac:hover svg,
.c2de8f43f0bac:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c2de8f43f0bac:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c2de8f43f0bac:active svg,
.c2de8f43f0bac:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c943f281c887b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c43490007e57c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c733e0ed7ef0a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c733e0ed7ef0a:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c733e0ed7ef0a:focus-visible svg,
.c733e0ed7ef0a:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c733e0ed7ef0a:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c733e0ed7ef0a:active {
  border: none;
  background-color: transparent;
}

.cb789c7c71692, .cfd3564367c24 svg, .c2e0cebc8d231, .c637d8751039d span svg, .c4ea52b3d41bc button svg, .c4a6b52fbbd13.intermediate svg, .c55331e67f137 label span.intermediate svg, .c4a6b52fbbd13.checked svg, .c55331e67f137 label span.checked svg, .cbc342c4d5755 span svg,
.cbc342c4d5755 label svg, .cd12ee641e908 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cc9152fef9c62 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cc9152fef9c62:hover {
  fill: none;
  stroke: none;
}

.c2e0cebc8d231, .c637d8751039d span svg, .c4ea52b3d41bc button svg, .c4a6b52fbbd13.intermediate svg, .c55331e67f137 label span.intermediate svg, .c4a6b52fbbd13.checked svg, .c55331e67f137 label span.checked svg, .cbc342c4d5755 span svg,
.cbc342c4d5755 label svg, .cd12ee641e908 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c3320df85232d {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c3320df85232d:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cc9a05e1af921, .c200a7ae6b103 input, .cce1ecac6a36f input, .cbc342c4d5755 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cc9a05e1af921, .c200a7ae6b103 input, .cce1ecac6a36f input, .cbc342c4d5755 input {
    height: 23px;
  }
}
.cc9a05e1af921, .c200a7ae6b103 input, .cce1ecac6a36f input, .cbc342c4d5755 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cc9a05e1af921[disabled], .c200a7ae6b103 input[disabled], .cce1ecac6a36f input[disabled], .cbc342c4d5755 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cd12ee641e908 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cc88c366557b6, .cbc342c4d5755 span,
.cbc342c4d5755 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc88c366557b6, .cbc342c4d5755 span,
  .cbc342c4d5755 label {
    height: 25px;
  }
}
.cc88c366557b6, .cbc342c4d5755 span,
.cbc342c4d5755 label {
  color: var(--input-foreground-color);
}

.cbc342c4d5755 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbc342c4d5755 {
    height: 25px;
    font-size: 10px;
  }
}
.cbc342c4d5755 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cbc342c4d5755 span svg,
.cbc342c4d5755 label svg {
  color: var(--input-foreground-color);
}
.cbc342c4d5755 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cbc342c4d5755 ::placeholder {
  color: var(--input-placeholder-color);
}
.cbc342c4d5755:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbc342c4d5755:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cbc342c4d5755:hover span {
  color: var(--input-foreground-color-hover);
}
.cbc342c4d5755:hover input {
  color: var(--input-foreground-color-hover);
}
.cbc342c4d5755:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cbc342c4d5755:active span {
  color: var(--input-foreground-color-active);
}
.cbc342c4d5755:active input {
  color: var(--input-foreground-color-active);
}
.cbc342c4d5755:focus, .cbc342c4d5755:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbc342c4d5755:focus span, .cbc342c4d5755:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cbc342c4d5755:focus input, .cbc342c4d5755:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cbc342c4d5755:focus:hover, .cbc342c4d5755:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbc342c4d5755:focus:hover span, .cbc342c4d5755:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cbc342c4d5755:focus:hover input, .cbc342c4d5755:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cce1ecac6a36f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cce1ecac6a36f input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cce1ecac6a36f ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cce1ecac6a36f ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cce1ecac6a36f:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cce1ecac6a36f:focus-within input, .cce1ecac6a36f:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c8dcc7e1b0462, .c200a7ae6b103.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c8dcc7e1b0462 input, .c200a7ae6b103.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c8dcc7e1b0462 span svg, .c200a7ae6b103.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c4a6b52fbbd13, .c55331e67f137 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c4a6b52fbbd13 svg, .c55331e67f137 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c4a6b52fbbd13:hover, .c55331e67f137 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4a6b52fbbd13:focus, .c55331e67f137 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c4a6b52fbbd13.checked, .c55331e67f137 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c4a6b52fbbd13.checked svg, .c55331e67f137 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c4a6b52fbbd13.intermediate, .c55331e67f137 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c4a6b52fbbd13.intermediate svg, .c55331e67f137 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c4a6b52fbbd13.unchecked, .c55331e67f137 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c4a6b52fbbd13.unchecked svg, .c55331e67f137 label span.unchecked svg {
  display: none;
}

.c55331e67f137 {
  display: flex;
  align-items: center;
}
.c55331e67f137 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c55331e67f137 label input {
  margin: 0;
}
.c55331e67f137 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c55331e67f137 label:focus span, .c55331e67f137 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c200a7ae6b103 {
  display: flex;
  flex-direction: column;
}
.c200a7ae6b103 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c200a7ae6b103 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c200a7ae6b103 input:focus-within input, .c200a7ae6b103 input:active input {
  color: var(--input-foreground-color-active);
}
.c200a7ae6b103 input:focus-within, .c200a7ae6b103 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c200a7ae6b103.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c70d170e173ea {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cf7399873c065 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c9169c541e52a {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cfd3564367c24 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ce911266b9443 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c1b5720bba6b8 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cc3bbd4641925 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c52a3a691250e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c5ccfab77c048 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c3531afbeaaef {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c3531afbeaaef:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c0ccc465ab2a5 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c3049faa386bd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c989966e4a964 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c7156c4b1e15a {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ccad98641fbb2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ccad98641fbb2:hover, .ccad98641fbb2:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c4ea52b3d41bc div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c4ea52b3d41bc button {
  display: none;
}
.c4ea52b3d41bc button svg {
  stroke: var(--icon-foreground);
}
.c4ea52b3d41bc:hover button {
  display: flex;
}

.cf079ac659bdc {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cf079ac659bdc .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cf079ac659bdc .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c8b853d1f704c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c8b853d1f704c:hover div {
  color: var(--entry-foreground-color-hover);
}

.ca0e2d0245299 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c2e23785d6861 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c2e23785d6861:hover {
  background-color: var(--menu-background-color-hover);
}

.c637d8751039d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c637d8751039d span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c637d8751039d span svg {
  stroke: var(--icon-foreground);
}
.c637d8751039d:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c637d8751039d:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cc29ec8a10359 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c66f0b13b2bd1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cc0f193ed6e50,
.c8feda2c4fae1 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cf713c1ac7a34 .cc0f193ed6e50,
.cf713c1ac7a34 .c8feda2c4fae1 {
  transform: scale(1);
}

.c2a28bdf5c73d .cc0f193ed6e50,
.c2a28bdf5c73d .c8feda2c4fae1 {
  transform: scale(0);
}

.c013ae402e62e {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 0.75rem 1rem 0;
}
.c013ae402e62e a:not(.c0b9c4bf46e45):not(.c7156c4b1e15a) {
  color: var(--color-foreground-secondary);
}

.c5a2bf12940ae {
  max-width: 800px;
  color: var(--contrast-text);
  font-size: 1.25rem;
  font-weight: 500;
}
.c5a2bf12940ae h2 {
  font-size: 2rem;
  font-weight: 500;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.c5a2bf12940ae .cbc9251e87df2 {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 1.375rem;
}
.c5a2bf12940ae .cbc9251e87df2 .c09b7e08d6cd9 {
  align-items: center;
  margin-left: 0.25rem;
  display: flex;
}
.c5a2bf12940ae .cbc9251e87df2 .c3a8272e878e1 {
  margin-left: 0.5rem;
}

.c66830efc16db {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 2.25rem 0 2.25rem;
  height: 3.125rem;
  background: var(--f);
  border: none;
  border-radius: 10px;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  line-height: 24px;
  color: var(--color-button-text);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
.c66830efc16db:hover {
  border: 2px solid var(--color-accent-primary);
  color: var(--color-accent-primary);
}
.c66830efc16db:active {
  transform: scale(0.98);
}

.c0e4bc84e44ac {
  min-width: 300px;
  height: 3.125rem;
  padding: 0 1.5625rem 0 1.5625rem;
  background: var(--color-border-secondary);
  border-radius: 10px;
  color: var(--contrast-text);
  font-size: 1.25rem;
}
.c0e4bc84e44ac .c67d7cccd0ad7 {
  color: var(--color-foreground-secondary);
}
.c0e4bc84e44ac .c7962e7f9f221 svg {
  stroke: var(--color-select-text);
}

.c670dc7b5d7b7 {
  background: var(--color-border-secondary);
  padding: 0 1.5625rem 0 1.5625rem;
  border-radius: 10px;
  top: 3.125rem;
  color: var(--contrast-text);
  font-size: 1.25rem;
}
.c670dc7b5d7b7 .cc7775e28eaeb {
  color: var(--contrast-text);
  font-size: 1.25rem;
  font-family: "Tilda Sans", system-ui, sans-serif;
}
.c670dc7b5d7b7 .cc7775e28eaeb .c9622f441a74e {
  color: var(--contrast-text);
  font-size: 1.25rem;
  font-family: "Tilda Sans", system-ui, sans-serif;
}
.c670dc7b5d7b7 .cc7775e28eaeb.c52defc0925c5 .c9622f441a74e {
  color: var(--color-foreground-secondary);
}
.c670dc7b5d7b7 .cc7775e28eaeb:not(.c52defc0925c5) .c9622f441a74e {
  color: var(--color-select-text);
}
.c670dc7b5d7b7 .cc7775e28eaeb:hover .c9622f441a74e {
  color: var(--color-foreground-secondary);
}

.c55d49d297941 {
  position: fixed;
  inset: 0;
  background: rgba(235, 235, 235, 0.2);
  backdrop-filter: blur(7.45px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

.c1648de136be3 {
  background: var(--color-border-secondary);
  border: 6px solid var(--contrast-primary);
  border-radius: 46px;
  padding: 40px 56px;
  width: min(1000px, 90vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.c1648de136be3 form {
  width: 100%;
}

.ce23884282ffe {
  position: absolute;
  top: 24px;
  right: 24px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  transition: background 0.2s ease;
}
.ce23884282ffe:hover {
  background: var(--contrast-input-bg);
}
.ce23884282ffe:hover .ce9a94e18952d {
  color: var(--color-accent-primary);
}

.ce9a94e18952d {
  width: 32px;
  height: 32px;
  color: var(--contrast-text-muted);
}

.c9a8940d5d4e8 {
  font-size: 40px;
  font-weight: 700;
  color: var(--contrast-text);
  margin-bottom: 32px;
}

.ca4ee4e4dbfe5 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 72px;
  background: var(--contrast-input-bg);
  border: 3px solid var(--contrast-border);
  border-radius: 36px;
  padding: 0 4px 0 32px;
  gap: 8px;
}

.cd38d27796ea3 {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin-bottom: 0;
  line-height: 73px;
  color: var(--contrast-text-muted);
  font-family: var(--contrast-font-body);
  font-size: 20px;
  font-weight: 500;
}

.cd38d27796ea3::-moz-placeholder {
  color: var(--contrast-text-muted);
  font-family: var(--contrast-font-body);
  font-size: 20px;
  font-weight: 500;
}

.cd38d27796ea3::placeholder {
  color: var(--contrast-text-muted);
  font-family: var(--contrast-font-body);
  font-size: 20px;
  font-weight: 500;
}

.c85ed83a700eb {
  height: 58px;
  padding: 0 3.125rem 0 3.125rem;
  background: var(--contrast-primary);
  border: none;
  border-radius: 29px;
  color: var(--contrast-text);
  font-family: var(--contrast-font-body);
  font-size: 26px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 24px;
}

.c85ed83a700eb:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.cc6da13b29cd8 {
  margin-top: 16px;
  color: #ff6b6b;
  font-size: 16px;
  width: 100%;
  max-width: 600px;
  text-align: left;
}

.cf227a264c6a8 {
  font-size: 32px;
  font-weight: 700;
  color: var(--contrast-text);
  margin-bottom: 12px;
  margin-top: 20px;
  text-align: сenter;
  width: 100%;
}

.c1846f270d696 {
  font-size: 20px;
  font-weight: 500;
  color: var(--contrast-text);
  line-height: 26px;
  text-align: left;
  width: 100%;
  margin-bottom: 24px;
}

.c96d35a893707 {
  width: 100%;
  margin-top: 20px;
  max-height: 400px;
  overflow-y: auto;
  margin-bottom: 24px;
  padding-right: 8px;
}
.c96d35a893707::-webkit-scrollbar {
  width: 13px;
}
.c96d35a893707::-webkit-scrollbar-track {
  background: var(--contrast-input-bg);
  border-radius: 10px;
}
.c96d35a893707::-webkit-scrollbar-thumb {
  background: var(--contrast-text-muted);
  border-radius: 10px;
}

.caba4f3e41d1a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 16px;
}

.c31e0adf208c3 {
  background: #535353;
  border: 2px solid #47FECE;
  border-radius: 60px;
  padding: 8px 20px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  font-family: var(--contrast-font-body);
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  transition: all 0.2s ease;
}
.c31e0adf208c3:hover {
  background: #606060;
}
.c31e0adf208c3::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #FFFFFF;
  border-bottom: 1.5px solid #FFFFFF;
  transform: rotate(45deg);
  margin-left: 4px;
}

.c4b08cddc6ef7 {
  position: relative;
}

.c2b3a78ab8849 {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  width: 313px;
  background: #535353;
  border-radius: 10px;
  padding: 13px 0;
  z-index: 10;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.cd4588f6f54ca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #D1D1D1;
  padding: 10px 25px;
  cursor: pointer;
  transition: color 0.2s ease;
}
.cd4588f6f54ca:hover {
  color: #FFFFFF;
}
.cd4588f6f54ca.ccb8f1e35c289 {
  color: #FFFFFF;
  position: relative;
}
.cd4588f6f54ca.ccb8f1e35c289::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M1 5.5L5.5 11L15 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
}

.cb2fc73a46f34 {
  display: flex;
  align-items: center;
  background: var(--contrast-input-bg);
  border: 2px solid var(--contrast-primary);
  border-radius: 60px;
  padding: 8px 16px;
  gap: 8px;
}
.cb2fc73a46f34 input {
  background: transparent;
  border: none;
  outline: none;
  color: var(--contrast-text);
  font-size: 16px;
  font-family: var(--contrast-font-body);
  width: 150px;
}
.cb2fc73a46f34 input::-moz-placeholder {
  color: var(--contrast-text-muted);
}
.cb2fc73a46f34 input::placeholder {
  color: var(--contrast-text-muted);
}

.c010394683dec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--contrast-input-bg);
  border: 2px solid var(--contrast-primary);
  border-radius: 60px;
  padding: 0 5px 0 20px;
  height: 63px;
  margin-bottom: 18px;
}
.c010394683dec.cce1690cec642 {
  background: var(--contrast-secondary);
}
.c010394683dec.cce1690cec642 .cd2b286afaf31 {
  color: var(--contrast-text);
}
.c010394683dec.cce1690cec642 .c0e2b532b4e79 {
  color: var(--contrast-text);
}

.cd2b286afaf31 {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  font-weight: 500;
  color: var(--contrast-text);
  line-height: 24px;
}

.c5e0185c3522e {
  margin-left: 0.25rem;
}

.c0e2b532b4e79 {
  font-size: 14px;
  font-weight: 500;
  color: var(--contrast-text-muted);
  line-height: 17px;
}

.c020cd343f59c, .c41becce58ec2, .c713cfeee63bd {
  background: var(--contrast-input-bg);
  border: 2px solid var(--contrast-primary);
  border-radius: 60px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  font-family: var(--contrast-font-body);
  min-width: 100px;
  text-align: center;
}

.c713cfeee63bd {
  background: var(--contrast-primary);
}

.c41becce58ec2 {
  background: var(--contrast-secondary);
  color: var(--contrast-text);
}

.c2dcde5ba0e60 {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
  width: 100%;
}

.c8a027270b91f {
  background: var(--contrast-input-bg);
  border: 2px solid var(--contrast-primary);
  border-radius: 10px;
  padding: 13px 32px;
  color: var(--contrast-primary);
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  font-family: var(--contrast-font-body);
}

.cd65d98ecdf49 {
  background: var(--contrast-primary);
  border: none;
  border-radius: 10px;
  padding: 13px 32px;
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  font-family: var(--contrast-font-body);
}

.c5d9e49cc4741 {
  justify-content: space-between;
  display: flex;
  margin-top: 20px;
  align-items: center;
}

.c94bbf029157b {
  display: flex;
  align-items: center;
}

.c88f8cf75dd1c, .c83501e1c47fd {
  color: var(--contrast-text);
  font-size: 20px;
  font-weight: 500;
  font-family: var(--contrast-font-body);
}

.c83501e1c47fd {
  color: var(--status-color-error-500);
}

.ce6027b5b4a5c {
  background: #2E3434;
  border-radius: 20px;
  padding: 31px 20px;
  margin: var(--sp-m);
}

.cee89e3da728b {
  display: flex;
  flex-direction: column;
}

.cbae0e9713079 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
}

.c2751ba37dada {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  margin-top: 8px;
}

.cb46c7a4bca32 {
  border: 1px solid #535353;
  border-radius: 0.689655px;
  margin: 15px 0;
}

.cffd75ff2ccaa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
}

.cf3a01940ef16 {
  background: rgba(105, 178, 159, 0.16);
  border-radius: 15px;
  padding: 8px 24px;
  border: none;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #47FECE;
  cursor: pointer;
  margin-top: 15px;
  display: block;
  margin-left: auto;
  transition: background 0.2s ease;
}
.cf3a01940ef16:hover {
  background: rgba(105, 178, 159, 0.25);
}
@keyframes ca70e9b01752a {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c984c8da14a17 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c984c8da14a17:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c984c8da14a17 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c984c8da14a17 ::-webkit-scrollbar-track,
.c984c8da14a17 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c984c8da14a17 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c984c8da14a17 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c984c8da14a17 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c984c8da14a17 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c984c8da14a17 ::placeholder,
.c984c8da14a17 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c6447d65c9e42, .c50a474a753a5, .ca162e82917d6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c6447d65c9e42 svg, .c50a474a753a5 svg, .ca162e82917d6 svg,
.c6447d65c9e42 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c6447d65c9e42:focus-visible, .c50a474a753a5:focus-visible, .ca162e82917d6:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c6447d65c9e42:focus-visible svg, .c50a474a753a5:focus-visible svg, .ca162e82917d6:focus-visible svg,
.c6447d65c9e42:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c6447d65c9e42:hover, .c50a474a753a5:hover, .ca162e82917d6:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c6447d65c9e42:hover svg, .c50a474a753a5:hover svg, .ca162e82917d6:hover svg,
.c6447d65c9e42:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c6447d65c9e42:active, .c50a474a753a5:active, .ca162e82917d6:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c6447d65c9e42:active svg, .c50a474a753a5:active svg, .ca162e82917d6:active svg,
.c6447d65c9e42:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c6447d65c9e42.disabled, .c50a474a753a5.disabled, .ca162e82917d6.disabled, .c6447d65c9e42[disabled], [disabled].c50a474a753a5, [disabled].ca162e82917d6, .c6447d65c9e42:disabled, .c50a474a753a5:disabled, .ca162e82917d6:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbbd93fad326d, .c5be9aedb57ae {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cbbd93fad326d svg, .c5be9aedb57ae svg,
.cbbd93fad326d span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cbbd93fad326d:focus-visible, .c5be9aedb57ae:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cbbd93fad326d:focus-visible svg, .c5be9aedb57ae:focus-visible svg,
.cbbd93fad326d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cbbd93fad326d:hover, .c5be9aedb57ae:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cbbd93fad326d:hover svg, .c5be9aedb57ae:hover svg,
.cbbd93fad326d:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cbbd93fad326d:active, .c5be9aedb57ae:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cbbd93fad326d:active svg, .c5be9aedb57ae:active svg,
.cbbd93fad326d:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cbbd93fad326d.disabled, .c5be9aedb57ae.disabled, .cbbd93fad326d[disabled], [disabled].c5be9aedb57ae, .cbbd93fad326d:disabled, .c5be9aedb57ae:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c65bd59910d6f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c65bd59910d6f svg,
.c65bd59910d6f span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c65bd59910d6f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c65bd59910d6f:focus-visible svg,
.c65bd59910d6f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c65bd59910d6f:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c65bd59910d6f:hover svg,
.c65bd59910d6f:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c65bd59910d6f:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c65bd59910d6f:active svg,
.c65bd59910d6f:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c65bd59910d6f.disabled, .c65bd59910d6f[disabled], .c65bd59910d6f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c689d39343ba2, .c7e3c5b049e1f button, .c730f917e1fa5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c689d39343ba2 svg, .c7e3c5b049e1f button svg, .c730f917e1fa5 svg,
.c689d39343ba2 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c689d39343ba2:focus-visible, .c7e3c5b049e1f button:focus-visible, .c730f917e1fa5:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c689d39343ba2:focus-visible svg, .c7e3c5b049e1f button:focus-visible svg, .c730f917e1fa5:focus-visible svg,
.c689d39343ba2:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c689d39343ba2:hover, .c7e3c5b049e1f button:hover, .c730f917e1fa5:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c689d39343ba2:hover svg, .c7e3c5b049e1f button:hover svg, .c730f917e1fa5:hover svg,
.c689d39343ba2:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c689d39343ba2:active, .c7e3c5b049e1f button:active, .c730f917e1fa5:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c689d39343ba2:active svg, .c7e3c5b049e1f button:active svg, .c730f917e1fa5:active svg,
.c689d39343ba2:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c689d39343ba2.disabled, .c7e3c5b049e1f button.disabled, .c730f917e1fa5.disabled, .c689d39343ba2[disabled], .c7e3c5b049e1f button[disabled], [disabled].c730f917e1fa5, .c689d39343ba2:disabled, .c7e3c5b049e1f button:disabled, .c730f917e1fa5:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c689d39343ba2.disabled svg, .c7e3c5b049e1f button.disabled svg, .c730f917e1fa5.disabled svg,
.c689d39343ba2.disabled span svg, .c689d39343ba2[disabled] svg, .c7e3c5b049e1f button[disabled] svg, [disabled].c730f917e1fa5 svg,
.c689d39343ba2[disabled] span svg, .c689d39343ba2:disabled svg, .c7e3c5b049e1f button:disabled svg, .c730f917e1fa5:disabled svg,
.c689d39343ba2:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c8cc3627815f6 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c8cc3627815f6 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cfe8f9563db47 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cfe8f9563db47 svg,
.cfe8f9563db47 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cfe8f9563db47:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cfe8f9563db47:focus-visible svg,
.cfe8f9563db47:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cfe8f9563db47:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cfe8f9563db47:hover svg,
.cfe8f9563db47:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cfe8f9563db47:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cfe8f9563db47:active svg,
.cfe8f9563db47:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c7d8b5a3aeb3e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cc2c7a4ec32dd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c954de3cc9fad {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c954de3cc9fad:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c954de3cc9fad:focus-visible svg,
.c954de3cc9fad:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c954de3cc9fad:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c954de3cc9fad:active {
  border: none;
  background-color: transparent;
}

.c813c695be0a7, .c730f917e1fa5 svg, .c144d13acf4ca, .c224cb68c23db span svg, .c7e3c5b049e1f button svg, .cda0e3e32460c.intermediate svg, .c7b797645294f label span.intermediate svg, .cda0e3e32460c.checked svg, .c7b797645294f label span.checked svg, .c203f8c7bf20f span svg,
.c203f8c7bf20f label svg, .c261bea403157 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cf68fc220ec3f {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cf68fc220ec3f:hover {
  fill: none;
  stroke: none;
}

.c144d13acf4ca, .c224cb68c23db span svg, .c7e3c5b049e1f button svg, .cda0e3e32460c.intermediate svg, .c7b797645294f label span.intermediate svg, .cda0e3e32460c.checked svg, .c7b797645294f label span.checked svg, .c203f8c7bf20f span svg,
.c203f8c7bf20f label svg, .c261bea403157 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ccf864adde7c7 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ccf864adde7c7:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c820d1a5210a1, .cde590b24ab65 input, .c990b45af190c input, .c203f8c7bf20f input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c820d1a5210a1, .cde590b24ab65 input, .c990b45af190c input, .c203f8c7bf20f input {
    height: 23px;
  }
}
.c820d1a5210a1, .cde590b24ab65 input, .c990b45af190c input, .c203f8c7bf20f input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c820d1a5210a1[disabled], .cde590b24ab65 input[disabled], .c990b45af190c input[disabled], .c203f8c7bf20f input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c261bea403157 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cc3d0176c0f61, .c203f8c7bf20f span,
.c203f8c7bf20f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc3d0176c0f61, .c203f8c7bf20f span,
  .c203f8c7bf20f label {
    height: 25px;
  }
}
.cc3d0176c0f61, .c203f8c7bf20f span,
.c203f8c7bf20f label {
  color: var(--input-foreground-color);
}

.c203f8c7bf20f {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c203f8c7bf20f {
    height: 25px;
    font-size: 10px;
  }
}
.c203f8c7bf20f {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c203f8c7bf20f span svg,
.c203f8c7bf20f label svg {
  color: var(--input-foreground-color);
}
.c203f8c7bf20f ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c203f8c7bf20f ::placeholder {
  color: var(--input-placeholder-color);
}
.c203f8c7bf20f:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c203f8c7bf20f:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c203f8c7bf20f:hover span {
  color: var(--input-foreground-color-hover);
}
.c203f8c7bf20f:hover input {
  color: var(--input-foreground-color-hover);
}
.c203f8c7bf20f:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c203f8c7bf20f:active span {
  color: var(--input-foreground-color-active);
}
.c203f8c7bf20f:active input {
  color: var(--input-foreground-color-active);
}
.c203f8c7bf20f:focus, .c203f8c7bf20f:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c203f8c7bf20f:focus span, .c203f8c7bf20f:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c203f8c7bf20f:focus input, .c203f8c7bf20f:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c203f8c7bf20f:focus:hover, .c203f8c7bf20f:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c203f8c7bf20f:focus:hover span, .c203f8c7bf20f:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c203f8c7bf20f:focus:hover input, .c203f8c7bf20f:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c990b45af190c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c990b45af190c input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c990b45af190c ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c990b45af190c ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c990b45af190c:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c990b45af190c:focus-within input, .c990b45af190c:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c6281d386646e, .cde590b24ab65.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c6281d386646e input, .cde590b24ab65.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c6281d386646e span svg, .cde590b24ab65.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cda0e3e32460c, .c7b797645294f label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cda0e3e32460c svg, .c7b797645294f label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cda0e3e32460c:hover, .c7b797645294f label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cda0e3e32460c:focus, .c7b797645294f label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cda0e3e32460c.checked, .c7b797645294f label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cda0e3e32460c.checked svg, .c7b797645294f label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cda0e3e32460c.intermediate, .c7b797645294f label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cda0e3e32460c.intermediate svg, .c7b797645294f label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cda0e3e32460c.unchecked, .c7b797645294f label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cda0e3e32460c.unchecked svg, .c7b797645294f label span.unchecked svg {
  display: none;
}

.c7b797645294f {
  display: flex;
  align-items: center;
}
.c7b797645294f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c7b797645294f label input {
  margin: 0;
}
.c7b797645294f label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c7b797645294f label:focus span, .c7b797645294f label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cde590b24ab65 {
  display: flex;
  flex-direction: column;
}
.cde590b24ab65 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cde590b24ab65 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cde590b24ab65 input:focus-within input, .cde590b24ab65 input:active input {
  color: var(--input-foreground-color-active);
}
.cde590b24ab65 input:focus-within, .cde590b24ab65 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cde590b24ab65.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c77cbab938e9c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c137ce43d297c {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c4c8d19c0a8ff {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c730f917e1fa5 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cd8aed3aebc30 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c9c8e4b109063 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c5be9aedb57ae {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ca162e82917d6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c50a474a753a5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cee514bd9841d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cee514bd9841d:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c47d18b68b544 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c2b81448e14c8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cb4bce067d709 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cfd56ffa10afe {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c2246fadf884d {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c2246fadf884d:hover, .c2246fadf884d:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c7e3c5b049e1f div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c7e3c5b049e1f button {
  display: none;
}
.c7e3c5b049e1f button svg {
  stroke: var(--icon-foreground);
}
.c7e3c5b049e1f:hover button {
  display: flex;
}

.c424702f6f055 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c424702f6f055 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c424702f6f055 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c82c62c03a379 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c82c62c03a379:hover div {
  color: var(--entry-foreground-color-hover);
}

.ccb4fa85c34de {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c4801d79426c2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c4801d79426c2:hover {
  background-color: var(--menu-background-color-hover);
}

.c224cb68c23db {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c224cb68c23db span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c224cb68c23db span svg {
  stroke: var(--icon-foreground);
}
.c224cb68c23db:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c224cb68c23db:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c3822b94a2190 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c32a8adb6b65f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c070f10e1ca45,
.cfbf330d7aeed {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ca4f2ce74687a .c070f10e1ca45,
.ca4f2ce74687a .cfbf330d7aeed {
  transform: scale(1);
}

.ccfe47c526211 .c070f10e1ca45,
.ccfe47c526211 .cfbf330d7aeed {
  transform: scale(0);
}

.c54c3fd71f9c6 {
  display: flex;
  width: 100%;
  padding: 0.75rem 1rem 0;
  justify-content: center;
}

.c380b3eb7f1a2 {
  width: 100%;
  max-width: 640px;
  color: var(--contrast-text);
  font-size: 1.25rem;
}
.c380b3eb7f1a2 h2 {
  font-size: 2rem;
  font-weight: 500;
  color: var(--contrast-text);
  margin: 1rem 0.625rem 1.5rem 0.625rem;
}

.cddd520c1b1c3 {
  border: 2px dashed var(--contrast-primary);
  border-radius: 20px;
  padding: 1.5rem;
  text-align: center;
  margin-bottom: 1.5rem;
}

.c32ea1e7a6f52 {
  color: var(--contrast-text-muted);
  font-size: 1rem;
  font-family: var(--contrast-font-body);
  margin-bottom: 0.75rem;
}

.c650053784dfc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 2.25rem;
  height: 3.125rem;
  background: var(--contrast-primary);
  border: none;
  border-radius: 10px;
  font-family: var(--contrast-font-body);
  font-size: 1.25rem;
  color: #000000;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.c650053784dfc:hover {
  opacity: 0.85;
}

.c0d96c55ceb36 {
  opacity: 0.6;
  cursor: not-allowed;
}

.cbfe4eb20bf2a {
  margin-top: 0.75rem;
  color: var(--status-color-error-500);
  font-size: 0.875rem;
  font-family: var(--contrast-font-body);
}

.c427aea8259d0 {
  margin-top: 0.75rem;
  color: var(--status-color-success-500);
  font-size: 0.875rem;
  font-family: var(--contrast-font-body);
}

.c4fc7ecad4a81 {
  font-family: var(--contrast-font-body);
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
  color: var(--contrast-text-muted);
}

.cdbf1accb93fd {
  color: var(--contrast-text-muted);
  font-size: 1rem;
  font-family: var(--contrast-font-body);
}

.c0a8c89725e84 {
  color: var(--contrast-text-muted);
  font-size: 1rem;
  font-family: var(--contrast-font-body);
  padding: 1rem;
  text-align: center;
}

.c0a76a5006303 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--contrast-input-bg);
  border: 2px solid var(--contrast-primary);
  border-radius: 60px;
  padding: 0 5px 0 10px;
  min-height: 70px;
  margin-bottom: 18px;
  gap: 0.75rem;
}

.ccf94f3ca3fcd {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.c951467c50e35 {
  flex: 1;
  min-width: 0;
  padding: 0.5rem 0;
}

.c93a02dfdfa9f {
  font-family: var(--contrast-font-body);
  font-size: 1rem;
  font-weight: 500;
  color: var(--contrast-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c1be0ddfc2d4b {
  font-family: var(--contrast-font-body);
  font-size: 0.75rem;
  color: var(--contrast-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c0a1cf51ad772 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

.c8f3dc63c16dd {
  background: var(--contrast-input-bg);
  border: 1px solid var(--contrast-primary);
  color: var(--contrast-text-muted);
  padding: 2px 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.688rem;
  font-family: var(--contrast-font-body);
}

.cebf2b5ea3597 {
  background: var(--contrast-input-bg);
  border: 2px solid var(--contrast-primary);
  border-radius: 60px;
  padding: 10px 24px;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: var(--contrast-font-body);
  color: var(--contrast-text);
  flex-shrink: 0;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.cebf2b5ea3597:hover:not(:disabled) {
  border-color: var(--status-color-error-500);
  color: var(--status-color-error-500);
}
.cebf2b5ea3597:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@keyframes c440d2eff68aa {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c8109b6ede24a {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c8109b6ede24a:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c8109b6ede24a ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c8109b6ede24a ::-webkit-scrollbar-track,
.c8109b6ede24a ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c8109b6ede24a ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c8109b6ede24a ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c8109b6ede24a ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8109b6ede24a ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8109b6ede24a ::placeholder,
.c8109b6ede24a ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cd08cf741d993, .ca55c1103d14a, .ca09033b746c4, .cf883a62fa5d6, .ceb184667ec28 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cd08cf741d993 svg, .ca55c1103d14a svg, .ca09033b746c4 svg, .cf883a62fa5d6 svg, .ceb184667ec28 svg,
.cd08cf741d993 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cd08cf741d993:focus-visible, .ca55c1103d14a:focus-visible, .ca09033b746c4:focus-visible, .cf883a62fa5d6:focus-visible, .ceb184667ec28:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cd08cf741d993:focus-visible svg, .ca55c1103d14a:focus-visible svg, .ca09033b746c4:focus-visible svg, .cf883a62fa5d6:focus-visible svg, .ceb184667ec28:focus-visible svg,
.cd08cf741d993:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cd08cf741d993:hover, .ca55c1103d14a:hover, .ca09033b746c4:hover, .cf883a62fa5d6:hover, .ceb184667ec28:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cd08cf741d993:hover svg, .ca55c1103d14a:hover svg, .ca09033b746c4:hover svg, .cf883a62fa5d6:hover svg, .ceb184667ec28:hover svg,
.cd08cf741d993:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cd08cf741d993:active, .ca55c1103d14a:active, .ca09033b746c4:active, .cf883a62fa5d6:active, .ceb184667ec28:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cd08cf741d993:active svg, .ca55c1103d14a:active svg, .ca09033b746c4:active svg, .cf883a62fa5d6:active svg, .ceb184667ec28:active svg,
.cd08cf741d993:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cd08cf741d993.disabled, .ca55c1103d14a.disabled, .ca09033b746c4.disabled, .cf883a62fa5d6.disabled, .ceb184667ec28.disabled, .cd08cf741d993[disabled], [disabled].ca55c1103d14a, [disabled].ca09033b746c4, [disabled].cf883a62fa5d6, [disabled].ceb184667ec28, .cd08cf741d993:disabled, .ca55c1103d14a:disabled, .ca09033b746c4:disabled, .cf883a62fa5d6:disabled, .ceb184667ec28:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6594bfb546dc, .c2314ec4228df, .c411e0edef5e9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c6594bfb546dc svg, .c2314ec4228df svg, .c411e0edef5e9 svg,
.c6594bfb546dc span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c6594bfb546dc:focus-visible, .c2314ec4228df:focus-visible, .c411e0edef5e9:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c6594bfb546dc:focus-visible svg, .c2314ec4228df:focus-visible svg, .c411e0edef5e9:focus-visible svg,
.c6594bfb546dc:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c6594bfb546dc:hover, .c2314ec4228df:hover, .c411e0edef5e9:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c6594bfb546dc:hover svg, .c2314ec4228df:hover svg, .c411e0edef5e9:hover svg,
.c6594bfb546dc:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c6594bfb546dc:active, .c2314ec4228df:active, .c411e0edef5e9:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c6594bfb546dc:active svg, .c2314ec4228df:active svg, .c411e0edef5e9:active svg,
.c6594bfb546dc:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c6594bfb546dc.disabled, .c2314ec4228df.disabled, .c411e0edef5e9.disabled, .c6594bfb546dc[disabled], [disabled].c2314ec4228df, [disabled].c411e0edef5e9, .c6594bfb546dc:disabled, .c2314ec4228df:disabled, .c411e0edef5e9:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c05315469b600 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c05315469b600 svg,
.c05315469b600 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c05315469b600:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c05315469b600:focus-visible svg,
.c05315469b600:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c05315469b600:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c05315469b600:hover svg,
.c05315469b600:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c05315469b600:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c05315469b600:active svg,
.c05315469b600:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c05315469b600.disabled, .c05315469b600[disabled], .c05315469b600:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce070a95ccbc8, .c6875172d04a0 button, .cb783e9642bbe {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ce070a95ccbc8 svg, .c6875172d04a0 button svg, .cb783e9642bbe svg,
.ce070a95ccbc8 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ce070a95ccbc8:focus-visible, .c6875172d04a0 button:focus-visible, .cb783e9642bbe:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ce070a95ccbc8:focus-visible svg, .c6875172d04a0 button:focus-visible svg, .cb783e9642bbe:focus-visible svg,
.ce070a95ccbc8:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ce070a95ccbc8:hover, .c6875172d04a0 button:hover, .cb783e9642bbe:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ce070a95ccbc8:hover svg, .c6875172d04a0 button:hover svg, .cb783e9642bbe:hover svg,
.ce070a95ccbc8:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ce070a95ccbc8:active, .c6875172d04a0 button:active, .cb783e9642bbe:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ce070a95ccbc8:active svg, .c6875172d04a0 button:active svg, .cb783e9642bbe:active svg,
.ce070a95ccbc8:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ce070a95ccbc8.disabled, .c6875172d04a0 button.disabled, .cb783e9642bbe.disabled, .ce070a95ccbc8[disabled], .c6875172d04a0 button[disabled], [disabled].cb783e9642bbe, .ce070a95ccbc8:disabled, .c6875172d04a0 button:disabled, .cb783e9642bbe:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ce070a95ccbc8.disabled svg, .c6875172d04a0 button.disabled svg, .cb783e9642bbe.disabled svg,
.ce070a95ccbc8.disabled span svg, .ce070a95ccbc8[disabled] svg, .c6875172d04a0 button[disabled] svg, [disabled].cb783e9642bbe svg,
.ce070a95ccbc8[disabled] span svg, .ce070a95ccbc8:disabled svg, .c6875172d04a0 button:disabled svg, .cb783e9642bbe:disabled svg,
.ce070a95ccbc8:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c3c2a3d05b403 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c3c2a3d05b403 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c32e80140b205 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c32e80140b205 svg,
.c32e80140b205 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c32e80140b205:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c32e80140b205:focus-visible svg,
.c32e80140b205:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c32e80140b205:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c32e80140b205:hover svg,
.c32e80140b205:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c32e80140b205:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c32e80140b205:active svg,
.c32e80140b205:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c84b377082add {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7721bc9bf43d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c096ae45a7ad6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c096ae45a7ad6:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c096ae45a7ad6:focus-visible svg,
.c096ae45a7ad6:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c096ae45a7ad6:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c096ae45a7ad6:active {
  border: none;
  background-color: transparent;
}

.ce36363041138, .cb783e9642bbe svg, .c431fbca52dca, .c6036493aab4c span svg, .c6875172d04a0 button svg, .c234fe52b845a.intermediate svg, .ca6c94205573b label span.intermediate svg, .c234fe52b845a.checked svg, .ca6c94205573b label span.checked svg, .cbddcaa34dedc span svg,
.cbddcaa34dedc label svg, .c423725d43dc3 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c6130d42c2001 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c6130d42c2001:hover {
  fill: none;
  stroke: none;
}

.c431fbca52dca, .c6036493aab4c span svg, .c6875172d04a0 button svg, .c234fe52b845a.intermediate svg, .ca6c94205573b label span.intermediate svg, .c234fe52b845a.checked svg, .ca6c94205573b label span.checked svg, .cbddcaa34dedc span svg,
.cbddcaa34dedc label svg, .c423725d43dc3 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c78fbe1632aee {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c78fbe1632aee:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ca68e3f9f3e7b, .c9b3c0ca03e20 input, .c60a087c8d50c input, .cbddcaa34dedc input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ca68e3f9f3e7b, .c9b3c0ca03e20 input, .c60a087c8d50c input, .cbddcaa34dedc input {
    height: 23px;
  }
}
.ca68e3f9f3e7b, .c9b3c0ca03e20 input, .c60a087c8d50c input, .cbddcaa34dedc input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ca68e3f9f3e7b[disabled], .c9b3c0ca03e20 input[disabled], .c60a087c8d50c input[disabled], .cbddcaa34dedc input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c423725d43dc3 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c583a66f08558, .cbddcaa34dedc span,
.cbddcaa34dedc label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c583a66f08558, .cbddcaa34dedc span,
  .cbddcaa34dedc label {
    height: 25px;
  }
}
.c583a66f08558, .cbddcaa34dedc span,
.cbddcaa34dedc label {
  color: var(--input-foreground-color);
}

.cbddcaa34dedc {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbddcaa34dedc {
    height: 25px;
    font-size: 10px;
  }
}
.cbddcaa34dedc {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cbddcaa34dedc span svg,
.cbddcaa34dedc label svg {
  color: var(--input-foreground-color);
}
.cbddcaa34dedc ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cbddcaa34dedc ::placeholder {
  color: var(--input-placeholder-color);
}
.cbddcaa34dedc:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbddcaa34dedc:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cbddcaa34dedc:hover span {
  color: var(--input-foreground-color-hover);
}
.cbddcaa34dedc:hover input {
  color: var(--input-foreground-color-hover);
}
.cbddcaa34dedc:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cbddcaa34dedc:active span {
  color: var(--input-foreground-color-active);
}
.cbddcaa34dedc:active input {
  color: var(--input-foreground-color-active);
}
.cbddcaa34dedc:focus, .cbddcaa34dedc:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbddcaa34dedc:focus span, .cbddcaa34dedc:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cbddcaa34dedc:focus input, .cbddcaa34dedc:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cbddcaa34dedc:focus:hover, .cbddcaa34dedc:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbddcaa34dedc:focus:hover span, .cbddcaa34dedc:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cbddcaa34dedc:focus:hover input, .cbddcaa34dedc:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c60a087c8d50c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c60a087c8d50c input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c60a087c8d50c ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c60a087c8d50c ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c60a087c8d50c:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c60a087c8d50c:focus-within input, .c60a087c8d50c:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c3fc477d61b82, .c9b3c0ca03e20.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c3fc477d61b82 input, .c9b3c0ca03e20.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c3fc477d61b82 span svg, .c9b3c0ca03e20.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c234fe52b845a, .ca6c94205573b label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c234fe52b845a svg, .ca6c94205573b label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c234fe52b845a:hover, .ca6c94205573b label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c234fe52b845a:focus, .ca6c94205573b label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c234fe52b845a.checked, .ca6c94205573b label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c234fe52b845a.checked svg, .ca6c94205573b label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c234fe52b845a.intermediate, .ca6c94205573b label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c234fe52b845a.intermediate svg, .ca6c94205573b label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c234fe52b845a.unchecked, .ca6c94205573b label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c234fe52b845a.unchecked svg, .ca6c94205573b label span.unchecked svg {
  display: none;
}

.ca6c94205573b {
  display: flex;
  align-items: center;
}
.ca6c94205573b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ca6c94205573b label input {
  margin: 0;
}
.ca6c94205573b label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca6c94205573b label:focus span, .ca6c94205573b label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c9b3c0ca03e20 {
  display: flex;
  flex-direction: column;
}
.c9b3c0ca03e20 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c9b3c0ca03e20 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c9b3c0ca03e20 input:focus-within input, .c9b3c0ca03e20 input:active input {
  color: var(--input-foreground-color-active);
}
.c9b3c0ca03e20 input:focus-within, .c9b3c0ca03e20 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c9b3c0ca03e20.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c64f8b37a69a3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c5864c43ca00d {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c279da4599780 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cb783e9642bbe {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cd13d00b303f1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ce9938e7e6845 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c411e0edef5e9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ceb184667ec28 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cf883a62fa5d6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cd77266f9e4b3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cd77266f9e4b3:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c4c0e374aa123 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c996534545bc5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c8b13ac80d69e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cb625fb71c0cb {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c6f2c591cd4ba {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c6f2c591cd4ba:hover, .c6f2c591cd4ba:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c6875172d04a0 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c6875172d04a0 button {
  display: none;
}
.c6875172d04a0 button svg {
  stroke: var(--icon-foreground);
}
.c6875172d04a0:hover button {
  display: flex;
}

.cfb0b6dc1e045 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cfb0b6dc1e045 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cfb0b6dc1e045 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c0e83b5f58829 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c0e83b5f58829:hover div {
  color: var(--entry-foreground-color-hover);
}

.c7c78e129eb51 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c415600259e70 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c415600259e70:hover {
  background-color: var(--menu-background-color-hover);
}

.c6036493aab4c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c6036493aab4c span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c6036493aab4c span svg {
  stroke: var(--icon-foreground);
}
.c6036493aab4c:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c6036493aab4c:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce7a184b46058 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c61e40dea2862 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c6ae0a21020e0,
.c11add7f0f2e6 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c6c5eaa599426 .c6ae0a21020e0,
.c6c5eaa599426 .c11add7f0f2e6 {
  transform: scale(1);
}

.c26b4fae2ba92 .c6ae0a21020e0,
.c26b4fae2ba92 .c11add7f0f2e6 {
  transform: scale(0);
}

.cf9565ceb39a3 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 0.75rem 1rem 0;
}
.cf9565ceb39a3 a:not(.cd08cf741d993):not(.ca55c1103d14a):not(.ca09033b746c4):not(.cb625fb71c0cb) {
  color: var(--color-foreground-secondary);
}

.cc1713ea77010 {
  display: flex;
  flex-direction: column;
  flex: 1 1 300px;
  max-width: 510px;
  width: 100%;
  margin: 0 0 2.5rem 0;
  --input-width: min(510px, 100%);
}
.cc1713ea77010 form {
  display: flex;
  flex-direction: column;
}
.cc1713ea77010 form .c2314ec4228df {
  width: 100%;
  font-size: 0.688rem;
  text-transform: uppercase;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}
.cc1713ea77010 form .c2314ec4228df:hover {
  color: var(--color-accent-primary);
  background-color: var(--color-background-quaternary);
}
.cc1713ea77010 form hr {
  display: none;
}
.cc1713ea77010 .c009e7e48cca2 {
  --input-height: 2.5rem;
  --control-height: 2.5rem;
  margin-bottom: 1.25rem;
  flex-direction: column;
}
.cc1713ea77010 .c009e7e48cca2 .c711b99855df5 {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
.cc1713ea77010 .cbc7e84d63800 {
  margin-bottom: 1.25rem;
}
.cc1713ea77010 .c1c435aec4a3b {
  color: var(--color-foreground-primary);
}
.cc1713ea77010 .c1c435aec4a3b:not(:first-child) {
  margin-top: 4rem;
}
.cc1713ea77010 .c1c7ffb86ecea {
  color: var(--color-foreground-secondary);
}
.cc1713ea77010 .c98ab67f9ebd0,
.cc1713ea77010 .c0fb81585227b {
  flex-direction: column-reverse;
  height: 2.5rem;
}
.cc1713ea77010 .c98ab67f9ebd0 label,
.cc1713ea77010 .c0fb81585227b label {
  position: relative;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
  font-size: 0.688rem;
  margin-bottom: 0.75rem;
  margin-left: -0.25rem;
}
.cc1713ea77010 .c98ab67f9ebd0 input,
.cc1713ea77010 .c98ab67f9ebd0 select,
.cc1713ea77010 .c0fb81585227b input,
.cc1713ea77010 .c0fb81585227b select {
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  border-color: transparent;
  color: var(--color-foreground-primary);
  padding: 0 1rem;
}
.cc1713ea77010 .c98ab67f9ebd0 input:focus,
.cc1713ea77010 .c98ab67f9ebd0 select:focus,
.cc1713ea77010 .c0fb81585227b input:focus,
.cc1713ea77010 .c0fb81585227b select:focus {
  outline: 1px solid var(--color-accent-primary);
}
.cc1713ea77010 .c98ab67f9ebd0 input ::-moz-placeholder, .cc1713ea77010 .c98ab67f9ebd0 select ::-moz-placeholder, .cc1713ea77010 .c0fb81585227b input ::-moz-placeholder, .cc1713ea77010 .c0fb81585227b select ::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.cc1713ea77010 .c98ab67f9ebd0 input ::placeholder,
.cc1713ea77010 .c98ab67f9ebd0 select ::placeholder,
.cc1713ea77010 .c0fb81585227b input ::placeholder,
.cc1713ea77010 .c0fb81585227b select ::placeholder {
  color: var(--color-foreground-secondary);
}
.cc1713ea77010 .c98ab67f9ebd0 .c1d4fb12ed7dd,
.cc1713ea77010 .c0fb81585227b .c1d4fb12ed7dd {
  bottom: 0.75rem;
  top: auto;
}
.cc1713ea77010 .c98ab67f9ebd0 .c1d4fb12ed7dd svg,
.cc1713ea77010 .c0fb81585227b .c1d4fb12ed7dd svg {
  fill: var(--color-foreground-secondary);
}
.cc1713ea77010 .c98ab67f9ebd0.c59421fd19db0 input,
.cc1713ea77010 .c0fb81585227b.c59421fd19db0 input {
  background-color: var(--input-background-color-disabled);
  border-color: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
}
.cc1713ea77010 .c98ab67f9ebd0 .c0bd03b136197,
.cc1713ea77010 .c0fb81585227b .c0bd03b136197 {
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  border-color: transparent;
  height: 2.5rem;
  margin-top: 1.5rem;
}
.cc1713ea77010 .c98ab67f9ebd0 .c0bd03b136197 .c8b417582f9b7 label,
.cc1713ea77010 .c0fb81585227b .c0bd03b136197 .c8b417582f9b7 label {
  position: absolute;
  top: calc(-1 * 1.5rem);
}
.cc1713ea77010 .c98ab67f9ebd0 .c0bd03b136197 .c8b417582f9b7 span,
.cc1713ea77010 .c0fb81585227b .c0bd03b136197 .c8b417582f9b7 span {
  color: var(--color-foreground-primary);
}
.cc1713ea77010 .c98ab67f9ebd0 .c0bd03b136197:focus,
.cc1713ea77010 .c0fb81585227b .c0bd03b136197:focus {
  border: 1px solid var(--color-accent-primary);
}
.cc1713ea77010 .c98ab67f9ebd0 textarea,
.cc1713ea77010 .c0fb81585227b textarea {
  border-radius: 8px;
  padding: 0.75rem 1rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.cc1713ea77010 .c98ab67f9ebd0 textarea:focus,
.cc1713ea77010 .c0fb81585227b textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
.cc1713ea77010.cff2a13dee135 {
  max-width: 32.5rem;
  justify-content: space-between;
  flex-direction: row;
}
.cc1713ea77010 h1 {
  font-size: 2.25rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.cc1713ea77010 .c27b9036fd151 {
  font-size: 1.5rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.cc1713ea77010 .cf61beb2ce922 {
  justify-content: center;
  display: flex;
  margin-bottom: 3rem;
}
.cc1713ea77010 .cf61beb2ce922 svg {
  fill: var(--color-background-primary);
  height: 40%;
  width: 40%;
}
.cc1713ea77010 .c01ee85122628 {
  font-size: 1rem;
  color: var(--color-background-primary);
  margin-bottom: 1.25rem;
}
.cc1713ea77010 .cb154a35ac892 {
  background: var(--color-foreground-primary);
  border-radius: 4px;
  color: var(--color-background-primary);
  font-size: 1rem;
  font-weight: 500;
  margin: 1.5rem 0 2.5rem 0;
  padding: 1rem;
  text-align: center;
}
.cc1713ea77010 h2 {
  font-size: 2rem;
  font-weight: 500;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.cc1713ea77010 h3 {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
  text-transform: uppercase;
}
.cc1713ea77010 a:not(.cd08cf741d993):not(.ca55c1103d14a):not(.ca09033b746c4):hover {
  text-decoration: underline;
}
.cc1713ea77010 p {
  color: var(--color-background-primary);
}
.cc1713ea77010 hr {
  border-color: var(--color-foreground-secondary);
}
.cc1713ea77010 .c83a10605f98f {
  margin-top: 0.75rem;
}

form.c2bfada70c314 {
  display: flex;
  flex-direction: column;
  width: 9.25rem;
  height: 9.25rem;
  margin: 1rem 0;
}
form.c2bfada70c314 img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 100%;
  margin-right: 1rem;
  width: 100%;
}

.c1c4e54901445 {
  position: relative;
  width: 100%;
  height: 100%;
}
.c1c4e54901445 .cb1fe0bf74479 {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  font-size: 1.5rem;
  color: var(--color-foreground-primary);
  line-height: 6;
  text-align: center;
  background: var(--color-accent-tertiary);
  z-index: 30;
}
.c1c4e54901445 input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 30;
}
.c1c4e54901445:hover .cb1fe0bf74479 {
  opacity: 0.8;
}

.c09ca7715c0b1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

.c4653b124ac68 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  max-width: 510px;
  width: 100%;
}

.cd91895fc6bce {
  border-bottom: 1px solid var(--color-foreground-secondary);
  border-top: 1px solid var(--color-foreground-secondary);
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.cd91895fc6bce .c89fccb1fde8e {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.cd91895fc6bce label {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-background-primary);
  font-size: 0.75rem;
  margin-right: calc(-1 * 1rem);
  margin-bottom: 0.75rem;
}
.cd91895fc6bce .c4cf192553b38 {
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.cd91895fc6bce .ca6c94205573b label {
  align-items: flex-start;
}

.c2314ec4228df {
  height: 2rem;
}

.ca09033b746c4 {
  height: 2rem;
}

.ca55c1103d14a {
  margin-top: 1rem;
  height: 2.25rem;
}

.c0bf4260940db {
  max-width: 510px;
}

.c802e6410ab50 {
  display: flex;
  justify-content: center;
  padding: 0.75rem 1rem 0;
}

.c029d48f54264 {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.c029d48f54264 label {
  font-size: 1.25rem;
  align-items: center;
  font-weight: 500;
}
.c029d48f54264 .c93f561bc80a5 {
  font-size: 1.25rem;
}

.cc1713ea77010 {
  max-width: 510px;
  width: 100%;
}
.cc1713ea77010 h2 {
  text-transform: none;
  margin: 1rem 0.625rem;
}
.cc1713ea77010 h3 {
  font-size: 1.25rem;
  color: var(--color-foreground-secondary);
  text-transform: none;
  font-weight: 500;
  margin: 0.625rem;
  padding: 0;
}
.cc1713ea77010 h4 {
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-transform: none;
  margin: 0.625rem;
}
@keyframes c1e62a9067378 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ce3a370ebe318 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ce3a370ebe318:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ce3a370ebe318 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ce3a370ebe318 ::-webkit-scrollbar-track,
.ce3a370ebe318 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ce3a370ebe318 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ce3a370ebe318 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ce3a370ebe318 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ce3a370ebe318 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ce3a370ebe318 ::placeholder,
.ce3a370ebe318 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c9fb04e44a479, .c3a532a41babc, .c646a6a9c7c87, .c7ddc8f547ce8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c9fb04e44a479 svg, .c3a532a41babc svg, .c646a6a9c7c87 svg, .c7ddc8f547ce8 svg,
.c9fb04e44a479 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c9fb04e44a479:focus-visible, .c3a532a41babc:focus-visible, .c646a6a9c7c87:focus-visible, .c7ddc8f547ce8:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c9fb04e44a479:focus-visible svg, .c3a532a41babc:focus-visible svg, .c646a6a9c7c87:focus-visible svg, .c7ddc8f547ce8:focus-visible svg,
.c9fb04e44a479:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c9fb04e44a479:hover, .c3a532a41babc:hover, .c646a6a9c7c87:hover, .c7ddc8f547ce8:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c9fb04e44a479:hover svg, .c3a532a41babc:hover svg, .c646a6a9c7c87:hover svg, .c7ddc8f547ce8:hover svg,
.c9fb04e44a479:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c9fb04e44a479:active, .c3a532a41babc:active, .c646a6a9c7c87:active, .c7ddc8f547ce8:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c9fb04e44a479:active svg, .c3a532a41babc:active svg, .c646a6a9c7c87:active svg, .c7ddc8f547ce8:active svg,
.c9fb04e44a479:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c9fb04e44a479.disabled, .c3a532a41babc.disabled, .c646a6a9c7c87.disabled, .c7ddc8f547ce8.disabled, .c9fb04e44a479[disabled], [disabled].c3a532a41babc, [disabled].c646a6a9c7c87, [disabled].c7ddc8f547ce8, .c9fb04e44a479:disabled, .c3a532a41babc:disabled, .c646a6a9c7c87:disabled, .c7ddc8f547ce8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca2bfdcc7e8bd, .cc2df3d2ae77a, .ceb3a2293b94c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ca2bfdcc7e8bd svg, .cc2df3d2ae77a svg, .ceb3a2293b94c svg,
.ca2bfdcc7e8bd span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ca2bfdcc7e8bd:focus-visible, .cc2df3d2ae77a:focus-visible, .ceb3a2293b94c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca2bfdcc7e8bd:focus-visible svg, .cc2df3d2ae77a:focus-visible svg, .ceb3a2293b94c:focus-visible svg,
.ca2bfdcc7e8bd:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca2bfdcc7e8bd:hover, .cc2df3d2ae77a:hover, .ceb3a2293b94c:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ca2bfdcc7e8bd:hover svg, .cc2df3d2ae77a:hover svg, .ceb3a2293b94c:hover svg,
.ca2bfdcc7e8bd:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ca2bfdcc7e8bd:active, .cc2df3d2ae77a:active, .ceb3a2293b94c:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ca2bfdcc7e8bd:active svg, .cc2df3d2ae77a:active svg, .ceb3a2293b94c:active svg,
.ca2bfdcc7e8bd:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ca2bfdcc7e8bd.disabled, .cc2df3d2ae77a.disabled, .ceb3a2293b94c.disabled, .ca2bfdcc7e8bd[disabled], [disabled].cc2df3d2ae77a, [disabled].ceb3a2293b94c, .ca2bfdcc7e8bd:disabled, .cc2df3d2ae77a:disabled, .ceb3a2293b94c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1c6196091d75 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c1c6196091d75 svg,
.c1c6196091d75 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c1c6196091d75:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c1c6196091d75:focus-visible svg,
.c1c6196091d75:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c1c6196091d75:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c1c6196091d75:hover svg,
.c1c6196091d75:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c1c6196091d75:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c1c6196091d75:active svg,
.c1c6196091d75:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c1c6196091d75.disabled, .c1c6196091d75[disabled], .c1c6196091d75:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c361e27ef6e55, .c573a18d65025 button, .cac2406987655 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c361e27ef6e55 svg, .c573a18d65025 button svg, .cac2406987655 svg,
.c361e27ef6e55 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c361e27ef6e55:focus-visible, .c573a18d65025 button:focus-visible, .cac2406987655:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c361e27ef6e55:focus-visible svg, .c573a18d65025 button:focus-visible svg, .cac2406987655:focus-visible svg,
.c361e27ef6e55:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c361e27ef6e55:hover, .c573a18d65025 button:hover, .cac2406987655:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c361e27ef6e55:hover svg, .c573a18d65025 button:hover svg, .cac2406987655:hover svg,
.c361e27ef6e55:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c361e27ef6e55:active, .c573a18d65025 button:active, .cac2406987655:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c361e27ef6e55:active svg, .c573a18d65025 button:active svg, .cac2406987655:active svg,
.c361e27ef6e55:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c361e27ef6e55.disabled, .c573a18d65025 button.disabled, .cac2406987655.disabled, .c361e27ef6e55[disabled], .c573a18d65025 button[disabled], [disabled].cac2406987655, .c361e27ef6e55:disabled, .c573a18d65025 button:disabled, .cac2406987655:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c361e27ef6e55.disabled svg, .c573a18d65025 button.disabled svg, .cac2406987655.disabled svg,
.c361e27ef6e55.disabled span svg, .c361e27ef6e55[disabled] svg, .c573a18d65025 button[disabled] svg, [disabled].cac2406987655 svg,
.c361e27ef6e55[disabled] span svg, .c361e27ef6e55:disabled svg, .c573a18d65025 button:disabled svg, .cac2406987655:disabled svg,
.c361e27ef6e55:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c0def59213350 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c0def59213350 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c5e11672eca17 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c5e11672eca17 svg,
.c5e11672eca17 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c5e11672eca17:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c5e11672eca17:focus-visible svg,
.c5e11672eca17:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c5e11672eca17:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c5e11672eca17:hover svg,
.c5e11672eca17:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c5e11672eca17:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c5e11672eca17:active svg,
.c5e11672eca17:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c61405db6eef3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c9425e8a8402f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfd8f273bad80 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cfd8f273bad80:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cfd8f273bad80:focus-visible svg,
.cfd8f273bad80:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cfd8f273bad80:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cfd8f273bad80:active {
  border: none;
  background-color: transparent;
}

.c4d90b7916764, .cac2406987655 svg, .c4275bb3e1195, .c76d0d32baab4 span svg, .c573a18d65025 button svg, .cad4ed9fcb70e.intermediate svg, .c442b1b134c5c label span.intermediate svg, .cad4ed9fcb70e.checked svg, .c442b1b134c5c label span.checked svg, .c4fa436dbf9ea span svg,
.c4fa436dbf9ea label svg, .c90424645e1f1 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ca21c062268bb {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ca21c062268bb:hover {
  fill: none;
  stroke: none;
}

.c4275bb3e1195, .c76d0d32baab4 span svg, .c573a18d65025 button svg, .cad4ed9fcb70e.intermediate svg, .c442b1b134c5c label span.intermediate svg, .cad4ed9fcb70e.checked svg, .c442b1b134c5c label span.checked svg, .c4fa436dbf9ea span svg,
.c4fa436dbf9ea label svg, .c90424645e1f1 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c6774d62147ab {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c6774d62147ab:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ce247c2827613, .c89880746d7c1 input, .cc84ae1e1dfb7 input, .c4fa436dbf9ea input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ce247c2827613, .c89880746d7c1 input, .cc84ae1e1dfb7 input, .c4fa436dbf9ea input {
    height: 23px;
  }
}
.ce247c2827613, .c89880746d7c1 input, .cc84ae1e1dfb7 input, .c4fa436dbf9ea input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ce247c2827613[disabled], .c89880746d7c1 input[disabled], .cc84ae1e1dfb7 input[disabled], .c4fa436dbf9ea input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c90424645e1f1 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c2d65334f0f10, .c4fa436dbf9ea span,
.c4fa436dbf9ea label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c2d65334f0f10, .c4fa436dbf9ea span,
  .c4fa436dbf9ea label {
    height: 25px;
  }
}
.c2d65334f0f10, .c4fa436dbf9ea span,
.c4fa436dbf9ea label {
  color: var(--input-foreground-color);
}

.c4fa436dbf9ea {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c4fa436dbf9ea {
    height: 25px;
    font-size: 10px;
  }
}
.c4fa436dbf9ea {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c4fa436dbf9ea span svg,
.c4fa436dbf9ea label svg {
  color: var(--input-foreground-color);
}
.c4fa436dbf9ea ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c4fa436dbf9ea ::placeholder {
  color: var(--input-placeholder-color);
}
.c4fa436dbf9ea:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c4fa436dbf9ea:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c4fa436dbf9ea:hover span {
  color: var(--input-foreground-color-hover);
}
.c4fa436dbf9ea:hover input {
  color: var(--input-foreground-color-hover);
}
.c4fa436dbf9ea:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c4fa436dbf9ea:active span {
  color: var(--input-foreground-color-active);
}
.c4fa436dbf9ea:active input {
  color: var(--input-foreground-color-active);
}
.c4fa436dbf9ea:focus, .c4fa436dbf9ea:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c4fa436dbf9ea:focus span, .c4fa436dbf9ea:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c4fa436dbf9ea:focus input, .c4fa436dbf9ea:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c4fa436dbf9ea:focus:hover, .c4fa436dbf9ea:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c4fa436dbf9ea:focus:hover span, .c4fa436dbf9ea:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c4fa436dbf9ea:focus:hover input, .c4fa436dbf9ea:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cc84ae1e1dfb7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cc84ae1e1dfb7 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cc84ae1e1dfb7 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc84ae1e1dfb7 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc84ae1e1dfb7:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cc84ae1e1dfb7:focus-within input, .cc84ae1e1dfb7:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c244b36f941fb, .c89880746d7c1.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c244b36f941fb input, .c89880746d7c1.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c244b36f941fb span svg, .c89880746d7c1.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cad4ed9fcb70e, .c442b1b134c5c label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cad4ed9fcb70e svg, .c442b1b134c5c label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cad4ed9fcb70e:hover, .c442b1b134c5c label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cad4ed9fcb70e:focus, .c442b1b134c5c label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cad4ed9fcb70e.checked, .c442b1b134c5c label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cad4ed9fcb70e.checked svg, .c442b1b134c5c label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cad4ed9fcb70e.intermediate, .c442b1b134c5c label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cad4ed9fcb70e.intermediate svg, .c442b1b134c5c label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cad4ed9fcb70e.unchecked, .c442b1b134c5c label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cad4ed9fcb70e.unchecked svg, .c442b1b134c5c label span.unchecked svg {
  display: none;
}

.c442b1b134c5c {
  display: flex;
  align-items: center;
}
.c442b1b134c5c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c442b1b134c5c label input {
  margin: 0;
}
.c442b1b134c5c label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c442b1b134c5c label:focus span, .c442b1b134c5c label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c89880746d7c1 {
  display: flex;
  flex-direction: column;
}
.c89880746d7c1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c89880746d7c1 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c89880746d7c1 input:focus-within input, .c89880746d7c1 input:active input {
  color: var(--input-foreground-color-active);
}
.c89880746d7c1 input:focus-within, .c89880746d7c1 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c89880746d7c1.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c0c9f86aa8ee2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cf2d6d7a49594 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c462d72bf84fb {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cac2406987655 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cdb0b6e9e2cac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c77744fcc81ea {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ceb3a2293b94c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c7ddc8f547ce8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c646a6a9c7c87 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cd2f41fd9d81f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cd2f41fd9d81f:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ca12fd8bec58b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c9f9e0b9609ff {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c097bdc48ab3a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cc5a592350ed2 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cf926b2e26df6 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cf926b2e26df6:hover, .cf926b2e26df6:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c573a18d65025 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c573a18d65025 button {
  display: none;
}
.c573a18d65025 button svg {
  stroke: var(--icon-foreground);
}
.c573a18d65025:hover button {
  display: flex;
}

.c7acef44d11d8 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c7acef44d11d8 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c7acef44d11d8 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c0816413bdf6b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c0816413bdf6b:hover div {
  color: var(--entry-foreground-color-hover);
}

.c549097e777c0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cc92bb2ab300c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cc92bb2ab300c:hover {
  background-color: var(--menu-background-color-hover);
}

.c76d0d32baab4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c76d0d32baab4 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c76d0d32baab4 span svg {
  stroke: var(--icon-foreground);
}
.c76d0d32baab4:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c76d0d32baab4:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cc59fecb347aa {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c05004e8e40f3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c2ef717e7c764,
.cd22fee7fb08e {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce8c9ba3fb37b .c2ef717e7c764,
.ce8c9ba3fb37b .cd22fee7fb08e {
  transform: scale(1);
}

.cab6dadb418d3 .c2ef717e7c764,
.cab6dadb418d3 .cd22fee7fb08e {
  transform: scale(0);
}

.c3588e24ab1cb {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 0.75rem 1rem 0;
}
.c3588e24ab1cb a:not(.c9fb04e44a479):not(.c3a532a41babc):not(.cc5a592350ed2) {
  color: var(--color-foreground-secondary);
}

.c16ac24804d36 {
  display: flex;
  flex-direction: column;
  flex: 1 1 300px;
  max-width: 510px;
  width: 100%;
  margin: 0 0 2.5rem 0;
  --input-width: min(510px, 100%);
}
.c16ac24804d36 form {
  display: flex;
  flex-direction: column;
}
.c16ac24804d36 form .cc2df3d2ae77a {
  width: 100%;
  font-size: 0.688rem;
  text-transform: uppercase;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}
.c16ac24804d36 form .cc2df3d2ae77a:hover {
  color: var(--color-accent-primary);
  background-color: var(--color-background-quaternary);
}
.c16ac24804d36 form hr {
  display: none;
}
.c16ac24804d36 .c9a9eaad4d981 {
  --input-height: 2.5rem;
  --control-height: 2.5rem;
  margin-bottom: 1.25rem;
  flex-direction: column;
}
.c16ac24804d36 .c9a9eaad4d981 .cc25f9156974e {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
.c16ac24804d36 .cd30ab8c432cf {
  margin-bottom: 1.25rem;
}
.c16ac24804d36 .cb1616eded8a3 {
  color: var(--color-foreground-primary);
}
.c16ac24804d36 .cb1616eded8a3:not(:first-child) {
  margin-top: 4rem;
}
.c16ac24804d36 .c5f85792d3228 {
  color: var(--color-foreground-secondary);
}
.c16ac24804d36 .c433f3d9ad3e2,
.c16ac24804d36 .cf78547efae49 {
  flex-direction: column-reverse;
  height: 2.5rem;
}
.c16ac24804d36 .c433f3d9ad3e2 label,
.c16ac24804d36 .cf78547efae49 label {
  position: relative;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
  font-size: 0.688rem;
  margin-bottom: 0.75rem;
  margin-left: -0.25rem;
}
.c16ac24804d36 .c433f3d9ad3e2 input,
.c16ac24804d36 .c433f3d9ad3e2 select,
.c16ac24804d36 .cf78547efae49 input,
.c16ac24804d36 .cf78547efae49 select {
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  border-color: transparent;
  color: var(--color-foreground-primary);
  padding: 0 1rem;
}
.c16ac24804d36 .c433f3d9ad3e2 input:focus,
.c16ac24804d36 .c433f3d9ad3e2 select:focus,
.c16ac24804d36 .cf78547efae49 input:focus,
.c16ac24804d36 .cf78547efae49 select:focus {
  outline: 1px solid var(--color-accent-primary);
}
.c16ac24804d36 .c433f3d9ad3e2 input ::-moz-placeholder, .c16ac24804d36 .c433f3d9ad3e2 select ::-moz-placeholder, .c16ac24804d36 .cf78547efae49 input ::-moz-placeholder, .c16ac24804d36 .cf78547efae49 select ::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.c16ac24804d36 .c433f3d9ad3e2 input ::placeholder,
.c16ac24804d36 .c433f3d9ad3e2 select ::placeholder,
.c16ac24804d36 .cf78547efae49 input ::placeholder,
.c16ac24804d36 .cf78547efae49 select ::placeholder {
  color: var(--color-foreground-secondary);
}
.c16ac24804d36 .c433f3d9ad3e2 .c05121706484a,
.c16ac24804d36 .cf78547efae49 .c05121706484a {
  bottom: 0.75rem;
  top: auto;
}
.c16ac24804d36 .c433f3d9ad3e2 .c05121706484a svg,
.c16ac24804d36 .cf78547efae49 .c05121706484a svg {
  fill: var(--color-foreground-secondary);
}
.c16ac24804d36 .c433f3d9ad3e2.c4775de910f22 input,
.c16ac24804d36 .cf78547efae49.c4775de910f22 input {
  background-color: var(--input-background-color-disabled);
  border-color: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
}
.c16ac24804d36 .c433f3d9ad3e2 .cf6e827eebad9,
.c16ac24804d36 .cf78547efae49 .cf6e827eebad9 {
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  border-color: transparent;
  height: 2.5rem;
  margin-top: 1.5rem;
}
.c16ac24804d36 .c433f3d9ad3e2 .cf6e827eebad9 .c91ce6a552439 label,
.c16ac24804d36 .cf78547efae49 .cf6e827eebad9 .c91ce6a552439 label {
  position: absolute;
  top: calc(-1 * 1.5rem);
}
.c16ac24804d36 .c433f3d9ad3e2 .cf6e827eebad9 .c91ce6a552439 span,
.c16ac24804d36 .cf78547efae49 .cf6e827eebad9 .c91ce6a552439 span {
  color: var(--color-foreground-primary);
}
.c16ac24804d36 .c433f3d9ad3e2 .cf6e827eebad9:focus,
.c16ac24804d36 .cf78547efae49 .cf6e827eebad9:focus {
  border: 1px solid var(--color-accent-primary);
}
.c16ac24804d36 .c433f3d9ad3e2 textarea,
.c16ac24804d36 .cf78547efae49 textarea {
  border-radius: 8px;
  padding: 0.75rem 1rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.c16ac24804d36 .c433f3d9ad3e2 textarea:focus,
.c16ac24804d36 .cf78547efae49 textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
.c16ac24804d36.cd9975fa69206 {
  max-width: 32.5rem;
  justify-content: space-between;
  flex-direction: row;
}
.c16ac24804d36 h1 {
  font-size: 2.25rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.c16ac24804d36 .cf59c9a2455cc {
  font-size: 1.5rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.c16ac24804d36 .c80fa0201983d {
  justify-content: center;
  display: flex;
  margin-bottom: 3rem;
}
.c16ac24804d36 .c80fa0201983d svg {
  fill: var(--color-background-primary);
  height: 40%;
  width: 40%;
}
.c16ac24804d36 .c4d14800a0767 {
  font-size: 1rem;
  color: var(--color-background-primary);
  margin-bottom: 1.25rem;
}
.c16ac24804d36 .cfbd1f0c2f9b6 {
  background: var(--color-foreground-primary);
  border-radius: 4px;
  color: var(--color-background-primary);
  font-size: 1rem;
  font-weight: 500;
  margin: 1.5rem 0 2.5rem 0;
  padding: 1rem;
  text-align: center;
}
.c16ac24804d36 h2 {
  font-size: 2rem;
  font-weight: 500;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.c16ac24804d36 h3 {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
  text-transform: uppercase;
}
.c16ac24804d36 a:not(.c9fb04e44a479):not(.c3a532a41babc):hover {
  text-decoration: underline;
}
.c16ac24804d36 p {
  color: var(--color-background-primary);
}
.c16ac24804d36 hr {
  border-color: var(--color-foreground-secondary);
}
.c16ac24804d36 .c146701853cd2 {
  margin-top: 0.75rem;
}

form.cb634e10aacd7 {
  display: flex;
  flex-direction: column;
  width: 9.25rem;
  height: 9.25rem;
  margin: 1rem 0;
}
form.cb634e10aacd7 img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 100%;
  margin-right: 1rem;
  width: 100%;
}

.c2b894e08db8f {
  position: relative;
  width: 100%;
  height: 100%;
}
.c2b894e08db8f .c6107834bd362 {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  font-size: 1.5rem;
  color: var(--color-foreground-primary);
  line-height: 6;
  text-align: center;
  background: var(--color-accent-tertiary);
  z-index: 30;
}
.c2b894e08db8f input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 30;
}
.c2b894e08db8f:hover .c6107834bd362 {
  opacity: 0.8;
}

.c659beea94a16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

.c2e38abec580c {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  max-width: 510px;
  width: 100%;
}

.cb053d12c413b {
  border-bottom: 1px solid var(--color-foreground-secondary);
  border-top: 1px solid var(--color-foreground-secondary);
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.cb053d12c413b .ccf329203e8cb {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.cb053d12c413b label {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-background-primary);
  font-size: 0.75rem;
  margin-right: calc(-1 * 1rem);
  margin-bottom: 0.75rem;
}
.cb053d12c413b .cfd3d130949a9 {
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.cb053d12c413b .c442b1b134c5c label {
  align-items: flex-start;
}

.cc2df3d2ae77a {
  height: 2rem;
}

.c3a532a41babc {
  height: 2rem;
}

.c9a9eaad4d981 {
  --input-height: 40px;
  --control-height: 40px;
  max-width: 510px;
  width: 100%;
}
@keyframes cc20baf73e5fd {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c9ed9dd6f44f6 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c9ed9dd6f44f6:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c9ed9dd6f44f6 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c9ed9dd6f44f6 ::-webkit-scrollbar-track,
.c9ed9dd6f44f6 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c9ed9dd6f44f6 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c9ed9dd6f44f6 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c9ed9dd6f44f6 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9ed9dd6f44f6 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9ed9dd6f44f6 ::placeholder,
.c9ed9dd6f44f6 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ccc0c42814478, .c697b8b19917d, .cba95569a0585, .c6ea925f2be6d, .cb7e7908730d3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ccc0c42814478 svg, .c697b8b19917d svg, .cba95569a0585 svg, .c6ea925f2be6d svg, .cb7e7908730d3 svg,
.ccc0c42814478 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ccc0c42814478:focus-visible, .c697b8b19917d:focus-visible, .cba95569a0585:focus-visible, .c6ea925f2be6d:focus-visible, .cb7e7908730d3:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ccc0c42814478:focus-visible svg, .c697b8b19917d:focus-visible svg, .cba95569a0585:focus-visible svg, .c6ea925f2be6d:focus-visible svg, .cb7e7908730d3:focus-visible svg,
.ccc0c42814478:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ccc0c42814478:hover, .c697b8b19917d:hover, .cba95569a0585:hover, .c6ea925f2be6d:hover, .cb7e7908730d3:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ccc0c42814478:hover svg, .c697b8b19917d:hover svg, .cba95569a0585:hover svg, .c6ea925f2be6d:hover svg, .cb7e7908730d3:hover svg,
.ccc0c42814478:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ccc0c42814478:active, .c697b8b19917d:active, .cba95569a0585:active, .c6ea925f2be6d:active, .cb7e7908730d3:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ccc0c42814478:active svg, .c697b8b19917d:active svg, .cba95569a0585:active svg, .c6ea925f2be6d:active svg, .cb7e7908730d3:active svg,
.ccc0c42814478:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ccc0c42814478.disabled, .c697b8b19917d.disabled, .cba95569a0585.disabled, .c6ea925f2be6d.disabled, .cb7e7908730d3.disabled, .ccc0c42814478[disabled], [disabled].c697b8b19917d, [disabled].cba95569a0585, [disabled].c6ea925f2be6d, [disabled].cb7e7908730d3, .ccc0c42814478:disabled, .c697b8b19917d:disabled, .cba95569a0585:disabled, .c6ea925f2be6d:disabled, .cb7e7908730d3:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6a331449b9bb, .c196dab6de082, .cb4379f9e4bd8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c6a331449b9bb svg, .c196dab6de082 svg, .cb4379f9e4bd8 svg,
.c6a331449b9bb span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c6a331449b9bb:focus-visible, .c196dab6de082:focus-visible, .cb4379f9e4bd8:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c6a331449b9bb:focus-visible svg, .c196dab6de082:focus-visible svg, .cb4379f9e4bd8:focus-visible svg,
.c6a331449b9bb:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c6a331449b9bb:hover, .c196dab6de082:hover, .cb4379f9e4bd8:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c6a331449b9bb:hover svg, .c196dab6de082:hover svg, .cb4379f9e4bd8:hover svg,
.c6a331449b9bb:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c6a331449b9bb:active, .c196dab6de082:active, .cb4379f9e4bd8:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c6a331449b9bb:active svg, .c196dab6de082:active svg, .cb4379f9e4bd8:active svg,
.c6a331449b9bb:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c6a331449b9bb.disabled, .c196dab6de082.disabled, .cb4379f9e4bd8.disabled, .c6a331449b9bb[disabled], [disabled].c196dab6de082, [disabled].cb4379f9e4bd8, .c6a331449b9bb:disabled, .c196dab6de082:disabled, .cb4379f9e4bd8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfc350e8d8993 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cfc350e8d8993 svg,
.cfc350e8d8993 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cfc350e8d8993:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cfc350e8d8993:focus-visible svg,
.cfc350e8d8993:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cfc350e8d8993:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cfc350e8d8993:hover svg,
.cfc350e8d8993:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cfc350e8d8993:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cfc350e8d8993:active svg,
.cfc350e8d8993:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cfc350e8d8993.disabled, .cfc350e8d8993[disabled], .cfc350e8d8993:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c96bf7272ce8c, .cdfe1ed27b7d6 button, .c92b96c93087e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c96bf7272ce8c svg, .cdfe1ed27b7d6 button svg, .c92b96c93087e svg,
.c96bf7272ce8c span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c96bf7272ce8c:focus-visible, .cdfe1ed27b7d6 button:focus-visible, .c92b96c93087e:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c96bf7272ce8c:focus-visible svg, .cdfe1ed27b7d6 button:focus-visible svg, .c92b96c93087e:focus-visible svg,
.c96bf7272ce8c:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c96bf7272ce8c:hover, .cdfe1ed27b7d6 button:hover, .c92b96c93087e:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c96bf7272ce8c:hover svg, .cdfe1ed27b7d6 button:hover svg, .c92b96c93087e:hover svg,
.c96bf7272ce8c:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c96bf7272ce8c:active, .cdfe1ed27b7d6 button:active, .c92b96c93087e:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c96bf7272ce8c:active svg, .cdfe1ed27b7d6 button:active svg, .c92b96c93087e:active svg,
.c96bf7272ce8c:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c96bf7272ce8c.disabled, .cdfe1ed27b7d6 button.disabled, .c92b96c93087e.disabled, .c96bf7272ce8c[disabled], .cdfe1ed27b7d6 button[disabled], [disabled].c92b96c93087e, .c96bf7272ce8c:disabled, .cdfe1ed27b7d6 button:disabled, .c92b96c93087e:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c96bf7272ce8c.disabled svg, .cdfe1ed27b7d6 button.disabled svg, .c92b96c93087e.disabled svg,
.c96bf7272ce8c.disabled span svg, .c96bf7272ce8c[disabled] svg, .cdfe1ed27b7d6 button[disabled] svg, [disabled].c92b96c93087e svg,
.c96bf7272ce8c[disabled] span svg, .c96bf7272ce8c:disabled svg, .cdfe1ed27b7d6 button:disabled svg, .c92b96c93087e:disabled svg,
.c96bf7272ce8c:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c3740134ad0a4 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c3740134ad0a4 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c6d8be04b9847 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c6d8be04b9847 svg,
.c6d8be04b9847 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c6d8be04b9847:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c6d8be04b9847:focus-visible svg,
.c6d8be04b9847:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c6d8be04b9847:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c6d8be04b9847:hover svg,
.c6d8be04b9847:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c6d8be04b9847:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c6d8be04b9847:active svg,
.c6d8be04b9847:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c00b4a27b93b5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cac9514cce3ad {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5611f98c2e14 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c5611f98c2e14:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c5611f98c2e14:focus-visible svg,
.c5611f98c2e14:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c5611f98c2e14:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c5611f98c2e14:active {
  border: none;
  background-color: transparent;
}

.cc13b5b8c0aae, .c92b96c93087e svg, .c655e40260538, .c063de085c00d span svg, .cdfe1ed27b7d6 button svg, .c4934cad970be.intermediate svg, .caa004a714279 label span.intermediate svg, .c4934cad970be.checked svg, .caa004a714279 label span.checked svg, .cc120bc870c6c span svg,
.cc120bc870c6c label svg, .c6019f5526351 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c8c7507c8d4a2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c8c7507c8d4a2:hover {
  fill: none;
  stroke: none;
}

.c655e40260538, .c063de085c00d span svg, .cdfe1ed27b7d6 button svg, .c4934cad970be.intermediate svg, .caa004a714279 label span.intermediate svg, .c4934cad970be.checked svg, .caa004a714279 label span.checked svg, .cc120bc870c6c span svg,
.cc120bc870c6c label svg, .c6019f5526351 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c236204bad1d1 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c236204bad1d1:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ca819af308493, .cd9d40472e5e1 input, .cd8c9e4365921 input, .cc120bc870c6c input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ca819af308493, .cd9d40472e5e1 input, .cd8c9e4365921 input, .cc120bc870c6c input {
    height: 23px;
  }
}
.ca819af308493, .cd9d40472e5e1 input, .cd8c9e4365921 input, .cc120bc870c6c input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ca819af308493[disabled], .cd9d40472e5e1 input[disabled], .cd8c9e4365921 input[disabled], .cc120bc870c6c input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c6019f5526351 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c0771f3654b4d, .cc120bc870c6c span,
.cc120bc870c6c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c0771f3654b4d, .cc120bc870c6c span,
  .cc120bc870c6c label {
    height: 25px;
  }
}
.c0771f3654b4d, .cc120bc870c6c span,
.cc120bc870c6c label {
  color: var(--input-foreground-color);
}

.cc120bc870c6c {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc120bc870c6c {
    height: 25px;
    font-size: 10px;
  }
}
.cc120bc870c6c {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cc120bc870c6c span svg,
.cc120bc870c6c label svg {
  color: var(--input-foreground-color);
}
.cc120bc870c6c ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cc120bc870c6c ::placeholder {
  color: var(--input-placeholder-color);
}
.cc120bc870c6c:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc120bc870c6c:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cc120bc870c6c:hover span {
  color: var(--input-foreground-color-hover);
}
.cc120bc870c6c:hover input {
  color: var(--input-foreground-color-hover);
}
.cc120bc870c6c:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cc120bc870c6c:active span {
  color: var(--input-foreground-color-active);
}
.cc120bc870c6c:active input {
  color: var(--input-foreground-color-active);
}
.cc120bc870c6c:focus, .cc120bc870c6c:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc120bc870c6c:focus span, .cc120bc870c6c:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cc120bc870c6c:focus input, .cc120bc870c6c:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cc120bc870c6c:focus:hover, .cc120bc870c6c:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc120bc870c6c:focus:hover span, .cc120bc870c6c:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cc120bc870c6c:focus:hover input, .cc120bc870c6c:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cd8c9e4365921 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cd8c9e4365921 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cd8c9e4365921 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd8c9e4365921 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd8c9e4365921:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cd8c9e4365921:focus-within input, .cd8c9e4365921:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c4485ecd1df32, .cd9d40472e5e1.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c4485ecd1df32 input, .cd9d40472e5e1.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c4485ecd1df32 span svg, .cd9d40472e5e1.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c4934cad970be, .caa004a714279 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c4934cad970be svg, .caa004a714279 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c4934cad970be:hover, .caa004a714279 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4934cad970be:focus, .caa004a714279 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c4934cad970be.checked, .caa004a714279 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c4934cad970be.checked svg, .caa004a714279 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c4934cad970be.intermediate, .caa004a714279 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c4934cad970be.intermediate svg, .caa004a714279 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c4934cad970be.unchecked, .caa004a714279 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c4934cad970be.unchecked svg, .caa004a714279 label span.unchecked svg {
  display: none;
}

.caa004a714279 {
  display: flex;
  align-items: center;
}
.caa004a714279 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.caa004a714279 label input {
  margin: 0;
}
.caa004a714279 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.caa004a714279 label:focus span, .caa004a714279 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cd9d40472e5e1 {
  display: flex;
  flex-direction: column;
}
.cd9d40472e5e1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cd9d40472e5e1 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cd9d40472e5e1 input:focus-within input, .cd9d40472e5e1 input:active input {
  color: var(--input-foreground-color-active);
}
.cd9d40472e5e1 input:focus-within, .cd9d40472e5e1 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd9d40472e5e1.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc5bb82b57642 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c90b52e03be9c {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c8f2298fda58f {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c92b96c93087e {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c68f3667d82b7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc27a94fc7632 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cb4379f9e4bd8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb7e7908730d3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c6ea925f2be6d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cec523200358c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cec523200358c:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cc6fc4e3d508e {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cbc241a934a2d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cde42288ddae5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c28592965db5c {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cf0ea9b7f4b11 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cf0ea9b7f4b11:hover, .cf0ea9b7f4b11:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cdfe1ed27b7d6 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cdfe1ed27b7d6 button {
  display: none;
}
.cdfe1ed27b7d6 button svg {
  stroke: var(--icon-foreground);
}
.cdfe1ed27b7d6:hover button {
  display: flex;
}

.cafd8c7a2425b {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cafd8c7a2425b .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cafd8c7a2425b .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c37e2cfd5e20f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c37e2cfd5e20f:hover div {
  color: var(--entry-foreground-color-hover);
}

.cac28df2d7aac {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c7858a295cfe4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c7858a295cfe4:hover {
  background-color: var(--menu-background-color-hover);
}

.c063de085c00d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c063de085c00d span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c063de085c00d span svg {
  stroke: var(--icon-foreground);
}
.c063de085c00d:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c063de085c00d:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c5ec830f00018 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cf0b7c67b55dd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c55615b347383,
.c50cd73ca9188 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cd2db76e1200e .c55615b347383,
.cd2db76e1200e .c50cd73ca9188 {
  transform: scale(1);
}

.c0ee209203cc6 .c55615b347383,
.c0ee209203cc6 .c50cd73ca9188 {
  transform: scale(0);
}

.c746b31a256d0 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 0.75rem 1rem 0;
}
.c746b31a256d0 a:not(.ccc0c42814478):not(.cba95569a0585):not(.c697b8b19917d):not(.c28592965db5c) {
  color: var(--color-foreground-secondary);
}

.c62f08672c993 {
  display: flex;
  flex-direction: column;
  flex: 1 1 300px;
  max-width: 510px;
  width: 100%;
  margin: 0 0 2.5rem 0;
  --input-width: min(510px, 100%);
}
.c62f08672c993 form {
  display: flex;
  flex-direction: column;
}
.c62f08672c993 form .c196dab6de082 {
  width: 100%;
  font-size: 0.688rem;
  text-transform: uppercase;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}
.c62f08672c993 form .c196dab6de082:hover {
  color: var(--color-accent-primary);
  background-color: var(--color-background-quaternary);
}
.c62f08672c993 form hr {
  display: none;
}
.c62f08672c993 .cfb0ced8c13f3 {
  --input-height: 2.5rem;
  --control-height: 2.5rem;
  margin-bottom: 1.25rem;
  flex-direction: column;
}
.c62f08672c993 .cfb0ced8c13f3 .c8ab40da1051d {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
.c62f08672c993 .ca5edf5c64a4e {
  margin-bottom: 1.25rem;
}
.c62f08672c993 .c32d0768a85ee {
  color: var(--color-foreground-primary);
}
.c62f08672c993 .c32d0768a85ee:not(:first-child) {
  margin-top: 4rem;
}
.c62f08672c993 .c10d83aad7601 {
  color: var(--color-foreground-secondary);
}
.c62f08672c993 .cbafd3e13860a,
.c62f08672c993 .c0d3c4ffff22d {
  flex-direction: column-reverse;
  height: 2.5rem;
}
.c62f08672c993 .cbafd3e13860a label,
.c62f08672c993 .c0d3c4ffff22d label {
  position: relative;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
  font-size: 0.688rem;
  margin-bottom: 0.75rem;
  margin-left: -0.25rem;
}
.c62f08672c993 .cbafd3e13860a input,
.c62f08672c993 .cbafd3e13860a select,
.c62f08672c993 .c0d3c4ffff22d input,
.c62f08672c993 .c0d3c4ffff22d select {
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  border-color: transparent;
  color: var(--color-foreground-primary);
  padding: 0 1rem;
}
.c62f08672c993 .cbafd3e13860a input:focus,
.c62f08672c993 .cbafd3e13860a select:focus,
.c62f08672c993 .c0d3c4ffff22d input:focus,
.c62f08672c993 .c0d3c4ffff22d select:focus {
  outline: 1px solid var(--color-accent-primary);
}
.c62f08672c993 .cbafd3e13860a input ::-moz-placeholder, .c62f08672c993 .cbafd3e13860a select ::-moz-placeholder, .c62f08672c993 .c0d3c4ffff22d input ::-moz-placeholder, .c62f08672c993 .c0d3c4ffff22d select ::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.c62f08672c993 .cbafd3e13860a input ::placeholder,
.c62f08672c993 .cbafd3e13860a select ::placeholder,
.c62f08672c993 .c0d3c4ffff22d input ::placeholder,
.c62f08672c993 .c0d3c4ffff22d select ::placeholder {
  color: var(--color-foreground-secondary);
}
.c62f08672c993 .cbafd3e13860a .cde92eb966866,
.c62f08672c993 .c0d3c4ffff22d .cde92eb966866 {
  bottom: 0.75rem;
  top: auto;
}
.c62f08672c993 .cbafd3e13860a .cde92eb966866 svg,
.c62f08672c993 .c0d3c4ffff22d .cde92eb966866 svg {
  fill: var(--color-foreground-secondary);
}
.c62f08672c993 .cbafd3e13860a.cc089bb37f738 input,
.c62f08672c993 .c0d3c4ffff22d.cc089bb37f738 input {
  background-color: var(--input-background-color-disabled);
  border-color: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
}
.c62f08672c993 .cbafd3e13860a .cf331d123c57b,
.c62f08672c993 .c0d3c4ffff22d .cf331d123c57b {
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  border-color: transparent;
  height: 2.5rem;
  margin-top: 1.5rem;
}
.c62f08672c993 .cbafd3e13860a .cf331d123c57b .c40031c1fe368 label,
.c62f08672c993 .c0d3c4ffff22d .cf331d123c57b .c40031c1fe368 label {
  position: absolute;
  top: calc(-1 * 1.5rem);
}
.c62f08672c993 .cbafd3e13860a .cf331d123c57b .c40031c1fe368 span,
.c62f08672c993 .c0d3c4ffff22d .cf331d123c57b .c40031c1fe368 span {
  color: var(--color-foreground-primary);
}
.c62f08672c993 .cbafd3e13860a .cf331d123c57b:focus,
.c62f08672c993 .c0d3c4ffff22d .cf331d123c57b:focus {
  border: 1px solid var(--color-accent-primary);
}
.c62f08672c993 .cbafd3e13860a textarea,
.c62f08672c993 .c0d3c4ffff22d textarea {
  border-radius: 8px;
  padding: 0.75rem 1rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.c62f08672c993 .cbafd3e13860a textarea:focus,
.c62f08672c993 .c0d3c4ffff22d textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
.c62f08672c993.c77a019aabdae {
  max-width: 32.5rem;
  justify-content: space-between;
  flex-direction: row;
}
.c62f08672c993 h1 {
  font-size: 2.25rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.c62f08672c993 .c9cc612000242 {
  font-size: 1.5rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.c62f08672c993 .c1439fb25f0db {
  justify-content: center;
  display: flex;
  margin-bottom: 3rem;
}
.c62f08672c993 .c1439fb25f0db svg {
  fill: var(--color-background-primary);
  height: 40%;
  width: 40%;
}
.c62f08672c993 .cbcace4a1690f {
  font-size: 1rem;
  color: var(--color-background-primary);
  margin-bottom: 1.25rem;
}
.c62f08672c993 .c4f38fc5f2cfe {
  background: var(--color-foreground-primary);
  border-radius: 4px;
  color: var(--color-background-primary);
  font-size: 1rem;
  font-weight: 500;
  margin: 1.5rem 0 2.5rem 0;
  padding: 1rem;
  text-align: center;
}
.c62f08672c993 h2 {
  font-size: 2rem;
  font-weight: 500;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.c62f08672c993 h3 {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
  text-transform: uppercase;
}
.c62f08672c993 a:not(.ccc0c42814478):not(.cba95569a0585):not(.c697b8b19917d):hover {
  text-decoration: underline;
}
.c62f08672c993 p {
  color: var(--color-background-primary);
}
.c62f08672c993 hr {
  border-color: var(--color-foreground-secondary);
}
.c62f08672c993 .cda5da683b4a8 {
  margin-top: 0.75rem;
}

form.c3dfb4ccdb215 {
  display: flex;
  flex-direction: column;
  width: 9.25rem;
  height: 9.25rem;
  margin: 1rem 0;
}
form.c3dfb4ccdb215 img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 100%;
  margin-right: 1rem;
  width: 100%;
}

.ce4342d912b5a {
  position: relative;
  width: 100%;
  height: 100%;
}
.ce4342d912b5a .c3d0f8e86c890 {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  font-size: 1.5rem;
  color: var(--color-foreground-primary);
  line-height: 6;
  text-align: center;
  background: var(--color-accent-tertiary);
  z-index: 30;
}
.ce4342d912b5a input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 30;
}
.ce4342d912b5a:hover .c3d0f8e86c890 {
  opacity: 0.8;
}

.c825fc50cab33 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

.c46e875cb2e5d {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  max-width: 510px;
  width: 100%;
}

.c8d7f0ee41b0d {
  border-bottom: 1px solid var(--color-foreground-secondary);
  border-top: 1px solid var(--color-foreground-secondary);
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.c8d7f0ee41b0d .c05e37d584a9d {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.c8d7f0ee41b0d label {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-background-primary);
  font-size: 0.75rem;
  margin-right: calc(-1 * 1rem);
  margin-bottom: 0.75rem;
}
.c8d7f0ee41b0d .c72d8355d70ce {
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.c8d7f0ee41b0d .caa004a714279 label {
  align-items: flex-start;
}

.c196dab6de082 {
  height: 2rem;
}

.c697b8b19917d {
  height: 2rem;
}

.c62f08672c993 {
  max-width: 510px;
}

.cba95569a0585 {
  margin-top: 16px;
  height: 36px;
}
@keyframes c78164e0779b5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cd1bb9087c099 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cd1bb9087c099:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cd1bb9087c099 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cd1bb9087c099 ::-webkit-scrollbar-track,
.cd1bb9087c099 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cd1bb9087c099 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cd1bb9087c099 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cd1bb9087c099 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd1bb9087c099 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd1bb9087c099 ::placeholder,
.cd1bb9087c099 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cc70d2517f87c, .cf14dcf604917, .c13669f22432e, .c09f220b1133e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cc70d2517f87c svg, .cf14dcf604917 svg, .c13669f22432e svg, .c09f220b1133e svg,
.cc70d2517f87c span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cc70d2517f87c:focus-visible, .cf14dcf604917:focus-visible, .c13669f22432e:focus-visible, .c09f220b1133e:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cc70d2517f87c:focus-visible svg, .cf14dcf604917:focus-visible svg, .c13669f22432e:focus-visible svg, .c09f220b1133e:focus-visible svg,
.cc70d2517f87c:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cc70d2517f87c:hover, .cf14dcf604917:hover, .c13669f22432e:hover, .c09f220b1133e:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cc70d2517f87c:hover svg, .cf14dcf604917:hover svg, .c13669f22432e:hover svg, .c09f220b1133e:hover svg,
.cc70d2517f87c:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cc70d2517f87c:active, .cf14dcf604917:active, .c13669f22432e:active, .c09f220b1133e:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cc70d2517f87c:active svg, .cf14dcf604917:active svg, .c13669f22432e:active svg, .c09f220b1133e:active svg,
.cc70d2517f87c:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cc70d2517f87c.disabled, .cf14dcf604917.disabled, .c13669f22432e.disabled, .c09f220b1133e.disabled, .cc70d2517f87c[disabled], [disabled].cf14dcf604917, [disabled].c13669f22432e, [disabled].c09f220b1133e, .cc70d2517f87c:disabled, .cf14dcf604917:disabled, .c13669f22432e:disabled, .c09f220b1133e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4162b28ada03, .cb1a9fb402ac9, .c7cfa34573da4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c4162b28ada03 svg, .cb1a9fb402ac9 svg, .c7cfa34573da4 svg,
.c4162b28ada03 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c4162b28ada03:focus-visible, .cb1a9fb402ac9:focus-visible, .c7cfa34573da4:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4162b28ada03:focus-visible svg, .cb1a9fb402ac9:focus-visible svg, .c7cfa34573da4:focus-visible svg,
.c4162b28ada03:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4162b28ada03:hover, .cb1a9fb402ac9:hover, .c7cfa34573da4:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c4162b28ada03:hover svg, .cb1a9fb402ac9:hover svg, .c7cfa34573da4:hover svg,
.c4162b28ada03:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c4162b28ada03:active, .cb1a9fb402ac9:active, .c7cfa34573da4:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c4162b28ada03:active svg, .cb1a9fb402ac9:active svg, .c7cfa34573da4:active svg,
.c4162b28ada03:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c4162b28ada03.disabled, .cb1a9fb402ac9.disabled, .c7cfa34573da4.disabled, .c4162b28ada03[disabled], [disabled].cb1a9fb402ac9, [disabled].c7cfa34573da4, .c4162b28ada03:disabled, .cb1a9fb402ac9:disabled, .c7cfa34573da4:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c66166c84f277 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c66166c84f277 svg,
.c66166c84f277 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c66166c84f277:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c66166c84f277:focus-visible svg,
.c66166c84f277:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c66166c84f277:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c66166c84f277:hover svg,
.c66166c84f277:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c66166c84f277:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c66166c84f277:active svg,
.c66166c84f277:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c66166c84f277.disabled, .c66166c84f277[disabled], .c66166c84f277:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c745bc41242e4, .cc14178b2d079 button, .c322c74d82d20 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c745bc41242e4 svg, .cc14178b2d079 button svg, .c322c74d82d20 svg,
.c745bc41242e4 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c745bc41242e4:focus-visible, .cc14178b2d079 button:focus-visible, .c322c74d82d20:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c745bc41242e4:focus-visible svg, .cc14178b2d079 button:focus-visible svg, .c322c74d82d20:focus-visible svg,
.c745bc41242e4:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c745bc41242e4:hover, .cc14178b2d079 button:hover, .c322c74d82d20:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c745bc41242e4:hover svg, .cc14178b2d079 button:hover svg, .c322c74d82d20:hover svg,
.c745bc41242e4:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c745bc41242e4:active, .cc14178b2d079 button:active, .c322c74d82d20:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c745bc41242e4:active svg, .cc14178b2d079 button:active svg, .c322c74d82d20:active svg,
.c745bc41242e4:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c745bc41242e4.disabled, .cc14178b2d079 button.disabled, .c322c74d82d20.disabled, .c745bc41242e4[disabled], .cc14178b2d079 button[disabled], [disabled].c322c74d82d20, .c745bc41242e4:disabled, .cc14178b2d079 button:disabled, .c322c74d82d20:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c745bc41242e4.disabled svg, .cc14178b2d079 button.disabled svg, .c322c74d82d20.disabled svg,
.c745bc41242e4.disabled span svg, .c745bc41242e4[disabled] svg, .cc14178b2d079 button[disabled] svg, [disabled].c322c74d82d20 svg,
.c745bc41242e4[disabled] span svg, .c745bc41242e4:disabled svg, .cc14178b2d079 button:disabled svg, .c322c74d82d20:disabled svg,
.c745bc41242e4:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c4c09c992a4a6 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c4c09c992a4a6 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ca666aff26be4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ca666aff26be4 svg,
.ca666aff26be4 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ca666aff26be4:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ca666aff26be4:focus-visible svg,
.ca666aff26be4:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ca666aff26be4:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ca666aff26be4:hover svg,
.ca666aff26be4:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ca666aff26be4:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ca666aff26be4:active svg,
.ca666aff26be4:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cecd92efc77e8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c095528481e8d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9d8d2f0e2292 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c9d8d2f0e2292:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c9d8d2f0e2292:focus-visible svg,
.c9d8d2f0e2292:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c9d8d2f0e2292:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c9d8d2f0e2292:active {
  border: none;
  background-color: transparent;
}

.c2882829efc38, .c322c74d82d20 svg, .c0af1dd7fd2a4, .c37eaad8865eb span svg, .cc14178b2d079 button svg, .c8765ebea96a2.intermediate svg, .ceffbd704d282 label span.intermediate svg, .c8765ebea96a2.checked svg, .ceffbd704d282 label span.checked svg, .c4c5f1d1ebd64 span svg,
.c4c5f1d1ebd64 label svg, .c778f16594b5b svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c0a6ab48287f1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c0a6ab48287f1:hover {
  fill: none;
  stroke: none;
}

.c0af1dd7fd2a4, .c37eaad8865eb span svg, .cc14178b2d079 button svg, .c8765ebea96a2.intermediate svg, .ceffbd704d282 label span.intermediate svg, .c8765ebea96a2.checked svg, .ceffbd704d282 label span.checked svg, .c4c5f1d1ebd64 span svg,
.c4c5f1d1ebd64 label svg, .c778f16594b5b svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cc5e716ae54b4 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cc5e716ae54b4:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c561662a6abcd, .ca40997839e30 input, .c63a1b597a49f input, .c4c5f1d1ebd64 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c561662a6abcd, .ca40997839e30 input, .c63a1b597a49f input, .c4c5f1d1ebd64 input {
    height: 23px;
  }
}
.c561662a6abcd, .ca40997839e30 input, .c63a1b597a49f input, .c4c5f1d1ebd64 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c561662a6abcd[disabled], .ca40997839e30 input[disabled], .c63a1b597a49f input[disabled], .c4c5f1d1ebd64 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c778f16594b5b {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c1d54bde712e0, .c4c5f1d1ebd64 span,
.c4c5f1d1ebd64 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1d54bde712e0, .c4c5f1d1ebd64 span,
  .c4c5f1d1ebd64 label {
    height: 25px;
  }
}
.c1d54bde712e0, .c4c5f1d1ebd64 span,
.c4c5f1d1ebd64 label {
  color: var(--input-foreground-color);
}

.c4c5f1d1ebd64 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c4c5f1d1ebd64 {
    height: 25px;
    font-size: 10px;
  }
}
.c4c5f1d1ebd64 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c4c5f1d1ebd64 span svg,
.c4c5f1d1ebd64 label svg {
  color: var(--input-foreground-color);
}
.c4c5f1d1ebd64 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c4c5f1d1ebd64 ::placeholder {
  color: var(--input-placeholder-color);
}
.c4c5f1d1ebd64:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c4c5f1d1ebd64:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c4c5f1d1ebd64:hover span {
  color: var(--input-foreground-color-hover);
}
.c4c5f1d1ebd64:hover input {
  color: var(--input-foreground-color-hover);
}
.c4c5f1d1ebd64:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c4c5f1d1ebd64:active span {
  color: var(--input-foreground-color-active);
}
.c4c5f1d1ebd64:active input {
  color: var(--input-foreground-color-active);
}
.c4c5f1d1ebd64:focus, .c4c5f1d1ebd64:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c4c5f1d1ebd64:focus span, .c4c5f1d1ebd64:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c4c5f1d1ebd64:focus input, .c4c5f1d1ebd64:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c4c5f1d1ebd64:focus:hover, .c4c5f1d1ebd64:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c4c5f1d1ebd64:focus:hover span, .c4c5f1d1ebd64:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c4c5f1d1ebd64:focus:hover input, .c4c5f1d1ebd64:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c63a1b597a49f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c63a1b597a49f input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c63a1b597a49f ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c63a1b597a49f ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c63a1b597a49f:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c63a1b597a49f:focus-within input, .c63a1b597a49f:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c2fadf3844b86, .ca40997839e30.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c2fadf3844b86 input, .ca40997839e30.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c2fadf3844b86 span svg, .ca40997839e30.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c8765ebea96a2, .ceffbd704d282 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c8765ebea96a2 svg, .ceffbd704d282 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c8765ebea96a2:hover, .ceffbd704d282 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8765ebea96a2:focus, .ceffbd704d282 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c8765ebea96a2.checked, .ceffbd704d282 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c8765ebea96a2.checked svg, .ceffbd704d282 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c8765ebea96a2.intermediate, .ceffbd704d282 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c8765ebea96a2.intermediate svg, .ceffbd704d282 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c8765ebea96a2.unchecked, .ceffbd704d282 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c8765ebea96a2.unchecked svg, .ceffbd704d282 label span.unchecked svg {
  display: none;
}

.ceffbd704d282 {
  display: flex;
  align-items: center;
}
.ceffbd704d282 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ceffbd704d282 label input {
  margin: 0;
}
.ceffbd704d282 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ceffbd704d282 label:focus span, .ceffbd704d282 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ca40997839e30 {
  display: flex;
  flex-direction: column;
}
.ca40997839e30 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ca40997839e30 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ca40997839e30 input:focus-within input, .ca40997839e30 input:active input {
  color: var(--input-foreground-color-active);
}
.ca40997839e30 input:focus-within, .ca40997839e30 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ca40997839e30.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc2d30b7344ae {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c3dae3e9cd492 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cb0d36fb70704 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c322c74d82d20 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c166c69c59483 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ce9a401e7b1e4 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c7cfa34573da4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c09f220b1133e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c13669f22432e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c6277aa2951af {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c6277aa2951af:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cc550b42a0541 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c9c5a5a2e30bb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cbf508b743585 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c7e99bbf46449 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c988bfdf283c3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c988bfdf283c3:hover, .c988bfdf283c3:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cc14178b2d079 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cc14178b2d079 button {
  display: none;
}
.cc14178b2d079 button svg {
  stroke: var(--icon-foreground);
}
.cc14178b2d079:hover button {
  display: flex;
}

.c6f64dbebcdfa {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c6f64dbebcdfa .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c6f64dbebcdfa .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cd4499a2d792e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cd4499a2d792e:hover div {
  color: var(--entry-foreground-color-hover);
}

.c7bfcf3f91c54 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c43a5241e6e66 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c43a5241e6e66:hover {
  background-color: var(--menu-background-color-hover);
}

.c37eaad8865eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c37eaad8865eb span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c37eaad8865eb span svg {
  stroke: var(--icon-foreground);
}
.c37eaad8865eb:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c37eaad8865eb:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c11136166a97a {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c4879932f26f3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c4fbc78a9c347,
.c1272569e1305 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cd030033720a8 .c4fbc78a9c347,
.cd030033720a8 .c1272569e1305 {
  transform: scale(1);
}

.cabc83cc3f88c .c4fbc78a9c347,
.cabc83cc3f88c .c1272569e1305 {
  transform: scale(0);
}

.c216caddf1d7a {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 0.75rem 1rem 0;
}
.c216caddf1d7a a:not(.cc70d2517f87c):not(.cf14dcf604917):not(.c7e99bbf46449) {
  color: var(--color-foreground-secondary);
}

.ccf7da1f5a4da {
  display: flex;
  flex-direction: column;
  flex: 1 1 300px;
  max-width: 510px;
  width: 100%;
  margin: 0 0 2.5rem 0;
  --input-width: min(510px, 100%);
}
.ccf7da1f5a4da form {
  display: flex;
  flex-direction: column;
}
.ccf7da1f5a4da form .cb1a9fb402ac9 {
  width: 100%;
  font-size: 0.688rem;
  text-transform: uppercase;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}
.ccf7da1f5a4da form .cb1a9fb402ac9:hover {
  color: var(--color-accent-primary);
  background-color: var(--color-background-quaternary);
}
.ccf7da1f5a4da form hr {
  display: none;
}
.ccf7da1f5a4da .c7934d557056e {
  --input-height: 2.5rem;
  --control-height: 2.5rem;
  margin-bottom: 1.25rem;
  flex-direction: column;
}
.ccf7da1f5a4da .c7934d557056e .c9db3664e58e7 {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
.ccf7da1f5a4da .c5ea9a27bbbc4 {
  margin-bottom: 1.25rem;
}
.ccf7da1f5a4da .c55d120a4391a {
  color: var(--color-foreground-primary);
}
.ccf7da1f5a4da .c55d120a4391a:not(:first-child) {
  margin-top: 4rem;
}
.ccf7da1f5a4da .cd03e0f73f7e4 {
  color: var(--color-foreground-secondary);
}
.ccf7da1f5a4da .cb1ff9bddf2cf,
.ccf7da1f5a4da .c3203fcaaf6f5 {
  flex-direction: column-reverse;
  height: 2.5rem;
}
.ccf7da1f5a4da .cb1ff9bddf2cf label,
.ccf7da1f5a4da .c3203fcaaf6f5 label {
  position: relative;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
  font-size: 0.688rem;
  margin-bottom: 0.75rem;
  margin-left: -0.25rem;
}
.ccf7da1f5a4da .cb1ff9bddf2cf input,
.ccf7da1f5a4da .cb1ff9bddf2cf select,
.ccf7da1f5a4da .c3203fcaaf6f5 input,
.ccf7da1f5a4da .c3203fcaaf6f5 select {
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  border-color: transparent;
  color: var(--color-foreground-primary);
  padding: 0 1rem;
}
.ccf7da1f5a4da .cb1ff9bddf2cf input:focus,
.ccf7da1f5a4da .cb1ff9bddf2cf select:focus,
.ccf7da1f5a4da .c3203fcaaf6f5 input:focus,
.ccf7da1f5a4da .c3203fcaaf6f5 select:focus {
  outline: 1px solid var(--color-accent-primary);
}
.ccf7da1f5a4da .cb1ff9bddf2cf input ::-moz-placeholder, .ccf7da1f5a4da .cb1ff9bddf2cf select ::-moz-placeholder, .ccf7da1f5a4da .c3203fcaaf6f5 input ::-moz-placeholder, .ccf7da1f5a4da .c3203fcaaf6f5 select ::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.ccf7da1f5a4da .cb1ff9bddf2cf input ::placeholder,
.ccf7da1f5a4da .cb1ff9bddf2cf select ::placeholder,
.ccf7da1f5a4da .c3203fcaaf6f5 input ::placeholder,
.ccf7da1f5a4da .c3203fcaaf6f5 select ::placeholder {
  color: var(--color-foreground-secondary);
}
.ccf7da1f5a4da .cb1ff9bddf2cf .c9af5d714bdec,
.ccf7da1f5a4da .c3203fcaaf6f5 .c9af5d714bdec {
  bottom: 0.75rem;
  top: auto;
}
.ccf7da1f5a4da .cb1ff9bddf2cf .c9af5d714bdec svg,
.ccf7da1f5a4da .c3203fcaaf6f5 .c9af5d714bdec svg {
  fill: var(--color-foreground-secondary);
}
.ccf7da1f5a4da .cb1ff9bddf2cf.c45601c38a8ca input,
.ccf7da1f5a4da .c3203fcaaf6f5.c45601c38a8ca input {
  background-color: var(--input-background-color-disabled);
  border-color: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
}
.ccf7da1f5a4da .cb1ff9bddf2cf .c19dbba9511e1,
.ccf7da1f5a4da .c3203fcaaf6f5 .c19dbba9511e1 {
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  border-color: transparent;
  height: 2.5rem;
  margin-top: 1.5rem;
}
.ccf7da1f5a4da .cb1ff9bddf2cf .c19dbba9511e1 .c438cde814c07 label,
.ccf7da1f5a4da .c3203fcaaf6f5 .c19dbba9511e1 .c438cde814c07 label {
  position: absolute;
  top: calc(-1 * 1.5rem);
}
.ccf7da1f5a4da .cb1ff9bddf2cf .c19dbba9511e1 .c438cde814c07 span,
.ccf7da1f5a4da .c3203fcaaf6f5 .c19dbba9511e1 .c438cde814c07 span {
  color: var(--color-foreground-primary);
}
.ccf7da1f5a4da .cb1ff9bddf2cf .c19dbba9511e1:focus,
.ccf7da1f5a4da .c3203fcaaf6f5 .c19dbba9511e1:focus {
  border: 1px solid var(--color-accent-primary);
}
.ccf7da1f5a4da .cb1ff9bddf2cf textarea,
.ccf7da1f5a4da .c3203fcaaf6f5 textarea {
  border-radius: 8px;
  padding: 0.75rem 1rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.ccf7da1f5a4da .cb1ff9bddf2cf textarea:focus,
.ccf7da1f5a4da .c3203fcaaf6f5 textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
.ccf7da1f5a4da.c355863d27109 {
  max-width: 32.5rem;
  justify-content: space-between;
  flex-direction: row;
}
.ccf7da1f5a4da h1 {
  font-size: 2.25rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.ccf7da1f5a4da .c0ae575bef9a0 {
  font-size: 1.5rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.ccf7da1f5a4da .cbf99e9454569 {
  justify-content: center;
  display: flex;
  margin-bottom: 3rem;
}
.ccf7da1f5a4da .cbf99e9454569 svg {
  fill: var(--color-background-primary);
  height: 40%;
  width: 40%;
}
.ccf7da1f5a4da .cc75414078b86 {
  font-size: 1rem;
  color: var(--color-background-primary);
  margin-bottom: 1.25rem;
}
.ccf7da1f5a4da .cd0a44ea41dc6 {
  background: var(--color-foreground-primary);
  border-radius: 4px;
  color: var(--color-background-primary);
  font-size: 1rem;
  font-weight: 500;
  margin: 1.5rem 0 2.5rem 0;
  padding: 1rem;
  text-align: center;
}
.ccf7da1f5a4da h2 {
  font-size: 2rem;
  font-weight: 500;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.ccf7da1f5a4da h3 {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
  text-transform: uppercase;
}
.ccf7da1f5a4da a:not(.cc70d2517f87c):not(.cf14dcf604917):hover {
  text-decoration: underline;
}
.ccf7da1f5a4da p {
  color: var(--color-background-primary);
}
.ccf7da1f5a4da hr {
  border-color: var(--color-foreground-secondary);
}
.ccf7da1f5a4da .c6bce01378c78 {
  margin-top: 0.75rem;
}

form.ca327f1f3e1cf {
  display: flex;
  flex-direction: column;
  width: 9.25rem;
  height: 9.25rem;
  margin: 1rem 0;
}
form.ca327f1f3e1cf img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 100%;
  margin-right: 1rem;
  width: 100%;
}

.c45bfd103ebf7 {
  position: relative;
  width: 100%;
  height: 100%;
}
.c45bfd103ebf7 .ccac6421f574f {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  font-size: 1.5rem;
  color: var(--color-foreground-primary);
  line-height: 6;
  text-align: center;
  background: var(--color-accent-tertiary);
  z-index: 30;
}
.c45bfd103ebf7 input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 30;
}
.c45bfd103ebf7:hover .ccac6421f574f {
  opacity: 0.8;
}

.c18446872f014 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

.c3db033ff801e {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  max-width: 510px;
  width: 100%;
}

.c696123db768d {
  border-bottom: 1px solid var(--color-foreground-secondary);
  border-top: 1px solid var(--color-foreground-secondary);
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.c696123db768d .c5f4590b41cbb {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.c696123db768d label {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-background-primary);
  font-size: 0.75rem;
  margin-right: calc(-1 * 1rem);
  margin-bottom: 0.75rem;
}
.c696123db768d .cb918d1647ddb {
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.c696123db768d .ceffbd704d282 label {
  align-items: flex-start;
}

.cb1a9fb402ac9 {
  height: 2rem;
}

.cf14dcf604917 {
  height: 2rem;
}
@keyframes ce8f0db7a1d7b {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cdbd7d23ee98a {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cdbd7d23ee98a:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cdbd7d23ee98a ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cdbd7d23ee98a ::-webkit-scrollbar-track,
.cdbd7d23ee98a ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cdbd7d23ee98a ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cdbd7d23ee98a ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cdbd7d23ee98a ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cdbd7d23ee98a ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cdbd7d23ee98a ::placeholder,
.cdbd7d23ee98a ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c6cb05798bf35, .ca7b663e7eb9d, .c53a9ba6ec6ac {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c6cb05798bf35 svg, .ca7b663e7eb9d svg, .c53a9ba6ec6ac svg,
.c6cb05798bf35 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c6cb05798bf35:focus-visible, .ca7b663e7eb9d:focus-visible, .c53a9ba6ec6ac:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c6cb05798bf35:focus-visible svg, .ca7b663e7eb9d:focus-visible svg, .c53a9ba6ec6ac:focus-visible svg,
.c6cb05798bf35:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c6cb05798bf35:hover, .ca7b663e7eb9d:hover, .c53a9ba6ec6ac:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c6cb05798bf35:hover svg, .ca7b663e7eb9d:hover svg, .c53a9ba6ec6ac:hover svg,
.c6cb05798bf35:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c6cb05798bf35:active, .ca7b663e7eb9d:active, .c53a9ba6ec6ac:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c6cb05798bf35:active svg, .ca7b663e7eb9d:active svg, .c53a9ba6ec6ac:active svg,
.c6cb05798bf35:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c6cb05798bf35.disabled, .ca7b663e7eb9d.disabled, .c53a9ba6ec6ac.disabled, .c6cb05798bf35[disabled], [disabled].ca7b663e7eb9d, [disabled].c53a9ba6ec6ac, .c6cb05798bf35:disabled, .ca7b663e7eb9d:disabled, .c53a9ba6ec6ac:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2eeb5b272302, .caf8cd2540a35 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c2eeb5b272302 svg, .caf8cd2540a35 svg,
.c2eeb5b272302 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c2eeb5b272302:focus-visible, .caf8cd2540a35:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2eeb5b272302:focus-visible svg, .caf8cd2540a35:focus-visible svg,
.c2eeb5b272302:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2eeb5b272302:hover, .caf8cd2540a35:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c2eeb5b272302:hover svg, .caf8cd2540a35:hover svg,
.c2eeb5b272302:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c2eeb5b272302:active, .caf8cd2540a35:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c2eeb5b272302:active svg, .caf8cd2540a35:active svg,
.c2eeb5b272302:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c2eeb5b272302.disabled, .caf8cd2540a35.disabled, .c2eeb5b272302[disabled], [disabled].caf8cd2540a35, .c2eeb5b272302:disabled, .caf8cd2540a35:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7ad9571b7cb6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c7ad9571b7cb6 svg,
.c7ad9571b7cb6 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c7ad9571b7cb6:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c7ad9571b7cb6:focus-visible svg,
.c7ad9571b7cb6:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c7ad9571b7cb6:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c7ad9571b7cb6:hover svg,
.c7ad9571b7cb6:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c7ad9571b7cb6:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c7ad9571b7cb6:active svg,
.c7ad9571b7cb6:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c7ad9571b7cb6.disabled, .c7ad9571b7cb6[disabled], .c7ad9571b7cb6:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3f5fc44097a3, .ca31b39a24c32 button, .c21a86a82ee3f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c3f5fc44097a3 svg, .ca31b39a24c32 button svg, .c21a86a82ee3f svg,
.c3f5fc44097a3 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c3f5fc44097a3:focus-visible, .ca31b39a24c32 button:focus-visible, .c21a86a82ee3f:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c3f5fc44097a3:focus-visible svg, .ca31b39a24c32 button:focus-visible svg, .c21a86a82ee3f:focus-visible svg,
.c3f5fc44097a3:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c3f5fc44097a3:hover, .ca31b39a24c32 button:hover, .c21a86a82ee3f:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c3f5fc44097a3:hover svg, .ca31b39a24c32 button:hover svg, .c21a86a82ee3f:hover svg,
.c3f5fc44097a3:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c3f5fc44097a3:active, .ca31b39a24c32 button:active, .c21a86a82ee3f:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c3f5fc44097a3:active svg, .ca31b39a24c32 button:active svg, .c21a86a82ee3f:active svg,
.c3f5fc44097a3:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c3f5fc44097a3.disabled, .ca31b39a24c32 button.disabled, .c21a86a82ee3f.disabled, .c3f5fc44097a3[disabled], .ca31b39a24c32 button[disabled], [disabled].c21a86a82ee3f, .c3f5fc44097a3:disabled, .ca31b39a24c32 button:disabled, .c21a86a82ee3f:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c3f5fc44097a3.disabled svg, .ca31b39a24c32 button.disabled svg, .c21a86a82ee3f.disabled svg,
.c3f5fc44097a3.disabled span svg, .c3f5fc44097a3[disabled] svg, .ca31b39a24c32 button[disabled] svg, [disabled].c21a86a82ee3f svg,
.c3f5fc44097a3[disabled] span svg, .c3f5fc44097a3:disabled svg, .ca31b39a24c32 button:disabled svg, .c21a86a82ee3f:disabled svg,
.c3f5fc44097a3:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cf9c8b9fc0fa3 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cf9c8b9fc0fa3 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cd6674492bc46 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cd6674492bc46 svg,
.cd6674492bc46 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cd6674492bc46:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cd6674492bc46:focus-visible svg,
.cd6674492bc46:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cd6674492bc46:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cd6674492bc46:hover svg,
.cd6674492bc46:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cd6674492bc46:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cd6674492bc46:active svg,
.cd6674492bc46:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c11780f079b71 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cc0a9d3eb8306 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c572bc5290cd8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c572bc5290cd8:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c572bc5290cd8:focus-visible svg,
.c572bc5290cd8:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c572bc5290cd8:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c572bc5290cd8:active {
  border: none;
  background-color: transparent;
}

.c106e53fc235d, .c87a45fb88809, .c21a86a82ee3f svg, .c2e7a9220aaf2, .c80f1ebd6db19, .c127f6a5cf749 span svg, .ca31b39a24c32 button svg, .c6bbb9509213d.intermediate svg, .c22a8f3d875e8 label span.intermediate svg, .c6bbb9509213d.checked svg, .c22a8f3d875e8 label span.checked svg, .c00c053fd548e span svg,
.c00c053fd548e label svg, .ca4b562bdb531 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c0f263f7ddfbc {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c0f263f7ddfbc:hover {
  fill: none;
  stroke: none;
}

.c2e7a9220aaf2, .c80f1ebd6db19, .c127f6a5cf749 span svg, .ca31b39a24c32 button svg, .c6bbb9509213d.intermediate svg, .c22a8f3d875e8 label span.intermediate svg, .c6bbb9509213d.checked svg, .c22a8f3d875e8 label span.checked svg, .c00c053fd548e span svg,
.c00c053fd548e label svg, .ca4b562bdb531 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c8ba80bd63cb3 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c8ba80bd63cb3:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c5a5aedda3c35, .c9e6fcda9e65f input, .cac89c5592e15 input, .c00c053fd548e input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c5a5aedda3c35, .c9e6fcda9e65f input, .cac89c5592e15 input, .c00c053fd548e input {
    height: 23px;
  }
}
.c5a5aedda3c35, .c9e6fcda9e65f input, .cac89c5592e15 input, .c00c053fd548e input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c5a5aedda3c35[disabled], .c9e6fcda9e65f input[disabled], .cac89c5592e15 input[disabled], .c00c053fd548e input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ca4b562bdb531 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c5a22bf15fc13, .c00c053fd548e span,
.c00c053fd548e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c5a22bf15fc13, .c00c053fd548e span,
  .c00c053fd548e label {
    height: 25px;
  }
}
.c5a22bf15fc13, .c00c053fd548e span,
.c00c053fd548e label {
  color: var(--input-foreground-color);
}

.c00c053fd548e {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c00c053fd548e {
    height: 25px;
    font-size: 10px;
  }
}
.c00c053fd548e {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c00c053fd548e span svg,
.c00c053fd548e label svg {
  color: var(--input-foreground-color);
}
.c00c053fd548e ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c00c053fd548e ::placeholder {
  color: var(--input-placeholder-color);
}
.c00c053fd548e:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c00c053fd548e:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c00c053fd548e:hover span {
  color: var(--input-foreground-color-hover);
}
.c00c053fd548e:hover input {
  color: var(--input-foreground-color-hover);
}
.c00c053fd548e:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c00c053fd548e:active span {
  color: var(--input-foreground-color-active);
}
.c00c053fd548e:active input {
  color: var(--input-foreground-color-active);
}
.c00c053fd548e:focus, .c00c053fd548e:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c00c053fd548e:focus span, .c00c053fd548e:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c00c053fd548e:focus input, .c00c053fd548e:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c00c053fd548e:focus:hover, .c00c053fd548e:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c00c053fd548e:focus:hover span, .c00c053fd548e:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c00c053fd548e:focus:hover input, .c00c053fd548e:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cac89c5592e15 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cac89c5592e15 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cac89c5592e15 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cac89c5592e15 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cac89c5592e15:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cac89c5592e15:focus-within input, .cac89c5592e15:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c818fd2bac611, .c9e6fcda9e65f.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c818fd2bac611 input, .c9e6fcda9e65f.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c818fd2bac611 span svg, .c9e6fcda9e65f.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c6bbb9509213d, .c22a8f3d875e8 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c6bbb9509213d svg, .c22a8f3d875e8 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c6bbb9509213d:hover, .c22a8f3d875e8 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c6bbb9509213d:focus, .c22a8f3d875e8 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c6bbb9509213d.checked, .c22a8f3d875e8 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c6bbb9509213d.checked svg, .c22a8f3d875e8 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c6bbb9509213d.intermediate, .c22a8f3d875e8 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c6bbb9509213d.intermediate svg, .c22a8f3d875e8 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c6bbb9509213d.unchecked, .c22a8f3d875e8 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c6bbb9509213d.unchecked svg, .c22a8f3d875e8 label span.unchecked svg {
  display: none;
}

.c22a8f3d875e8 {
  display: flex;
  align-items: center;
}
.c22a8f3d875e8 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c22a8f3d875e8 label input {
  margin: 0;
}
.c22a8f3d875e8 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c22a8f3d875e8 label:focus span, .c22a8f3d875e8 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c9e6fcda9e65f {
  display: flex;
  flex-direction: column;
}
.c9e6fcda9e65f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c9e6fcda9e65f input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c9e6fcda9e65f input:focus-within input, .c9e6fcda9e65f input:active input {
  color: var(--input-foreground-color-active);
}
.c9e6fcda9e65f input:focus-within, .c9e6fcda9e65f input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c9e6fcda9e65f.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cb4e02d00e6d2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c7a31ad36fee7 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c00f64f9e62cc {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c21a86a82ee3f {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c4731d7424956 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c3a8faecf64e9 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.caf8cd2540a35 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c53a9ba6ec6ac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ca7b663e7eb9d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cd918772cbd25 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cd918772cbd25:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c83e2aec1fa5a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c29b51956d299 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c1a458b0c9b6e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ca709eb5b8765 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cab02255d2f8f {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cab02255d2f8f:hover, .cab02255d2f8f:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ca31b39a24c32 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ca31b39a24c32 button {
  display: none;
}
.ca31b39a24c32 button svg {
  stroke: var(--icon-foreground);
}
.ca31b39a24c32:hover button {
  display: flex;
}

.cf659e588c23e {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cf659e588c23e .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cf659e588c23e .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c25e022a3a730 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c25e022a3a730:hover div {
  color: var(--entry-foreground-color-hover);
}

.ce76096654d71 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ced3eadf70fd2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ced3eadf70fd2:hover {
  background-color: var(--menu-background-color-hover);
}

.c127f6a5cf749 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c127f6a5cf749 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c127f6a5cf749 span svg {
  stroke: var(--icon-foreground);
}
.c127f6a5cf749:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c127f6a5cf749:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cd6f37d0d818b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cb70dc8f0e47f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c6136f1f93dc0,
.c139c82df36c0 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb76448ca67bd .c6136f1f93dc0,
.cb76448ca67bd .c139c82df36c0 {
  transform: scale(1);
}

.cc1f32fd63175 .c6136f1f93dc0,
.cc1f32fd63175 .c139c82df36c0 {
  transform: scale(0);
}

.c919f6bdcf73e {
  grid-column: 1/span 2;
  grid-row: 1/span 2;
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
  padding-block-start: 1rem;
  border-right: 1px solid var(--panel-border-color);
  z-index: 1;
  background-color: var(--panel-background-color);
}

.c9a6cb5f3685f {
  display: grid;
  grid-template-rows: auto auto 1fr;
  height: 100%;
  padding: 0;
  overflow-y: auto;
}

.ce687c01e6f8f {
  border-color: transparent;
  margin: 0.75rem 1rem;
}

.ca1d6761e45e5 {
  display: grid;
  grid-auto-rows: auto;
  margin: 0;
  overflow: unset;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.c9a0c932bb279 {
  --settings-foreground-color: var(--menu-foreground-color-rest);
  --settings-background-color: transparent;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  color: var(--settings-foreground-color);
  background-color: var(--settings-background-color);
  cursor: pointer;
}
.c9a0c932bb279:hover {
  --settings-foreground-color: var(--sidebar-element-foreground-color-hover);
  --settings-background-color: var(--sidebar-element-background-color-hover);
}
.c9a0c932bb279.cc20443c1978f {
  --settings-foreground-color: var(--sidebar-element-foreground-color-selected);
  --settings-background-color: var(--sidebar-element-background-color-selected);
}

.c80f1ebd6db19 {
  stroke: var(--settings-foreground-color);
  margin-right: 0.5rem;
}

.c70d16213d32e {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
}

.cefc0ae3953fc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
}
.cefc0ae3953fc svg {
  color: var(--color-foreground-primary);
}
.cefc0ae3953fc svg:hover {
  color: var(--color-accent-primary);
}

.cf46023f85bbc {
  color: var(--color-foreground-primary);
  font-size: 20px;
}

.c87a45fb88809 {
  stroke: none;
  transform: rotate(180deg);
  margin-right: 0.75rem;
}
@keyframes c111ba0a8e83b {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c8526c849489c {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c8526c849489c:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c8526c849489c ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c8526c849489c ::-webkit-scrollbar-track,
.c8526c849489c ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c8526c849489c ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c8526c849489c ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c8526c849489c ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8526c849489c ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8526c849489c ::placeholder,
.c8526c849489c ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c9fbd9a198b09, .cfcf8edf7652f, .cb7985af309fb, .c147bf6b2a778 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c9fbd9a198b09 svg, .cfcf8edf7652f svg, .cb7985af309fb svg, .c147bf6b2a778 svg,
.c9fbd9a198b09 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c9fbd9a198b09:focus-visible, .cfcf8edf7652f:focus-visible, .cb7985af309fb:focus-visible, .c147bf6b2a778:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c9fbd9a198b09:focus-visible svg, .cfcf8edf7652f:focus-visible svg, .cb7985af309fb:focus-visible svg, .c147bf6b2a778:focus-visible svg,
.c9fbd9a198b09:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c9fbd9a198b09:hover, .cfcf8edf7652f:hover, .cb7985af309fb:hover, .c147bf6b2a778:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c9fbd9a198b09:hover svg, .cfcf8edf7652f:hover svg, .cb7985af309fb:hover svg, .c147bf6b2a778:hover svg,
.c9fbd9a198b09:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c9fbd9a198b09:active, .cfcf8edf7652f:active, .cb7985af309fb:active, .c147bf6b2a778:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c9fbd9a198b09:active svg, .cfcf8edf7652f:active svg, .cb7985af309fb:active svg, .c147bf6b2a778:active svg,
.c9fbd9a198b09:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c9fbd9a198b09.disabled, .cfcf8edf7652f.disabled, .cb7985af309fb.disabled, .c147bf6b2a778.disabled, .c9fbd9a198b09[disabled], [disabled].cfcf8edf7652f, [disabled].cb7985af309fb, [disabled].c147bf6b2a778, .c9fbd9a198b09:disabled, .cfcf8edf7652f:disabled, .cb7985af309fb:disabled, .c147bf6b2a778:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce752d253e96e, .c49059d8c1263, .c60585b8e2ae8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ce752d253e96e svg, .c49059d8c1263 svg, .c60585b8e2ae8 svg,
.ce752d253e96e span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ce752d253e96e:focus-visible, .c49059d8c1263:focus-visible, .c60585b8e2ae8:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ce752d253e96e:focus-visible svg, .c49059d8c1263:focus-visible svg, .c60585b8e2ae8:focus-visible svg,
.ce752d253e96e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ce752d253e96e:hover, .c49059d8c1263:hover, .c60585b8e2ae8:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ce752d253e96e:hover svg, .c49059d8c1263:hover svg, .c60585b8e2ae8:hover svg,
.ce752d253e96e:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ce752d253e96e:active, .c49059d8c1263:active, .c60585b8e2ae8:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ce752d253e96e:active svg, .c49059d8c1263:active svg, .c60585b8e2ae8:active svg,
.ce752d253e96e:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ce752d253e96e.disabled, .c49059d8c1263.disabled, .c60585b8e2ae8.disabled, .ce752d253e96e[disabled], [disabled].c49059d8c1263, [disabled].c60585b8e2ae8, .ce752d253e96e:disabled, .c49059d8c1263:disabled, .c60585b8e2ae8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1086612f414a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c1086612f414a svg,
.c1086612f414a span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c1086612f414a:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c1086612f414a:focus-visible svg,
.c1086612f414a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c1086612f414a:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c1086612f414a:hover svg,
.c1086612f414a:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c1086612f414a:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c1086612f414a:active svg,
.c1086612f414a:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c1086612f414a.disabled, .c1086612f414a[disabled], .c1086612f414a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf085b9ef8fd7, .c02a27db4b054 button, .c06f1cef123f4, .cd676b8f7316c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cf085b9ef8fd7 svg, .c02a27db4b054 button svg, .c06f1cef123f4 svg, .cd676b8f7316c svg,
.cf085b9ef8fd7 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cf085b9ef8fd7:focus-visible, .c02a27db4b054 button:focus-visible, .c06f1cef123f4:focus-visible, .cd676b8f7316c:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cf085b9ef8fd7:focus-visible svg, .c02a27db4b054 button:focus-visible svg, .c06f1cef123f4:focus-visible svg, .cd676b8f7316c:focus-visible svg,
.cf085b9ef8fd7:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cf085b9ef8fd7:hover, .c02a27db4b054 button:hover, .c06f1cef123f4:hover, .cd676b8f7316c:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cf085b9ef8fd7:hover svg, .c02a27db4b054 button:hover svg, .c06f1cef123f4:hover svg, .cd676b8f7316c:hover svg,
.cf085b9ef8fd7:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cf085b9ef8fd7:active, .c02a27db4b054 button:active, .c06f1cef123f4:active, .cd676b8f7316c:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cf085b9ef8fd7:active svg, .c02a27db4b054 button:active svg, .c06f1cef123f4:active svg, .cd676b8f7316c:active svg,
.cf085b9ef8fd7:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cf085b9ef8fd7.disabled, .c02a27db4b054 button.disabled, .c06f1cef123f4.disabled, .cd676b8f7316c.disabled, .cf085b9ef8fd7[disabled], .c02a27db4b054 button[disabled], [disabled].c06f1cef123f4, [disabled].cd676b8f7316c, .cf085b9ef8fd7:disabled, .c02a27db4b054 button:disabled, .c06f1cef123f4:disabled, .cd676b8f7316c:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cf085b9ef8fd7.disabled svg, .c02a27db4b054 button.disabled svg, .c06f1cef123f4.disabled svg, .cd676b8f7316c.disabled svg,
.cf085b9ef8fd7.disabled span svg, .cf085b9ef8fd7[disabled] svg, .c02a27db4b054 button[disabled] svg, [disabled].c06f1cef123f4 svg, [disabled].cd676b8f7316c svg,
.cf085b9ef8fd7[disabled] span svg, .cf085b9ef8fd7:disabled svg, .c02a27db4b054 button:disabled svg, .c06f1cef123f4:disabled svg, .cd676b8f7316c:disabled svg,
.cf085b9ef8fd7:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c6d5e5f2436db {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c6d5e5f2436db svg {
  color: var(--button-icon-foreground-color-selected);
}

.ca6732e565a7e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ca6732e565a7e svg,
.ca6732e565a7e span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ca6732e565a7e:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ca6732e565a7e:focus-visible svg,
.ca6732e565a7e:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ca6732e565a7e:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ca6732e565a7e:hover svg,
.ca6732e565a7e:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ca6732e565a7e:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ca6732e565a7e:active svg,
.ca6732e565a7e:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c12d11bba8e6b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ca4fe12c3402c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c55db236d1086 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c55db236d1086:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c55db236d1086:focus-visible svg,
.c55db236d1086:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c55db236d1086:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c55db236d1086:active {
  border: none;
  background-color: transparent;
}

.cef7093517d96, .c771b5c87c2d3,
.cecf485046df0, .c0d87f1829161, .c10180931ea29 svg, .c06f1cef123f4 svg, .cd676b8f7316c svg, .c09ade1b1052a, .c476fb99cf0bc span svg, .c02a27db4b054 button svg, .cfc22232492e3.intermediate svg, .c8d09b418a47f label span.intermediate svg, .cfc22232492e3.checked svg, .c8d09b418a47f label span.checked svg, .cc8f96d8e28a8 span svg,
.cc8f96d8e28a8 label svg, .c349045652286 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c2af45b092999 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c2af45b092999:hover {
  fill: none;
  stroke: none;
}

.c09ade1b1052a, .c476fb99cf0bc span svg, .c02a27db4b054 button svg, .cfc22232492e3.intermediate svg, .c8d09b418a47f label span.intermediate svg, .cfc22232492e3.checked svg, .c8d09b418a47f label span.checked svg, .cc8f96d8e28a8 span svg,
.cc8f96d8e28a8 label svg, .c349045652286 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c40d5b82d2ffa {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c40d5b82d2ffa:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c09f0c40f6157, .cd4bf9c54af8f input, .c659ec283156a input, .cc8f96d8e28a8 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c09f0c40f6157, .cd4bf9c54af8f input, .c659ec283156a input, .cc8f96d8e28a8 input {
    height: 23px;
  }
}
.c09f0c40f6157, .cd4bf9c54af8f input, .c659ec283156a input, .cc8f96d8e28a8 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c09f0c40f6157[disabled], .cd4bf9c54af8f input[disabled], .c659ec283156a input[disabled], .cc8f96d8e28a8 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c349045652286 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cae1efe81afc7, .cc8f96d8e28a8 span,
.cc8f96d8e28a8 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cae1efe81afc7, .cc8f96d8e28a8 span,
  .cc8f96d8e28a8 label {
    height: 25px;
  }
}
.cae1efe81afc7, .cc8f96d8e28a8 span,
.cc8f96d8e28a8 label {
  color: var(--input-foreground-color);
}

.cc8f96d8e28a8 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc8f96d8e28a8 {
    height: 25px;
    font-size: 10px;
  }
}
.cc8f96d8e28a8 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cc8f96d8e28a8 span svg,
.cc8f96d8e28a8 label svg {
  color: var(--input-foreground-color);
}
.cc8f96d8e28a8 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cc8f96d8e28a8 ::placeholder {
  color: var(--input-placeholder-color);
}
.cc8f96d8e28a8:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc8f96d8e28a8:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cc8f96d8e28a8:hover span {
  color: var(--input-foreground-color-hover);
}
.cc8f96d8e28a8:hover input {
  color: var(--input-foreground-color-hover);
}
.cc8f96d8e28a8:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cc8f96d8e28a8:active span {
  color: var(--input-foreground-color-active);
}
.cc8f96d8e28a8:active input {
  color: var(--input-foreground-color-active);
}
.cc8f96d8e28a8:focus, .cc8f96d8e28a8:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc8f96d8e28a8:focus span, .cc8f96d8e28a8:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cc8f96d8e28a8:focus input, .cc8f96d8e28a8:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cc8f96d8e28a8:focus:hover, .cc8f96d8e28a8:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc8f96d8e28a8:focus:hover span, .cc8f96d8e28a8:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cc8f96d8e28a8:focus:hover input, .cc8f96d8e28a8:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c659ec283156a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c659ec283156a input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c659ec283156a ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c659ec283156a ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c659ec283156a:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c659ec283156a:focus-within input, .c659ec283156a:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c96d8428553de, .cd4bf9c54af8f.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c96d8428553de input, .cd4bf9c54af8f.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c96d8428553de span svg, .cd4bf9c54af8f.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cfc22232492e3, .c8d09b418a47f label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cfc22232492e3 svg, .c8d09b418a47f label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cfc22232492e3:hover, .c8d09b418a47f label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cfc22232492e3:focus, .c8d09b418a47f label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cfc22232492e3.checked, .c8d09b418a47f label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cfc22232492e3.checked svg, .c8d09b418a47f label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cfc22232492e3.intermediate, .c8d09b418a47f label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cfc22232492e3.intermediate svg, .c8d09b418a47f label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cfc22232492e3.unchecked, .c8d09b418a47f label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cfc22232492e3.unchecked svg, .c8d09b418a47f label span.unchecked svg {
  display: none;
}

.c8d09b418a47f {
  display: flex;
  align-items: center;
}
.c8d09b418a47f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c8d09b418a47f label input {
  margin: 0;
}
.c8d09b418a47f label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8d09b418a47f label:focus span, .c8d09b418a47f label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cd4bf9c54af8f {
  display: flex;
  flex-direction: column;
}
.cd4bf9c54af8f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cd4bf9c54af8f input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cd4bf9c54af8f input:focus-within input, .cd4bf9c54af8f input:active input {
  color: var(--input-foreground-color-active);
}
.cd4bf9c54af8f input:focus-within, .cd4bf9c54af8f input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd4bf9c54af8f.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cadd438c4d746 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c8202d5b7b26e, .c3966fe689b72 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c350c15f668cf, .c5352556a0a0b {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c06f1cef123f4, .cd676b8f7316c {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c28219f927342 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cff3f9fc7a477, .cbb255f21e705 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c49059d8c1263, .c60585b8e2ae8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb7985af309fb, .c147bf6b2a778 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cfcf8edf7652f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce2b6cb97847f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce2b6cb97847f:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c4978e3494e08 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cec39d5fb0087 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c4e651b0206f3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c14e6ddeb67e8 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c0ffdbd69f045 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c0ffdbd69f045:hover, .c0ffdbd69f045:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c02a27db4b054 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c02a27db4b054 button {
  display: none;
}
.c02a27db4b054 button svg {
  stroke: var(--icon-foreground);
}
.c02a27db4b054:hover button {
  display: flex;
}

.ce11108fe0064 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ce11108fe0064 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ce11108fe0064 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c68b89959ca04 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c68b89959ca04:hover div {
  color: var(--entry-foreground-color-hover);
}

.c0e756f03b704 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c7a63ac81b6dc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c7a63ac81b6dc:hover {
  background-color: var(--menu-background-color-hover);
}

.c476fb99cf0bc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c476fb99cf0bc span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c476fb99cf0bc span svg {
  stroke: var(--icon-foreground);
}
.c476fb99cf0bc:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c476fb99cf0bc:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cbaf5de2acb56 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c5702a13ef80c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c07e6d1103002,
.cce74fd67ad6c {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce7f7815379d3 .c07e6d1103002,
.ce7f7815379d3 .cce74fd67ad6c {
  transform: scale(1);
}

.c7c71eb69fdcb .c07e6d1103002,
.c7c71eb69fdcb .cce74fd67ad6c {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.ca02054953f57 {
  display: flex;
  inline-size: 100%;
  justify-content: center;
  align-items: center;
}

.c6442d01055af {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-inline-size: 31.25rem;
  margin-block-end: var(--sp-xxxl);
  inline-size: 36.25rem;
  margin: 5.75rem auto 7.5rem auto;
  justify-content: center;
}

.c6fc10f729410 {
  margin-block-start: var(--sp-l);
}

.c2e4160b412c3 {
  align-items: center;
  display: flex;
  margin-block-start: var(--sp-s);
}

.c2e4160b412c3.c7939d8149c8a {
  margin-block-start: var(--sp-l);
}

.c63cbff0411e7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
  margin-inline-start: var(--sp-s);
}

.cecf485046df0 {
  stroke: none;
}

.c771b5c87c2d3 {
  stroke: var(--color-badge-premium);
}

.c6353ba508c66 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.5rem;
  color: var(--color-foreground-primary);
  margin-block-end: var(--sp-xxl);
}

.c78a83b6fd028 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-primary);
}

.cfd61e87141d9 {
  border: 0.0625rem solid var(--color-background-quaternary);
  border-radius: var(--sp-s);
  margin-block-start: var(--sp-l);
  padding: var(--sp-l);
}

.c06480671fd7c {
  background-color: var(--color-background-tertiary);
  border: 0.0625rem solid var(--color-accent-select);
}

.cb208c1ce450d {
  display: flex;
  justify-content: space-between;
  margin-block-end: var(--sp-m);
}

.c255e4626af64 {
  display: flex;
  align-items: center;
  gap: var(--sp-s);
}

.c0d87f1829161 {
  stroke: var(--color-foreground-primary);
  block-size: var(--sp-xl);
  inline-size: var(--sp-xl);
  border-radius: 6px;
  border: 1.75px solid var(--color-foreground-primary);
  stroke-width: 2.25px;
  padding: 1px;
}
.c0d87f1829161 svg {
  block-size: var(--sp-m);
  inline-size: var(--sp-m);
}

.c18ca864de5b7,
.c1c21302b03af {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.25rem;
  color: var(--color-foreground-primary);
}

.c6301e59a5f87 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  align-self: end;
  color: var(--color-foreground-primary);
  margin-block-end: 2px;
}

.c939cda4ac8ee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-primary);
}

.c19b4c7d5fc54 {
  margin-block: 0;
}

.cb6bba295bf6a,
.ce367addb4d72 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  color: var(--color-foreground-secondary);
}

.c708f3f990671 {
  margin-block-start: 3.25rem;
}

.c10180931ea29 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  border: none;
  background: none;
  cursor: pointer;
  align-items: center;
  color: var(--color-accent-primary);
  display: flex;
  margin-block-start: var(--sp-m);
  text-align: left;
}

.c10180931ea29 svg {
  block-size: var(--sp-l);
  inline-size: var(--sp-l);
  stroke: var(--color-accent-primary);
  margin-inline-start: var(--sp-xs);
}

.ce5cc5071d188 svg {
  transform: rotate(90deg);
}

.c2e126fad4e90 {
  margin-block-start: var(--sp-xs);
}

.c6f2f37e0f35d {
  margin-block-start: var(--sp-xl);
}

.c5352556a0a0b {
  max-block-size: initial;
  min-inline-size: 34.25rem;
}

.c5352556a0a0b.c5423b3136324 {
  min-inline-size: 40.5rem;
}

.c3ab01bb59319 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.5rem;
  margin-block-end: var(--sp-xxxl);
  color: var(--modal-title-foreground-color);
  display: flex;
  gap: var(--sp-m);
}

.c2d9e4f46cc27 {
  margin-block-end: var(--sp-l);
}

.ccc6bb52efcf6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
}

.c886d727ade3d {
  margin-inline-end: var(--sp-s);
}

.c19dcb39e0ba4 {
  text-decoration: line-through;
}

.ccc6bb52efcf6 strong,
.c19dcb39e0ba4 strong,
.c886d727ade3d strong {
  font-weight: 700;
}

.c177910a888cc,
.c056e2830b10e {
  color: var(--color-foreground-secondary);
  display: flex;
  flex-direction: column;
}

.c90599b91d89d {
  display: flex;
  gap: 2.5rem;
}

.cbb06b4bd12a6 {
  margin-block-start: 2.5rem;
}

.cbeb04f2b2c34 {
  margin-block-start: var(--sp-l);
}

.c147bf6b2a778 {
  min-block-size: 2rem;
  block-size: auto;
}

.c60585b8e2ae8 {
  min-block-size: 2rem;
  white-space: break-spaces;
  block-size: auto;
}

.cb6342ca10386 {
  display: flex;
  justify-content: center;
  max-inline-size: 14rem;
}
.cb6342ca10386 svg {
  inline-size: 100%;
  block-size: auto;
}
@media (max-inline-size: 992px) {
  .cb6342ca10386 {
    display: none;
  }
}

.c10ee717872e6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  margin: 0;
}

.c54fcb7ef8951 {
  margin-inline-start: var(--sp-xl);
  margin-block: var(--sp-s);
}

.cdc3bd33e0c5b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  list-style-position: inside;
  list-style-type: none;
  margin-inline-start: var(--sp-xl);
  max-block-size: 13.5rem;
  overflow-y: auto;
}

.c8a8f4310a144 {
  --input-icon-padding: var(--sp-s);
  inline-size: 5rem;
}

.c36b8ba314acc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-error);
  margin-block-start: var(--sp-s);
}

.cca4cbfd93c7c {
  align-items: center;
  display: flex;
  gap: var(--sp-xl);
  margin-block-start: var(--sp-l);
}

.cdb8863f39ad3 {
  display: flex;
  flex-direction: column;
}

.c43c83e8b1ba3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  background-color: var(--color-background-tertiary);
  border-radius: var(--sp-s);
  margin-block-start: 2.5rem;
  padding-block: var(--sp-s);
  padding-inline: var(--sp-m);
}

.c0c69ad067d74 {
  padding-inline: 0;
}

.cdcfdd3acac57 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  padding: 0;
  display: flex;
  align-items: center;
  color: var(--color-foreground-secondary);
}
.cdcfdd3acac57 {
  display: flex;
  flex-direction: column;
  padding: 0 0 var(--sp-xl) 0;
  gap: var(--sp-s);
}

.c925110a0ac3c {
  gap: var(--sp-xl);
}
@keyframes cf3f19ca8eda6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c8aa7da77e408 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c8aa7da77e408:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c8aa7da77e408 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c8aa7da77e408 ::-webkit-scrollbar-track,
.c8aa7da77e408 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c8aa7da77e408 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c8aa7da77e408 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c8aa7da77e408 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8aa7da77e408 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8aa7da77e408 ::placeholder,
.c8aa7da77e408 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c0f58cd744868, .c3a66de7e7b24, .cc79703a13ed7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c0f58cd744868 svg, .c3a66de7e7b24 svg, .cc79703a13ed7 svg,
.c0f58cd744868 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c0f58cd744868:focus-visible, .c3a66de7e7b24:focus-visible, .cc79703a13ed7:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c0f58cd744868:focus-visible svg, .c3a66de7e7b24:focus-visible svg, .cc79703a13ed7:focus-visible svg,
.c0f58cd744868:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c0f58cd744868:hover, .c3a66de7e7b24:hover, .cc79703a13ed7:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c0f58cd744868:hover svg, .c3a66de7e7b24:hover svg, .cc79703a13ed7:hover svg,
.c0f58cd744868:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c0f58cd744868:active, .c3a66de7e7b24:active, .cc79703a13ed7:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c0f58cd744868:active svg, .c3a66de7e7b24:active svg, .cc79703a13ed7:active svg,
.c0f58cd744868:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c0f58cd744868.disabled, .c3a66de7e7b24.disabled, .cc79703a13ed7.disabled, .c0f58cd744868[disabled], [disabled].c3a66de7e7b24, [disabled].cc79703a13ed7, .c0f58cd744868:disabled, .c3a66de7e7b24:disabled, .cc79703a13ed7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb9aeaf8e4849, .c60c82c627579 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cb9aeaf8e4849 svg, .c60c82c627579 svg,
.cb9aeaf8e4849 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cb9aeaf8e4849:focus-visible, .c60c82c627579:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb9aeaf8e4849:focus-visible svg, .c60c82c627579:focus-visible svg,
.cb9aeaf8e4849:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb9aeaf8e4849:hover, .c60c82c627579:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cb9aeaf8e4849:hover svg, .c60c82c627579:hover svg,
.cb9aeaf8e4849:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cb9aeaf8e4849:active, .c60c82c627579:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cb9aeaf8e4849:active svg, .c60c82c627579:active svg,
.cb9aeaf8e4849:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cb9aeaf8e4849.disabled, .c60c82c627579.disabled, .cb9aeaf8e4849[disabled], [disabled].c60c82c627579, .cb9aeaf8e4849:disabled, .c60c82c627579:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd288f9206564 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cd288f9206564 svg,
.cd288f9206564 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cd288f9206564:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd288f9206564:focus-visible svg,
.cd288f9206564:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd288f9206564:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cd288f9206564:hover svg,
.cd288f9206564:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cd288f9206564:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cd288f9206564:active svg,
.cd288f9206564:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cd288f9206564.disabled, .cd288f9206564[disabled], .cd288f9206564:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb8b9af07b301, .c8e82a34f4433 button, .cbeb97fdf7d96 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cb8b9af07b301 svg, .c8e82a34f4433 button svg, .cbeb97fdf7d96 svg,
.cb8b9af07b301 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cb8b9af07b301:focus-visible, .c8e82a34f4433 button:focus-visible, .cbeb97fdf7d96:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cb8b9af07b301:focus-visible svg, .c8e82a34f4433 button:focus-visible svg, .cbeb97fdf7d96:focus-visible svg,
.cb8b9af07b301:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cb8b9af07b301:hover, .c8e82a34f4433 button:hover, .cbeb97fdf7d96:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cb8b9af07b301:hover svg, .c8e82a34f4433 button:hover svg, .cbeb97fdf7d96:hover svg,
.cb8b9af07b301:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cb8b9af07b301:active, .c8e82a34f4433 button:active, .cbeb97fdf7d96:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cb8b9af07b301:active svg, .c8e82a34f4433 button:active svg, .cbeb97fdf7d96:active svg,
.cb8b9af07b301:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cb8b9af07b301.disabled, .c8e82a34f4433 button.disabled, .cbeb97fdf7d96.disabled, .cb8b9af07b301[disabled], .c8e82a34f4433 button[disabled], [disabled].cbeb97fdf7d96, .cb8b9af07b301:disabled, .c8e82a34f4433 button:disabled, .cbeb97fdf7d96:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cb8b9af07b301.disabled svg, .c8e82a34f4433 button.disabled svg, .cbeb97fdf7d96.disabled svg,
.cb8b9af07b301.disabled span svg, .cb8b9af07b301[disabled] svg, .c8e82a34f4433 button[disabled] svg, [disabled].cbeb97fdf7d96 svg,
.cb8b9af07b301[disabled] span svg, .cb8b9af07b301:disabled svg, .c8e82a34f4433 button:disabled svg, .cbeb97fdf7d96:disabled svg,
.cb8b9af07b301:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c69cf06599c51 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c69cf06599c51 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ce7b547b6a797 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ce7b547b6a797 svg,
.ce7b547b6a797 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ce7b547b6a797:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ce7b547b6a797:focus-visible svg,
.ce7b547b6a797:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ce7b547b6a797:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ce7b547b6a797:hover svg,
.ce7b547b6a797:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ce7b547b6a797:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ce7b547b6a797:active svg,
.ce7b547b6a797:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c85dc3e92c238 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cdd7ec697d0b6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c62e9f6ce092d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c62e9f6ce092d:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c62e9f6ce092d:focus-visible svg,
.c62e9f6ce092d:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c62e9f6ce092d:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c62e9f6ce092d:active {
  border: none;
  background-color: transparent;
}

.c3d090ff1d645, .cbeb97fdf7d96 svg, .c48baa6fb7593, .cf7eca5bbaad5 span svg, .c8e82a34f4433 button svg, .c0308bbd28db8.intermediate svg, .c7c16cd97e062 label span.intermediate svg, .c0308bbd28db8.checked svg, .c7c16cd97e062 label span.checked svg, .c4ab4f8180425 span svg,
.c4ab4f8180425 label svg, .cc89c7ab47c73 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ca019a7ef7ef9 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ca019a7ef7ef9:hover {
  fill: none;
  stroke: none;
}

.c48baa6fb7593, .cf7eca5bbaad5 span svg, .c8e82a34f4433 button svg, .c0308bbd28db8.intermediate svg, .c7c16cd97e062 label span.intermediate svg, .c0308bbd28db8.checked svg, .c7c16cd97e062 label span.checked svg, .c4ab4f8180425 span svg,
.c4ab4f8180425 label svg, .cc89c7ab47c73 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cd7accfdf8873 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cd7accfdf8873:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c14802b04fd20, .ce4af6b79528e input, .cd4fee6914115 input, .c4ab4f8180425 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c14802b04fd20, .ce4af6b79528e input, .cd4fee6914115 input, .c4ab4f8180425 input {
    height: 23px;
  }
}
.c14802b04fd20, .ce4af6b79528e input, .cd4fee6914115 input, .c4ab4f8180425 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c14802b04fd20[disabled], .ce4af6b79528e input[disabled], .cd4fee6914115 input[disabled], .c4ab4f8180425 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cc89c7ab47c73 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cf0bf57caf774, .c4ab4f8180425 span,
.c4ab4f8180425 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf0bf57caf774, .c4ab4f8180425 span,
  .c4ab4f8180425 label {
    height: 25px;
  }
}
.cf0bf57caf774, .c4ab4f8180425 span,
.c4ab4f8180425 label {
  color: var(--input-foreground-color);
}

.c4ab4f8180425 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c4ab4f8180425 {
    height: 25px;
    font-size: 10px;
  }
}
.c4ab4f8180425 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c4ab4f8180425 span svg,
.c4ab4f8180425 label svg {
  color: var(--input-foreground-color);
}
.c4ab4f8180425 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c4ab4f8180425 ::placeholder {
  color: var(--input-placeholder-color);
}
.c4ab4f8180425:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c4ab4f8180425:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c4ab4f8180425:hover span {
  color: var(--input-foreground-color-hover);
}
.c4ab4f8180425:hover input {
  color: var(--input-foreground-color-hover);
}
.c4ab4f8180425:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c4ab4f8180425:active span {
  color: var(--input-foreground-color-active);
}
.c4ab4f8180425:active input {
  color: var(--input-foreground-color-active);
}
.c4ab4f8180425:focus, .c4ab4f8180425:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c4ab4f8180425:focus span, .c4ab4f8180425:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c4ab4f8180425:focus input, .c4ab4f8180425:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c4ab4f8180425:focus:hover, .c4ab4f8180425:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c4ab4f8180425:focus:hover span, .c4ab4f8180425:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c4ab4f8180425:focus:hover input, .c4ab4f8180425:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cd4fee6914115 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cd4fee6914115 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cd4fee6914115 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd4fee6914115 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd4fee6914115:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cd4fee6914115:focus-within input, .cd4fee6914115:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c88fa5db2c6a3, .ce4af6b79528e.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c88fa5db2c6a3 input, .ce4af6b79528e.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c88fa5db2c6a3 span svg, .ce4af6b79528e.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c0308bbd28db8, .c7c16cd97e062 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c0308bbd28db8 svg, .c7c16cd97e062 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c0308bbd28db8:hover, .c7c16cd97e062 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0308bbd28db8:focus, .c7c16cd97e062 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c0308bbd28db8.checked, .c7c16cd97e062 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c0308bbd28db8.checked svg, .c7c16cd97e062 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c0308bbd28db8.intermediate, .c7c16cd97e062 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c0308bbd28db8.intermediate svg, .c7c16cd97e062 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c0308bbd28db8.unchecked, .c7c16cd97e062 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c0308bbd28db8.unchecked svg, .c7c16cd97e062 label span.unchecked svg {
  display: none;
}

.c7c16cd97e062 {
  display: flex;
  align-items: center;
}
.c7c16cd97e062 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c7c16cd97e062 label input {
  margin: 0;
}
.c7c16cd97e062 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c7c16cd97e062 label:focus span, .c7c16cd97e062 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ce4af6b79528e {
  display: flex;
  flex-direction: column;
}
.ce4af6b79528e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ce4af6b79528e input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ce4af6b79528e input:focus-within input, .ce4af6b79528e input:active input {
  color: var(--input-foreground-color-active);
}
.ce4af6b79528e input:focus-within, .ce4af6b79528e input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce4af6b79528e.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c45a61ca7e1f0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cad578ea25214 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c83e86bec70f1 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cbeb97fdf7d96 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c4cd469248c40 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c69010f3e136d {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c60c82c627579 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc79703a13ed7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3a66de7e7b24 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c95dd4c641dfa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c95dd4c641dfa:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c6575efd7fbd7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cd09a949f1a4f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c1b800572f05a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ccb53d7f2eb2c {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c1b083e26aa4c {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c1b083e26aa4c:hover, .c1b083e26aa4c:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c8e82a34f4433 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c8e82a34f4433 button {
  display: none;
}
.c8e82a34f4433 button svg {
  stroke: var(--icon-foreground);
}
.c8e82a34f4433:hover button {
  display: flex;
}

.c73e050c900e1 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c73e050c900e1 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c73e050c900e1 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ce185b8b0f13c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ce185b8b0f13c:hover div {
  color: var(--entry-foreground-color-hover);
}

.c03e99bec347a {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c0848a426307e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c0848a426307e:hover {
  background-color: var(--menu-background-color-hover);
}

.cf7eca5bbaad5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cf7eca5bbaad5 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf7eca5bbaad5 span svg {
  stroke: var(--icon-foreground);
}
.cf7eca5bbaad5:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cf7eca5bbaad5:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cabfc49e4d5ab {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c5a51eefc9f68 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c7f38fda0046a,
.c9fbcb05c5b19 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ca013dbfb84df .c7f38fda0046a,
.ca013dbfb84df .c9fbcb05c5b19 {
  transform: scale(1);
}

.ca3f82f21ab38 .c7f38fda0046a,
.ca3f82f21ab38 .c9fbcb05c5b19 {
  transform: scale(0);
}

.c24cc03974334 {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  gap: 0.5rem;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  padding: 0;
  align-self: center;
  justify-self: flex-start;
}

.ca0c1aa4871f8 {
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 50%;
  background-color: var(--modal-navigator-foreground-color-rest);
  cursor: pointer;
}

.cde17d40f37ca {
  background-color: var(--modal-navigator-foreground-color-active);
}
@keyframes c9562fee7367a {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c3b27ece3a138 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c3b27ece3a138:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c3b27ece3a138 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c3b27ece3a138 ::-webkit-scrollbar-track,
.c3b27ece3a138 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c3b27ece3a138 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c3b27ece3a138 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c3b27ece3a138 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c3b27ece3a138 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c3b27ece3a138 ::placeholder,
.c3b27ece3a138 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ca54051259a77, .ce433f3725700, .c92f08c1d0062, .c6ed7cefe4de7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ca54051259a77 svg, .ce433f3725700 svg, .c92f08c1d0062 svg, .c6ed7cefe4de7 svg,
.ca54051259a77 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ca54051259a77:focus-visible, .ce433f3725700:focus-visible, .c92f08c1d0062:focus-visible, .c6ed7cefe4de7:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ca54051259a77:focus-visible svg, .ce433f3725700:focus-visible svg, .c92f08c1d0062:focus-visible svg, .c6ed7cefe4de7:focus-visible svg,
.ca54051259a77:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ca54051259a77:hover, .ce433f3725700:hover, .c92f08c1d0062:hover, .c6ed7cefe4de7:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ca54051259a77:hover svg, .ce433f3725700:hover svg, .c92f08c1d0062:hover svg, .c6ed7cefe4de7:hover svg,
.ca54051259a77:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ca54051259a77:active, .ce433f3725700:active, .c92f08c1d0062:active, .c6ed7cefe4de7:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ca54051259a77:active svg, .ce433f3725700:active svg, .c92f08c1d0062:active svg, .c6ed7cefe4de7:active svg,
.ca54051259a77:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ca54051259a77.disabled, .ce433f3725700.disabled, .c92f08c1d0062.disabled, .c6ed7cefe4de7.disabled, .ca54051259a77[disabled], [disabled].ce433f3725700, [disabled].c92f08c1d0062, [disabled].c6ed7cefe4de7, .ca54051259a77:disabled, .ce433f3725700:disabled, .c92f08c1d0062:disabled, .c6ed7cefe4de7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c18a490c50604, .c9951733b41e4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c18a490c50604 svg, .c9951733b41e4 svg,
.c18a490c50604 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c18a490c50604:focus-visible, .c9951733b41e4:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c18a490c50604:focus-visible svg, .c9951733b41e4:focus-visible svg,
.c18a490c50604:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c18a490c50604:hover, .c9951733b41e4:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c18a490c50604:hover svg, .c9951733b41e4:hover svg,
.c18a490c50604:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c18a490c50604:active, .c9951733b41e4:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c18a490c50604:active svg, .c9951733b41e4:active svg,
.c18a490c50604:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c18a490c50604.disabled, .c9951733b41e4.disabled, .c18a490c50604[disabled], [disabled].c9951733b41e4, .c18a490c50604:disabled, .c9951733b41e4:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5ba560cfc02c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c5ba560cfc02c svg,
.c5ba560cfc02c span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c5ba560cfc02c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c5ba560cfc02c:focus-visible svg,
.c5ba560cfc02c:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c5ba560cfc02c:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c5ba560cfc02c:hover svg,
.c5ba560cfc02c:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c5ba560cfc02c:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c5ba560cfc02c:active svg,
.c5ba560cfc02c:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c5ba560cfc02c.disabled, .c5ba560cfc02c[disabled], .c5ba560cfc02c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c37cbe79a7ecb, .cf3cd6e20dece button, .ca237ea3b3b61 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c37cbe79a7ecb svg, .cf3cd6e20dece button svg, .ca237ea3b3b61 svg,
.c37cbe79a7ecb span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c37cbe79a7ecb:focus-visible, .cf3cd6e20dece button:focus-visible, .ca237ea3b3b61:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c37cbe79a7ecb:focus-visible svg, .cf3cd6e20dece button:focus-visible svg, .ca237ea3b3b61:focus-visible svg,
.c37cbe79a7ecb:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c37cbe79a7ecb:hover, .cf3cd6e20dece button:hover, .ca237ea3b3b61:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c37cbe79a7ecb:hover svg, .cf3cd6e20dece button:hover svg, .ca237ea3b3b61:hover svg,
.c37cbe79a7ecb:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c37cbe79a7ecb:active, .cf3cd6e20dece button:active, .ca237ea3b3b61:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c37cbe79a7ecb:active svg, .cf3cd6e20dece button:active svg, .ca237ea3b3b61:active svg,
.c37cbe79a7ecb:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c37cbe79a7ecb.disabled, .cf3cd6e20dece button.disabled, .ca237ea3b3b61.disabled, .c37cbe79a7ecb[disabled], .cf3cd6e20dece button[disabled], [disabled].ca237ea3b3b61, .c37cbe79a7ecb:disabled, .cf3cd6e20dece button:disabled, .ca237ea3b3b61:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c37cbe79a7ecb.disabled svg, .cf3cd6e20dece button.disabled svg, .ca237ea3b3b61.disabled svg,
.c37cbe79a7ecb.disabled span svg, .c37cbe79a7ecb[disabled] svg, .cf3cd6e20dece button[disabled] svg, [disabled].ca237ea3b3b61 svg,
.c37cbe79a7ecb[disabled] span svg, .c37cbe79a7ecb:disabled svg, .cf3cd6e20dece button:disabled svg, .ca237ea3b3b61:disabled svg,
.c37cbe79a7ecb:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c31d2bda5a417 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c31d2bda5a417 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c601b45485647 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c601b45485647 svg,
.c601b45485647 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c601b45485647:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c601b45485647:focus-visible svg,
.c601b45485647:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c601b45485647:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c601b45485647:hover svg,
.c601b45485647:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c601b45485647:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c601b45485647:active svg,
.c601b45485647:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c8f8986f8739d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ca5242281a09b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd4c573e1e6d1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cd4c573e1e6d1:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cd4c573e1e6d1:focus-visible svg,
.cd4c573e1e6d1:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cd4c573e1e6d1:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cd4c573e1e6d1:active {
  border: none;
  background-color: transparent;
}

.cd41d09ffd180, .ca237ea3b3b61 svg, .c1ffb87639340, .cb3bfd0adfa96 span svg, .cf3cd6e20dece button svg, .c42c0bb2e5c88.intermediate svg, .ce4faf904405b label span.intermediate svg, .c42c0bb2e5c88.checked svg, .ce4faf904405b label span.checked svg, .cbf2e5bcb7056 span svg,
.cbf2e5bcb7056 label svg, .ca6bcfaffeade svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c2579948537f0 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c2579948537f0:hover {
  fill: none;
  stroke: none;
}

.c1ffb87639340, .cb3bfd0adfa96 span svg, .cf3cd6e20dece button svg, .c42c0bb2e5c88.intermediate svg, .ce4faf904405b label span.intermediate svg, .c42c0bb2e5c88.checked svg, .ce4faf904405b label span.checked svg, .cbf2e5bcb7056 span svg,
.cbf2e5bcb7056 label svg, .ca6bcfaffeade svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cc719a5db3cec {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cc719a5db3cec:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cf31b8d195146, .c169557b40caa input, .cecb23d46e716 input, .cbf2e5bcb7056 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cf31b8d195146, .c169557b40caa input, .cecb23d46e716 input, .cbf2e5bcb7056 input {
    height: 23px;
  }
}
.cf31b8d195146, .c169557b40caa input, .cecb23d46e716 input, .cbf2e5bcb7056 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cf31b8d195146[disabled], .c169557b40caa input[disabled], .cecb23d46e716 input[disabled], .cbf2e5bcb7056 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ca6bcfaffeade {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c504b4331ed14, .cbf2e5bcb7056 span,
.cbf2e5bcb7056 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c504b4331ed14, .cbf2e5bcb7056 span,
  .cbf2e5bcb7056 label {
    height: 25px;
  }
}
.c504b4331ed14, .cbf2e5bcb7056 span,
.cbf2e5bcb7056 label {
  color: var(--input-foreground-color);
}

.cbf2e5bcb7056 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbf2e5bcb7056 {
    height: 25px;
    font-size: 10px;
  }
}
.cbf2e5bcb7056 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cbf2e5bcb7056 span svg,
.cbf2e5bcb7056 label svg {
  color: var(--input-foreground-color);
}
.cbf2e5bcb7056 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cbf2e5bcb7056 ::placeholder {
  color: var(--input-placeholder-color);
}
.cbf2e5bcb7056:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbf2e5bcb7056:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cbf2e5bcb7056:hover span {
  color: var(--input-foreground-color-hover);
}
.cbf2e5bcb7056:hover input {
  color: var(--input-foreground-color-hover);
}
.cbf2e5bcb7056:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cbf2e5bcb7056:active span {
  color: var(--input-foreground-color-active);
}
.cbf2e5bcb7056:active input {
  color: var(--input-foreground-color-active);
}
.cbf2e5bcb7056:focus, .cbf2e5bcb7056:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbf2e5bcb7056:focus span, .cbf2e5bcb7056:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cbf2e5bcb7056:focus input, .cbf2e5bcb7056:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cbf2e5bcb7056:focus:hover, .cbf2e5bcb7056:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbf2e5bcb7056:focus:hover span, .cbf2e5bcb7056:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cbf2e5bcb7056:focus:hover input, .cbf2e5bcb7056:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cecb23d46e716 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cecb23d46e716 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cecb23d46e716 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cecb23d46e716 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cecb23d46e716:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cecb23d46e716:focus-within input, .cecb23d46e716:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cbf07b0262e40, .c169557b40caa.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cbf07b0262e40 input, .c169557b40caa.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cbf07b0262e40 span svg, .c169557b40caa.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c42c0bb2e5c88, .ce4faf904405b label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c42c0bb2e5c88 svg, .ce4faf904405b label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c42c0bb2e5c88:hover, .ce4faf904405b label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c42c0bb2e5c88:focus, .ce4faf904405b label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c42c0bb2e5c88.checked, .ce4faf904405b label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c42c0bb2e5c88.checked svg, .ce4faf904405b label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c42c0bb2e5c88.intermediate, .ce4faf904405b label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c42c0bb2e5c88.intermediate svg, .ce4faf904405b label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c42c0bb2e5c88.unchecked, .ce4faf904405b label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c42c0bb2e5c88.unchecked svg, .ce4faf904405b label span.unchecked svg {
  display: none;
}

.ce4faf904405b {
  display: flex;
  align-items: center;
}
.ce4faf904405b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ce4faf904405b label input {
  margin: 0;
}
.ce4faf904405b label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ce4faf904405b label:focus span, .ce4faf904405b label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c169557b40caa {
  display: flex;
  flex-direction: column;
}
.c169557b40caa label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c169557b40caa input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c169557b40caa input:focus-within input, .c169557b40caa input:active input {
  color: var(--input-foreground-color-active);
}
.c169557b40caa input:focus-within, .c169557b40caa input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c169557b40caa.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c13a1bcf0fcdb {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c24fcc64c2016, .c296797649d9e {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c1d5de6071730 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ca237ea3b3b61 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c28dbafc53d52 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cb6776ac852b6 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c9951733b41e4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c6ed7cefe4de7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c92f08c1d0062 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cea5e8d8b8101 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cea5e8d8b8101:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c8c2ae3929a5f {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cf9c0e406cd16 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c2f378c633c5f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ca8bb77fa6db8 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c4523fffb750b {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c4523fffb750b:hover, .c4523fffb750b:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cf3cd6e20dece div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cf3cd6e20dece button {
  display: none;
}
.cf3cd6e20dece button svg {
  stroke: var(--icon-foreground);
}
.cf3cd6e20dece:hover button {
  display: flex;
}

.c58a525f59d84 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c58a525f59d84 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c58a525f59d84 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c55d3419b7f95 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c55d3419b7f95:hover div {
  color: var(--entry-foreground-color-hover);
}

.c83ac76e01614 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c280e98b9f848 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c280e98b9f848:hover {
  background-color: var(--menu-background-color-hover);
}

.cb3bfd0adfa96 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cb3bfd0adfa96 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cb3bfd0adfa96 span svg {
  stroke: var(--icon-foreground);
}
.cb3bfd0adfa96:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cb3bfd0adfa96:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c6f4b22b6b2b1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c047e4605d5a1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cd27812c44f8e,
.cc4a8b312c5b9 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ca1a497721aad .cd27812c44f8e,
.ca1a497721aad .cc4a8b312c5b9 {
  transform: scale(1);
}

.c3f48a60cb566 .cd27812c44f8e,
.c3f48a60cb566 .cc4a8b312c5b9 {
  transform: scale(0);
}

.ce451409f2bbd {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.c0424481f1de0 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.c5f15d01c7eac {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}

.cbe7319102b5a {
  display: grid;
  gap: 0.5rem;
}

.ccf050fabdcc1 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.c301a23879409 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c2c4a7c85bf44 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.ce3468899eb11 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.c6efeb91d4316 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c8326228aa95c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.ce5a3a812a54d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.c96dccd56afe8 {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.ce433f3725700 {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes cd4a7cfceb938 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c3ced21f2f122 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c3ced21f2f122:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c3ced21f2f122 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c3ced21f2f122 ::-webkit-scrollbar-track,
.c3ced21f2f122 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c3ced21f2f122 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c3ced21f2f122 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c3ced21f2f122 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c3ced21f2f122 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c3ced21f2f122 ::placeholder,
.c3ced21f2f122 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ce0ada7450e96, .c853260c1caf4, .c45f18bb7dab7, .c63c75e8fccee {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ce0ada7450e96 svg, .c853260c1caf4 svg, .c45f18bb7dab7 svg, .c63c75e8fccee svg,
.ce0ada7450e96 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ce0ada7450e96:focus-visible, .c853260c1caf4:focus-visible, .c45f18bb7dab7:focus-visible, .c63c75e8fccee:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ce0ada7450e96:focus-visible svg, .c853260c1caf4:focus-visible svg, .c45f18bb7dab7:focus-visible svg, .c63c75e8fccee:focus-visible svg,
.ce0ada7450e96:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ce0ada7450e96:hover, .c853260c1caf4:hover, .c45f18bb7dab7:hover, .c63c75e8fccee:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ce0ada7450e96:hover svg, .c853260c1caf4:hover svg, .c45f18bb7dab7:hover svg, .c63c75e8fccee:hover svg,
.ce0ada7450e96:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ce0ada7450e96:active, .c853260c1caf4:active, .c45f18bb7dab7:active, .c63c75e8fccee:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ce0ada7450e96:active svg, .c853260c1caf4:active svg, .c45f18bb7dab7:active svg, .c63c75e8fccee:active svg,
.ce0ada7450e96:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ce0ada7450e96.disabled, .c853260c1caf4.disabled, .c45f18bb7dab7.disabled, .c63c75e8fccee.disabled, .ce0ada7450e96[disabled], [disabled].c853260c1caf4, [disabled].c45f18bb7dab7, [disabled].c63c75e8fccee, .ce0ada7450e96:disabled, .c853260c1caf4:disabled, .c45f18bb7dab7:disabled, .c63c75e8fccee:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c49bd9c063e3e, .ce30fb5d71ebc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c49bd9c063e3e svg, .ce30fb5d71ebc svg,
.c49bd9c063e3e span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c49bd9c063e3e:focus-visible, .ce30fb5d71ebc:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c49bd9c063e3e:focus-visible svg, .ce30fb5d71ebc:focus-visible svg,
.c49bd9c063e3e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c49bd9c063e3e:hover, .ce30fb5d71ebc:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c49bd9c063e3e:hover svg, .ce30fb5d71ebc:hover svg,
.c49bd9c063e3e:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c49bd9c063e3e:active, .ce30fb5d71ebc:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c49bd9c063e3e:active svg, .ce30fb5d71ebc:active svg,
.c49bd9c063e3e:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c49bd9c063e3e.disabled, .ce30fb5d71ebc.disabled, .c49bd9c063e3e[disabled], [disabled].ce30fb5d71ebc, .c49bd9c063e3e:disabled, .ce30fb5d71ebc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce5ed691251ae {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ce5ed691251ae svg,
.ce5ed691251ae span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ce5ed691251ae:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ce5ed691251ae:focus-visible svg,
.ce5ed691251ae:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ce5ed691251ae:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ce5ed691251ae:hover svg,
.ce5ed691251ae:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ce5ed691251ae:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ce5ed691251ae:active svg,
.ce5ed691251ae:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ce5ed691251ae.disabled, .ce5ed691251ae[disabled], .ce5ed691251ae:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb60e8899ae28, .c531ce7e9b9e4 button, .ce8182957af0f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cb60e8899ae28 svg, .c531ce7e9b9e4 button svg, .ce8182957af0f svg,
.cb60e8899ae28 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cb60e8899ae28:focus-visible, .c531ce7e9b9e4 button:focus-visible, .ce8182957af0f:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cb60e8899ae28:focus-visible svg, .c531ce7e9b9e4 button:focus-visible svg, .ce8182957af0f:focus-visible svg,
.cb60e8899ae28:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cb60e8899ae28:hover, .c531ce7e9b9e4 button:hover, .ce8182957af0f:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cb60e8899ae28:hover svg, .c531ce7e9b9e4 button:hover svg, .ce8182957af0f:hover svg,
.cb60e8899ae28:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cb60e8899ae28:active, .c531ce7e9b9e4 button:active, .ce8182957af0f:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cb60e8899ae28:active svg, .c531ce7e9b9e4 button:active svg, .ce8182957af0f:active svg,
.cb60e8899ae28:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cb60e8899ae28.disabled, .c531ce7e9b9e4 button.disabled, .ce8182957af0f.disabled, .cb60e8899ae28[disabled], .c531ce7e9b9e4 button[disabled], [disabled].ce8182957af0f, .cb60e8899ae28:disabled, .c531ce7e9b9e4 button:disabled, .ce8182957af0f:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cb60e8899ae28.disabled svg, .c531ce7e9b9e4 button.disabled svg, .ce8182957af0f.disabled svg,
.cb60e8899ae28.disabled span svg, .cb60e8899ae28[disabled] svg, .c531ce7e9b9e4 button[disabled] svg, [disabled].ce8182957af0f svg,
.cb60e8899ae28[disabled] span svg, .cb60e8899ae28:disabled svg, .c531ce7e9b9e4 button:disabled svg, .ce8182957af0f:disabled svg,
.cb60e8899ae28:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c407fd9502a04 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c407fd9502a04 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cd9392c06118c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cd9392c06118c svg,
.cd9392c06118c span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cd9392c06118c:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cd9392c06118c:focus-visible svg,
.cd9392c06118c:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cd9392c06118c:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cd9392c06118c:hover svg,
.cd9392c06118c:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cd9392c06118c:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cd9392c06118c:active svg,
.cd9392c06118c:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c888084e8b59e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cfcbed29be141 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca42981f385fc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ca42981f385fc:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ca42981f385fc:focus-visible svg,
.ca42981f385fc:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ca42981f385fc:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ca42981f385fc:active {
  border: none;
  background-color: transparent;
}

.cb24c1ae0f30e, .ce8182957af0f svg, .c68d0c46afdae, .cef3ea663fce9 span svg, .c531ce7e9b9e4 button svg, .c2bd284baa10d.intermediate svg, .ce54db13b4b07 label span.intermediate svg, .c2bd284baa10d.checked svg, .ce54db13b4b07 label span.checked svg, .ccb0009989b89 span svg,
.ccb0009989b89 label svg, .c5f88bb820ab6 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cdd130f67591f {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cdd130f67591f:hover {
  fill: none;
  stroke: none;
}

.c68d0c46afdae, .cef3ea663fce9 span svg, .c531ce7e9b9e4 button svg, .c2bd284baa10d.intermediate svg, .ce54db13b4b07 label span.intermediate svg, .c2bd284baa10d.checked svg, .ce54db13b4b07 label span.checked svg, .ccb0009989b89 span svg,
.ccb0009989b89 label svg, .c5f88bb820ab6 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c894272b05de1 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c894272b05de1:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c40f641df6cd7, .c88203b7d6979 input, .cd2bb13562f0d input, .ccb0009989b89 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c40f641df6cd7, .c88203b7d6979 input, .cd2bb13562f0d input, .ccb0009989b89 input {
    height: 23px;
  }
}
.c40f641df6cd7, .c88203b7d6979 input, .cd2bb13562f0d input, .ccb0009989b89 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c40f641df6cd7[disabled], .c88203b7d6979 input[disabled], .cd2bb13562f0d input[disabled], .ccb0009989b89 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c5f88bb820ab6 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ca0689da01c8b, .ccb0009989b89 span,
.ccb0009989b89 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca0689da01c8b, .ccb0009989b89 span,
  .ccb0009989b89 label {
    height: 25px;
  }
}
.ca0689da01c8b, .ccb0009989b89 span,
.ccb0009989b89 label {
  color: var(--input-foreground-color);
}

.ccb0009989b89 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ccb0009989b89 {
    height: 25px;
    font-size: 10px;
  }
}
.ccb0009989b89 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ccb0009989b89 span svg,
.ccb0009989b89 label svg {
  color: var(--input-foreground-color);
}
.ccb0009989b89 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ccb0009989b89 ::placeholder {
  color: var(--input-placeholder-color);
}
.ccb0009989b89:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ccb0009989b89:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ccb0009989b89:hover span {
  color: var(--input-foreground-color-hover);
}
.ccb0009989b89:hover input {
  color: var(--input-foreground-color-hover);
}
.ccb0009989b89:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ccb0009989b89:active span {
  color: var(--input-foreground-color-active);
}
.ccb0009989b89:active input {
  color: var(--input-foreground-color-active);
}
.ccb0009989b89:focus, .ccb0009989b89:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ccb0009989b89:focus span, .ccb0009989b89:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ccb0009989b89:focus input, .ccb0009989b89:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ccb0009989b89:focus:hover, .ccb0009989b89:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ccb0009989b89:focus:hover span, .ccb0009989b89:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ccb0009989b89:focus:hover input, .ccb0009989b89:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cd2bb13562f0d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cd2bb13562f0d input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cd2bb13562f0d ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd2bb13562f0d ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd2bb13562f0d:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cd2bb13562f0d:focus-within input, .cd2bb13562f0d:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c9080b4b94202, .c88203b7d6979.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c9080b4b94202 input, .c88203b7d6979.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c9080b4b94202 span svg, .c88203b7d6979.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c2bd284baa10d, .ce54db13b4b07 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c2bd284baa10d svg, .ce54db13b4b07 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c2bd284baa10d:hover, .ce54db13b4b07 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c2bd284baa10d:focus, .ce54db13b4b07 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c2bd284baa10d.checked, .ce54db13b4b07 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c2bd284baa10d.checked svg, .ce54db13b4b07 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c2bd284baa10d.intermediate, .ce54db13b4b07 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c2bd284baa10d.intermediate svg, .ce54db13b4b07 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c2bd284baa10d.unchecked, .ce54db13b4b07 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c2bd284baa10d.unchecked svg, .ce54db13b4b07 label span.unchecked svg {
  display: none;
}

.ce54db13b4b07 {
  display: flex;
  align-items: center;
}
.ce54db13b4b07 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ce54db13b4b07 label input {
  margin: 0;
}
.ce54db13b4b07 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ce54db13b4b07 label:focus span, .ce54db13b4b07 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c88203b7d6979 {
  display: flex;
  flex-direction: column;
}
.c88203b7d6979 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c88203b7d6979 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c88203b7d6979 input:focus-within input, .c88203b7d6979 input:active input {
  color: var(--input-foreground-color-active);
}
.c88203b7d6979 input:focus-within, .c88203b7d6979 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c88203b7d6979.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf7f86aaff8c3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c123eca943ec9, .ce7ee73c56d32 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c87af7e7d4c2f {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ce8182957af0f {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cc40ff1f1f004 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cdf96cba53ee5 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ce30fb5d71ebc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c63c75e8fccee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c45f18bb7dab7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c34f984fba80b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c34f984fba80b:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ce5c43f6c285d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c325fa5e590bf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cfebd1be1f512 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c9022c68a9e81 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cd23e3521e19b {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cd23e3521e19b:hover, .cd23e3521e19b:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c531ce7e9b9e4 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c531ce7e9b9e4 button {
  display: none;
}
.c531ce7e9b9e4 button svg {
  stroke: var(--icon-foreground);
}
.c531ce7e9b9e4:hover button {
  display: flex;
}

.ccc97a033af53 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ccc97a033af53 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ccc97a033af53 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c88567596763a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c88567596763a:hover div {
  color: var(--entry-foreground-color-hover);
}

.c3ce47cde5ce5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c1c730993a3fd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c1c730993a3fd:hover {
  background-color: var(--menu-background-color-hover);
}

.cef3ea663fce9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cef3ea663fce9 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cef3ea663fce9 span svg {
  stroke: var(--icon-foreground);
}
.cef3ea663fce9:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cef3ea663fce9:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c78e148e4bbce {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cc51148a02b8b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cd20de73ca32e,
.cb2ad7a70029b {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cd5bba0d2e163 .cd20de73ca32e,
.cd5bba0d2e163 .cb2ad7a70029b {
  transform: scale(1);
}

.c6828445c7b8c .cd20de73ca32e,
.c6828445c7b8c .cb2ad7a70029b {
  transform: scale(0);
}

.cec10c1fbecc9 {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.cdceb181aa2e8 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.cdd51c9557b5a {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}

.c9752172e8c58 {
  display: grid;
  gap: 0.5rem;
}

.c62243be5d320 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.c4266dae52697 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c6d42bff1a308 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.cae68ad2afc81 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.ccd1f80206802 {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.c853260c1caf4 {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes cf572920fbc5e {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cd004384d62eb {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cd004384d62eb:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cd004384d62eb ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cd004384d62eb ::-webkit-scrollbar-track,
.cd004384d62eb ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cd004384d62eb ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cd004384d62eb ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cd004384d62eb ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd004384d62eb ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd004384d62eb ::placeholder,
.cd004384d62eb ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c2bd1eaa31e83, .cc383d93dfd28, .cfd12aa418e10, .cea424e6bef5d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c2bd1eaa31e83 svg, .cc383d93dfd28 svg, .cfd12aa418e10 svg, .cea424e6bef5d svg,
.c2bd1eaa31e83 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c2bd1eaa31e83:focus-visible, .cc383d93dfd28:focus-visible, .cfd12aa418e10:focus-visible, .cea424e6bef5d:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c2bd1eaa31e83:focus-visible svg, .cc383d93dfd28:focus-visible svg, .cfd12aa418e10:focus-visible svg, .cea424e6bef5d:focus-visible svg,
.c2bd1eaa31e83:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c2bd1eaa31e83:hover, .cc383d93dfd28:hover, .cfd12aa418e10:hover, .cea424e6bef5d:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c2bd1eaa31e83:hover svg, .cc383d93dfd28:hover svg, .cfd12aa418e10:hover svg, .cea424e6bef5d:hover svg,
.c2bd1eaa31e83:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c2bd1eaa31e83:active, .cc383d93dfd28:active, .cfd12aa418e10:active, .cea424e6bef5d:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c2bd1eaa31e83:active svg, .cc383d93dfd28:active svg, .cfd12aa418e10:active svg, .cea424e6bef5d:active svg,
.c2bd1eaa31e83:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c2bd1eaa31e83.disabled, .cc383d93dfd28.disabled, .cfd12aa418e10.disabled, .cea424e6bef5d.disabled, .c2bd1eaa31e83[disabled], [disabled].cc383d93dfd28, [disabled].cfd12aa418e10, [disabled].cea424e6bef5d, .c2bd1eaa31e83:disabled, .cc383d93dfd28:disabled, .cfd12aa418e10:disabled, .cea424e6bef5d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cadebacdd8431, .c6f91b8c57dc9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cadebacdd8431 svg, .c6f91b8c57dc9 svg,
.cadebacdd8431 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cadebacdd8431:focus-visible, .c6f91b8c57dc9:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cadebacdd8431:focus-visible svg, .c6f91b8c57dc9:focus-visible svg,
.cadebacdd8431:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cadebacdd8431:hover, .c6f91b8c57dc9:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cadebacdd8431:hover svg, .c6f91b8c57dc9:hover svg,
.cadebacdd8431:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cadebacdd8431:active, .c6f91b8c57dc9:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cadebacdd8431:active svg, .c6f91b8c57dc9:active svg,
.cadebacdd8431:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cadebacdd8431.disabled, .c6f91b8c57dc9.disabled, .cadebacdd8431[disabled], [disabled].c6f91b8c57dc9, .cadebacdd8431:disabled, .c6f91b8c57dc9:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7ef079104d6b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c7ef079104d6b svg,
.c7ef079104d6b span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c7ef079104d6b:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c7ef079104d6b:focus-visible svg,
.c7ef079104d6b:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c7ef079104d6b:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c7ef079104d6b:hover svg,
.c7ef079104d6b:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c7ef079104d6b:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c7ef079104d6b:active svg,
.c7ef079104d6b:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c7ef079104d6b.disabled, .c7ef079104d6b[disabled], .c7ef079104d6b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cdfad193464db, .cfad089c96da5 button, .cc42d2bb25366 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cdfad193464db svg, .cfad089c96da5 button svg, .cc42d2bb25366 svg,
.cdfad193464db span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cdfad193464db:focus-visible, .cfad089c96da5 button:focus-visible, .cc42d2bb25366:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cdfad193464db:focus-visible svg, .cfad089c96da5 button:focus-visible svg, .cc42d2bb25366:focus-visible svg,
.cdfad193464db:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cdfad193464db:hover, .cfad089c96da5 button:hover, .cc42d2bb25366:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cdfad193464db:hover svg, .cfad089c96da5 button:hover svg, .cc42d2bb25366:hover svg,
.cdfad193464db:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cdfad193464db:active, .cfad089c96da5 button:active, .cc42d2bb25366:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cdfad193464db:active svg, .cfad089c96da5 button:active svg, .cc42d2bb25366:active svg,
.cdfad193464db:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cdfad193464db.disabled, .cfad089c96da5 button.disabled, .cc42d2bb25366.disabled, .cdfad193464db[disabled], .cfad089c96da5 button[disabled], [disabled].cc42d2bb25366, .cdfad193464db:disabled, .cfad089c96da5 button:disabled, .cc42d2bb25366:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cdfad193464db.disabled svg, .cfad089c96da5 button.disabled svg, .cc42d2bb25366.disabled svg,
.cdfad193464db.disabled span svg, .cdfad193464db[disabled] svg, .cfad089c96da5 button[disabled] svg, [disabled].cc42d2bb25366 svg,
.cdfad193464db[disabled] span svg, .cdfad193464db:disabled svg, .cfad089c96da5 button:disabled svg, .cc42d2bb25366:disabled svg,
.cdfad193464db:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cc07c36a62b80 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cc07c36a62b80 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c7f7f5589ab1d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c7f7f5589ab1d svg,
.c7f7f5589ab1d span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c7f7f5589ab1d:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c7f7f5589ab1d:focus-visible svg,
.c7f7f5589ab1d:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c7f7f5589ab1d:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c7f7f5589ab1d:hover svg,
.c7f7f5589ab1d:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c7f7f5589ab1d:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c7f7f5589ab1d:active svg,
.c7f7f5589ab1d:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ca35a27c83298 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ca22fd567cb4d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c406ef38afac0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c406ef38afac0:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c406ef38afac0:focus-visible svg,
.c406ef38afac0:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c406ef38afac0:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c406ef38afac0:active {
  border: none;
  background-color: transparent;
}

.c1c22a31b0b6c, .cc42d2bb25366 svg, .c8058939f6f32, .c130b2cb490d4 span svg, .cfad089c96da5 button svg, .ce7513ac6501b.intermediate svg, .c1367b0a15f5e label span.intermediate svg, .ce7513ac6501b.checked svg, .c1367b0a15f5e label span.checked svg, .cb5f99d503512 span svg,
.cb5f99d503512 label svg, .c3f9c6c138384 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cffd9471dbeea {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cffd9471dbeea:hover {
  fill: none;
  stroke: none;
}

.c8058939f6f32, .c130b2cb490d4 span svg, .cfad089c96da5 button svg, .ce7513ac6501b.intermediate svg, .c1367b0a15f5e label span.intermediate svg, .ce7513ac6501b.checked svg, .c1367b0a15f5e label span.checked svg, .cb5f99d503512 span svg,
.cb5f99d503512 label svg, .c3f9c6c138384 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c00b2a1f380d6 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c00b2a1f380d6:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c4368f5b4355a, .cf86d1cf4f708 input, .c5c14c4c75780 input, .cb5f99d503512 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c4368f5b4355a, .cf86d1cf4f708 input, .c5c14c4c75780 input, .cb5f99d503512 input {
    height: 23px;
  }
}
.c4368f5b4355a, .cf86d1cf4f708 input, .c5c14c4c75780 input, .cb5f99d503512 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c4368f5b4355a[disabled], .cf86d1cf4f708 input[disabled], .c5c14c4c75780 input[disabled], .cb5f99d503512 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c3f9c6c138384 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cb84958773935, .cb5f99d503512 span,
.cb5f99d503512 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb84958773935, .cb5f99d503512 span,
  .cb5f99d503512 label {
    height: 25px;
  }
}
.cb84958773935, .cb5f99d503512 span,
.cb5f99d503512 label {
  color: var(--input-foreground-color);
}

.cb5f99d503512 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb5f99d503512 {
    height: 25px;
    font-size: 10px;
  }
}
.cb5f99d503512 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cb5f99d503512 span svg,
.cb5f99d503512 label svg {
  color: var(--input-foreground-color);
}
.cb5f99d503512 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cb5f99d503512 ::placeholder {
  color: var(--input-placeholder-color);
}
.cb5f99d503512:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb5f99d503512:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cb5f99d503512:hover span {
  color: var(--input-foreground-color-hover);
}
.cb5f99d503512:hover input {
  color: var(--input-foreground-color-hover);
}
.cb5f99d503512:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cb5f99d503512:active span {
  color: var(--input-foreground-color-active);
}
.cb5f99d503512:active input {
  color: var(--input-foreground-color-active);
}
.cb5f99d503512:focus, .cb5f99d503512:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb5f99d503512:focus span, .cb5f99d503512:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cb5f99d503512:focus input, .cb5f99d503512:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cb5f99d503512:focus:hover, .cb5f99d503512:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cb5f99d503512:focus:hover span, .cb5f99d503512:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cb5f99d503512:focus:hover input, .cb5f99d503512:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c5c14c4c75780 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c5c14c4c75780 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c5c14c4c75780 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5c14c4c75780 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5c14c4c75780:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c5c14c4c75780:focus-within input, .c5c14c4c75780:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ca1bba7325092, .cf86d1cf4f708.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ca1bba7325092 input, .cf86d1cf4f708.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ca1bba7325092 span svg, .cf86d1cf4f708.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ce7513ac6501b, .c1367b0a15f5e label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ce7513ac6501b svg, .c1367b0a15f5e label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ce7513ac6501b:hover, .c1367b0a15f5e label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ce7513ac6501b:focus, .c1367b0a15f5e label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ce7513ac6501b.checked, .c1367b0a15f5e label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ce7513ac6501b.checked svg, .c1367b0a15f5e label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ce7513ac6501b.intermediate, .c1367b0a15f5e label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ce7513ac6501b.intermediate svg, .c1367b0a15f5e label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ce7513ac6501b.unchecked, .c1367b0a15f5e label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ce7513ac6501b.unchecked svg, .c1367b0a15f5e label span.unchecked svg {
  display: none;
}

.c1367b0a15f5e {
  display: flex;
  align-items: center;
}
.c1367b0a15f5e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c1367b0a15f5e label input {
  margin: 0;
}
.c1367b0a15f5e label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c1367b0a15f5e label:focus span, .c1367b0a15f5e label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cf86d1cf4f708 {
  display: flex;
  flex-direction: column;
}
.cf86d1cf4f708 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cf86d1cf4f708 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cf86d1cf4f708 input:focus-within input, .cf86d1cf4f708 input:active input {
  color: var(--input-foreground-color-active);
}
.cf86d1cf4f708 input:focus-within, .cf86d1cf4f708 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf86d1cf4f708.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c07d343553c89 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c287ce25ddfa2, .c5e16898a870a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c91b5231f9b89 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cc42d2bb25366 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cd20b8c9e4c1a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c410d5df8b418 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c6f91b8c57dc9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cea424e6bef5d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cfd12aa418e10 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cb014fc3d955b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cb014fc3d955b:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c43630298ba2a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c632bf647c11b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c6a096d3b5621 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c2968a0f255c2 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c5e865e22548c {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c5e865e22548c:hover, .c5e865e22548c:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cfad089c96da5 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cfad089c96da5 button {
  display: none;
}
.cfad089c96da5 button svg {
  stroke: var(--icon-foreground);
}
.cfad089c96da5:hover button {
  display: flex;
}

.cf7294517bc27 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cf7294517bc27 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cf7294517bc27 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ccc2a454bbaf5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ccc2a454bbaf5:hover div {
  color: var(--entry-foreground-color-hover);
}

.c80ac8b92f98d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c226d13ca2272 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c226d13ca2272:hover {
  background-color: var(--menu-background-color-hover);
}

.c130b2cb490d4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c130b2cb490d4 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c130b2cb490d4 span svg {
  stroke: var(--icon-foreground);
}
.c130b2cb490d4:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c130b2cb490d4:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c094487160092 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c2e87aead8342 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c30c10b379126,
.c46b84d97bdf7 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce58ee6be66d6 .c30c10b379126,
.ce58ee6be66d6 .c46b84d97bdf7 {
  transform: scale(1);
}

.c6213aaf7063b .c30c10b379126,
.c6213aaf7063b .c46b84d97bdf7 {
  transform: scale(0);
}

.c43bc093334be {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.c5754f7915d86 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.c64a76e5b78e1 {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.c64a76e5b78e1 a {
  color: var(--button-primary-background-color-rest);
}

.cb841144d3058 {
  display: grid;
  gap: 0.5rem;
}

.ccddefae221f8 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.c86b95a11d85b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c5ceb6cb0ee33 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.c0a60eb47b4fd {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.cb326a650cc92 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.ca86382068890 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.ce347c24edb48 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.ce762a5a82db5 {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.cc383d93dfd28 {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes ce9cddfeba365 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c81273694ef7e {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c81273694ef7e:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c81273694ef7e ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c81273694ef7e ::-webkit-scrollbar-track,
.c81273694ef7e ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c81273694ef7e ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c81273694ef7e ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c81273694ef7e ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c81273694ef7e ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c81273694ef7e ::placeholder,
.c81273694ef7e ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c63bfc715cdfe, .cd1b9ad0c8e1f, .c7f39ff1ebe2c, .c34f948db1557 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c63bfc715cdfe svg, .cd1b9ad0c8e1f svg, .c7f39ff1ebe2c svg, .c34f948db1557 svg,
.c63bfc715cdfe span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c63bfc715cdfe:focus-visible, .cd1b9ad0c8e1f:focus-visible, .c7f39ff1ebe2c:focus-visible, .c34f948db1557:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c63bfc715cdfe:focus-visible svg, .cd1b9ad0c8e1f:focus-visible svg, .c7f39ff1ebe2c:focus-visible svg, .c34f948db1557:focus-visible svg,
.c63bfc715cdfe:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c63bfc715cdfe:hover, .cd1b9ad0c8e1f:hover, .c7f39ff1ebe2c:hover, .c34f948db1557:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c63bfc715cdfe:hover svg, .cd1b9ad0c8e1f:hover svg, .c7f39ff1ebe2c:hover svg, .c34f948db1557:hover svg,
.c63bfc715cdfe:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c63bfc715cdfe:active, .cd1b9ad0c8e1f:active, .c7f39ff1ebe2c:active, .c34f948db1557:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c63bfc715cdfe:active svg, .cd1b9ad0c8e1f:active svg, .c7f39ff1ebe2c:active svg, .c34f948db1557:active svg,
.c63bfc715cdfe:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c63bfc715cdfe.disabled, .cd1b9ad0c8e1f.disabled, .c7f39ff1ebe2c.disabled, .c34f948db1557.disabled, .c63bfc715cdfe[disabled], [disabled].cd1b9ad0c8e1f, [disabled].c7f39ff1ebe2c, [disabled].c34f948db1557, .c63bfc715cdfe:disabled, .cd1b9ad0c8e1f:disabled, .c7f39ff1ebe2c:disabled, .c34f948db1557:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf6f130f8a3e7, .c5c34f5e2d75f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cf6f130f8a3e7 svg, .c5c34f5e2d75f svg,
.cf6f130f8a3e7 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cf6f130f8a3e7:focus-visible, .c5c34f5e2d75f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cf6f130f8a3e7:focus-visible svg, .c5c34f5e2d75f:focus-visible svg,
.cf6f130f8a3e7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cf6f130f8a3e7:hover, .c5c34f5e2d75f:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cf6f130f8a3e7:hover svg, .c5c34f5e2d75f:hover svg,
.cf6f130f8a3e7:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cf6f130f8a3e7:active, .c5c34f5e2d75f:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cf6f130f8a3e7:active svg, .c5c34f5e2d75f:active svg,
.cf6f130f8a3e7:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cf6f130f8a3e7.disabled, .c5c34f5e2d75f.disabled, .cf6f130f8a3e7[disabled], [disabled].c5c34f5e2d75f, .cf6f130f8a3e7:disabled, .c5c34f5e2d75f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7e037863cbf8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c7e037863cbf8 svg,
.c7e037863cbf8 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c7e037863cbf8:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c7e037863cbf8:focus-visible svg,
.c7e037863cbf8:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c7e037863cbf8:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c7e037863cbf8:hover svg,
.c7e037863cbf8:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c7e037863cbf8:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c7e037863cbf8:active svg,
.c7e037863cbf8:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c7e037863cbf8.disabled, .c7e037863cbf8[disabled], .c7e037863cbf8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c810e3679f20a, .c73d55e6b0cb4 button, .cce06663192d8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c810e3679f20a svg, .c73d55e6b0cb4 button svg, .cce06663192d8 svg,
.c810e3679f20a span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c810e3679f20a:focus-visible, .c73d55e6b0cb4 button:focus-visible, .cce06663192d8:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c810e3679f20a:focus-visible svg, .c73d55e6b0cb4 button:focus-visible svg, .cce06663192d8:focus-visible svg,
.c810e3679f20a:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c810e3679f20a:hover, .c73d55e6b0cb4 button:hover, .cce06663192d8:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c810e3679f20a:hover svg, .c73d55e6b0cb4 button:hover svg, .cce06663192d8:hover svg,
.c810e3679f20a:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c810e3679f20a:active, .c73d55e6b0cb4 button:active, .cce06663192d8:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c810e3679f20a:active svg, .c73d55e6b0cb4 button:active svg, .cce06663192d8:active svg,
.c810e3679f20a:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c810e3679f20a.disabled, .c73d55e6b0cb4 button.disabled, .cce06663192d8.disabled, .c810e3679f20a[disabled], .c73d55e6b0cb4 button[disabled], [disabled].cce06663192d8, .c810e3679f20a:disabled, .c73d55e6b0cb4 button:disabled, .cce06663192d8:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c810e3679f20a.disabled svg, .c73d55e6b0cb4 button.disabled svg, .cce06663192d8.disabled svg,
.c810e3679f20a.disabled span svg, .c810e3679f20a[disabled] svg, .c73d55e6b0cb4 button[disabled] svg, [disabled].cce06663192d8 svg,
.c810e3679f20a[disabled] span svg, .c810e3679f20a:disabled svg, .c73d55e6b0cb4 button:disabled svg, .cce06663192d8:disabled svg,
.c810e3679f20a:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cbe97c933b5fd {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cbe97c933b5fd svg {
  color: var(--button-icon-foreground-color-selected);
}

.c5f71d223524e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c5f71d223524e svg,
.c5f71d223524e span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c5f71d223524e:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c5f71d223524e:focus-visible svg,
.c5f71d223524e:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c5f71d223524e:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c5f71d223524e:hover svg,
.c5f71d223524e:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c5f71d223524e:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c5f71d223524e:active svg,
.c5f71d223524e:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c30d1878bbce8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cac344d0f2052 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca3787cb5edb5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ca3787cb5edb5:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ca3787cb5edb5:focus-visible svg,
.ca3787cb5edb5:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ca3787cb5edb5:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ca3787cb5edb5:active {
  border: none;
  background-color: transparent;
}

.ca9f1c2c365c3, .cce06663192d8 svg, .cdea834307711, .cbb6575f395df span svg, .c73d55e6b0cb4 button svg, .caf16dc465b06.intermediate svg, .c70d339ac1451 label span.intermediate svg, .caf16dc465b06.checked svg, .c70d339ac1451 label span.checked svg, .ce72875e936bc span svg,
.ce72875e936bc label svg, .c2368361188cc svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c16c7222eed8d {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c16c7222eed8d:hover {
  fill: none;
  stroke: none;
}

.cdea834307711, .cbb6575f395df span svg, .c73d55e6b0cb4 button svg, .caf16dc465b06.intermediate svg, .c70d339ac1451 label span.intermediate svg, .caf16dc465b06.checked svg, .c70d339ac1451 label span.checked svg, .ce72875e936bc span svg,
.ce72875e936bc label svg, .c2368361188cc svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c900180951ab1 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c900180951ab1:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cef9b2b78fd8b, .c8a86ed320308 input, .ceebef807b9ae input, .ce72875e936bc input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cef9b2b78fd8b, .c8a86ed320308 input, .ceebef807b9ae input, .ce72875e936bc input {
    height: 23px;
  }
}
.cef9b2b78fd8b, .c8a86ed320308 input, .ceebef807b9ae input, .ce72875e936bc input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cef9b2b78fd8b[disabled], .c8a86ed320308 input[disabled], .ceebef807b9ae input[disabled], .ce72875e936bc input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c2368361188cc {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c4918c592b532, .ce72875e936bc span,
.ce72875e936bc label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c4918c592b532, .ce72875e936bc span,
  .ce72875e936bc label {
    height: 25px;
  }
}
.c4918c592b532, .ce72875e936bc span,
.ce72875e936bc label {
  color: var(--input-foreground-color);
}

.ce72875e936bc {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce72875e936bc {
    height: 25px;
    font-size: 10px;
  }
}
.ce72875e936bc {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ce72875e936bc span svg,
.ce72875e936bc label svg {
  color: var(--input-foreground-color);
}
.ce72875e936bc ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ce72875e936bc ::placeholder {
  color: var(--input-placeholder-color);
}
.ce72875e936bc:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce72875e936bc:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ce72875e936bc:hover span {
  color: var(--input-foreground-color-hover);
}
.ce72875e936bc:hover input {
  color: var(--input-foreground-color-hover);
}
.ce72875e936bc:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ce72875e936bc:active span {
  color: var(--input-foreground-color-active);
}
.ce72875e936bc:active input {
  color: var(--input-foreground-color-active);
}
.ce72875e936bc:focus, .ce72875e936bc:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce72875e936bc:focus span, .ce72875e936bc:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ce72875e936bc:focus input, .ce72875e936bc:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ce72875e936bc:focus:hover, .ce72875e936bc:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce72875e936bc:focus:hover span, .ce72875e936bc:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ce72875e936bc:focus:hover input, .ce72875e936bc:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ceebef807b9ae {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ceebef807b9ae input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ceebef807b9ae ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ceebef807b9ae ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ceebef807b9ae:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ceebef807b9ae:focus-within input, .ceebef807b9ae:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cd27088031b54, .c8a86ed320308.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cd27088031b54 input, .c8a86ed320308.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cd27088031b54 span svg, .c8a86ed320308.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.caf16dc465b06, .c70d339ac1451 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.caf16dc465b06 svg, .c70d339ac1451 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.caf16dc465b06:hover, .c70d339ac1451 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.caf16dc465b06:focus, .c70d339ac1451 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.caf16dc465b06.checked, .c70d339ac1451 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.caf16dc465b06.checked svg, .c70d339ac1451 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.caf16dc465b06.intermediate, .c70d339ac1451 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.caf16dc465b06.intermediate svg, .c70d339ac1451 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.caf16dc465b06.unchecked, .c70d339ac1451 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.caf16dc465b06.unchecked svg, .c70d339ac1451 label span.unchecked svg {
  display: none;
}

.c70d339ac1451 {
  display: flex;
  align-items: center;
}
.c70d339ac1451 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c70d339ac1451 label input {
  margin: 0;
}
.c70d339ac1451 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c70d339ac1451 label:focus span, .c70d339ac1451 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c8a86ed320308 {
  display: flex;
  flex-direction: column;
}
.c8a86ed320308 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c8a86ed320308 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c8a86ed320308 input:focus-within input, .c8a86ed320308 input:active input {
  color: var(--input-foreground-color-active);
}
.c8a86ed320308 input:focus-within, .c8a86ed320308 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c8a86ed320308.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c0aefaa4de45c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c4122dd81376b, .c5ec6537fe1fc {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cbb2d088d2447 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cce06663192d8 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c4b1e10939c77 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cd5645e454fe2 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c5c34f5e2d75f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c34f948db1557 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c7f39ff1ebe2c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cdcc50f224e88 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cdcc50f224e88:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c33c1ca9e66e6 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c473dcd19655d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c2b1a80b528a7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c6775a477f553 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c582a064c6e01 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c582a064c6e01:hover, .c582a064c6e01:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c73d55e6b0cb4 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c73d55e6b0cb4 button {
  display: none;
}
.c73d55e6b0cb4 button svg {
  stroke: var(--icon-foreground);
}
.c73d55e6b0cb4:hover button {
  display: flex;
}

.c570cdb109ccf {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c570cdb109ccf .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c570cdb109ccf .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c6872e92e0659 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c6872e92e0659:hover div {
  color: var(--entry-foreground-color-hover);
}

.c7d306bbf1b2b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cc350b7c8c0bf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cc350b7c8c0bf:hover {
  background-color: var(--menu-background-color-hover);
}

.cbb6575f395df {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cbb6575f395df span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cbb6575f395df span svg {
  stroke: var(--icon-foreground);
}
.cbb6575f395df:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cbb6575f395df:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c3c5230cabeb8 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cc72b9076edf0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c8942b3c1657f,
.c59fc6c87ab53 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ceaae48965890 .c8942b3c1657f,
.ceaae48965890 .c59fc6c87ab53 {
  transform: scale(1);
}

.cf8f5524374a7 .c8942b3c1657f,
.cf8f5524374a7 .c59fc6c87ab53 {
  transform: scale(0);
}

.c09199fe6b47a {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.ce5a4c9e12cf7 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.c7616b1a705d8 {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.c7616b1a705d8 a {
  color: var(--button-primary-background-color-rest);
}

.cc9d0dd0fd501 {
  display: grid;
  gap: 0.5rem;
}

.cfc41dd8e0316 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.c34021b4aa944 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c0f3beab3266b {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.ca815f8de5dd8 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.c50c19830e28b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.cb554b68d1443 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.c5ec1fe3f7d7f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.c2c3defdc2e6c {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.cd1b9ad0c8e1f {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes c5a9d0fdb226c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.caedfd20e6f48 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.caedfd20e6f48:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.caedfd20e6f48 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.caedfd20e6f48 ::-webkit-scrollbar-track,
.caedfd20e6f48 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.caedfd20e6f48 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.caedfd20e6f48 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.caedfd20e6f48 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.caedfd20e6f48 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.caedfd20e6f48 ::placeholder,
.caedfd20e6f48 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c7b94952a7764, .c634c72bcec82, .c82ebcb5c1bda, .c6809755a242d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c7b94952a7764 svg, .c634c72bcec82 svg, .c82ebcb5c1bda svg, .c6809755a242d svg,
.c7b94952a7764 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c7b94952a7764:focus-visible, .c634c72bcec82:focus-visible, .c82ebcb5c1bda:focus-visible, .c6809755a242d:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c7b94952a7764:focus-visible svg, .c634c72bcec82:focus-visible svg, .c82ebcb5c1bda:focus-visible svg, .c6809755a242d:focus-visible svg,
.c7b94952a7764:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c7b94952a7764:hover, .c634c72bcec82:hover, .c82ebcb5c1bda:hover, .c6809755a242d:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c7b94952a7764:hover svg, .c634c72bcec82:hover svg, .c82ebcb5c1bda:hover svg, .c6809755a242d:hover svg,
.c7b94952a7764:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c7b94952a7764:active, .c634c72bcec82:active, .c82ebcb5c1bda:active, .c6809755a242d:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c7b94952a7764:active svg, .c634c72bcec82:active svg, .c82ebcb5c1bda:active svg, .c6809755a242d:active svg,
.c7b94952a7764:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c7b94952a7764.disabled, .c634c72bcec82.disabled, .c82ebcb5c1bda.disabled, .c6809755a242d.disabled, .c7b94952a7764[disabled], [disabled].c634c72bcec82, [disabled].c82ebcb5c1bda, [disabled].c6809755a242d, .c7b94952a7764:disabled, .c634c72bcec82:disabled, .c82ebcb5c1bda:disabled, .c6809755a242d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c523e7effe001, .cda0979d5f1cb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c523e7effe001 svg, .cda0979d5f1cb svg,
.c523e7effe001 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c523e7effe001:focus-visible, .cda0979d5f1cb:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c523e7effe001:focus-visible svg, .cda0979d5f1cb:focus-visible svg,
.c523e7effe001:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c523e7effe001:hover, .cda0979d5f1cb:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c523e7effe001:hover svg, .cda0979d5f1cb:hover svg,
.c523e7effe001:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c523e7effe001:active, .cda0979d5f1cb:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c523e7effe001:active svg, .cda0979d5f1cb:active svg,
.c523e7effe001:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c523e7effe001.disabled, .cda0979d5f1cb.disabled, .c523e7effe001[disabled], [disabled].cda0979d5f1cb, .c523e7effe001:disabled, .cda0979d5f1cb:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4726d39829b7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c4726d39829b7 svg,
.c4726d39829b7 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c4726d39829b7:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4726d39829b7:focus-visible svg,
.c4726d39829b7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4726d39829b7:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c4726d39829b7:hover svg,
.c4726d39829b7:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c4726d39829b7:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c4726d39829b7:active svg,
.c4726d39829b7:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c4726d39829b7.disabled, .c4726d39829b7[disabled], .c4726d39829b7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf32177668952, .ccfd5516b8c4a button, .cb6b24f5f4d9d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cf32177668952 svg, .ccfd5516b8c4a button svg, .cb6b24f5f4d9d svg,
.cf32177668952 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cf32177668952:focus-visible, .ccfd5516b8c4a button:focus-visible, .cb6b24f5f4d9d:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cf32177668952:focus-visible svg, .ccfd5516b8c4a button:focus-visible svg, .cb6b24f5f4d9d:focus-visible svg,
.cf32177668952:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cf32177668952:hover, .ccfd5516b8c4a button:hover, .cb6b24f5f4d9d:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cf32177668952:hover svg, .ccfd5516b8c4a button:hover svg, .cb6b24f5f4d9d:hover svg,
.cf32177668952:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cf32177668952:active, .ccfd5516b8c4a button:active, .cb6b24f5f4d9d:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cf32177668952:active svg, .ccfd5516b8c4a button:active svg, .cb6b24f5f4d9d:active svg,
.cf32177668952:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cf32177668952.disabled, .ccfd5516b8c4a button.disabled, .cb6b24f5f4d9d.disabled, .cf32177668952[disabled], .ccfd5516b8c4a button[disabled], [disabled].cb6b24f5f4d9d, .cf32177668952:disabled, .ccfd5516b8c4a button:disabled, .cb6b24f5f4d9d:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cf32177668952.disabled svg, .ccfd5516b8c4a button.disabled svg, .cb6b24f5f4d9d.disabled svg,
.cf32177668952.disabled span svg, .cf32177668952[disabled] svg, .ccfd5516b8c4a button[disabled] svg, [disabled].cb6b24f5f4d9d svg,
.cf32177668952[disabled] span svg, .cf32177668952:disabled svg, .ccfd5516b8c4a button:disabled svg, .cb6b24f5f4d9d:disabled svg,
.cf32177668952:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ceeeb3f1eb0d3 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ceeeb3f1eb0d3 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c548011e8fd61 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c548011e8fd61 svg,
.c548011e8fd61 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c548011e8fd61:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c548011e8fd61:focus-visible svg,
.c548011e8fd61:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c548011e8fd61:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c548011e8fd61:hover svg,
.c548011e8fd61:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c548011e8fd61:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c548011e8fd61:active svg,
.c548011e8fd61:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c24e5334d68cd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c71d318f0aef3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8427c5808bfa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c8427c5808bfa:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c8427c5808bfa:focus-visible svg,
.c8427c5808bfa:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c8427c5808bfa:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c8427c5808bfa:active {
  border: none;
  background-color: transparent;
}

.c1d9cb16f571b, .cb6b24f5f4d9d svg, .ce7682c3569d8, .cd2b1dbc0453b span svg, .ccfd5516b8c4a button svg, .cb261c25ccc9a.intermediate svg, .c3265bdc11008 label span.intermediate svg, .cb261c25ccc9a.checked svg, .c3265bdc11008 label span.checked svg, .c6586fc93db11 span svg,
.c6586fc93db11 label svg, .cdeec6fec6868 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c175ec7fe4f32 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c175ec7fe4f32:hover {
  fill: none;
  stroke: none;
}

.ce7682c3569d8, .cd2b1dbc0453b span svg, .ccfd5516b8c4a button svg, .cb261c25ccc9a.intermediate svg, .c3265bdc11008 label span.intermediate svg, .cb261c25ccc9a.checked svg, .c3265bdc11008 label span.checked svg, .c6586fc93db11 span svg,
.c6586fc93db11 label svg, .cdeec6fec6868 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c83dcef042790 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c83dcef042790:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c227460b3fe4b, .cb47d2f8d6ee6 input, .ca3fe17317fb3 input, .c6586fc93db11 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c227460b3fe4b, .cb47d2f8d6ee6 input, .ca3fe17317fb3 input, .c6586fc93db11 input {
    height: 23px;
  }
}
.c227460b3fe4b, .cb47d2f8d6ee6 input, .ca3fe17317fb3 input, .c6586fc93db11 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c227460b3fe4b[disabled], .cb47d2f8d6ee6 input[disabled], .ca3fe17317fb3 input[disabled], .c6586fc93db11 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cdeec6fec6868 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c68885ab6c365, .c6586fc93db11 span,
.c6586fc93db11 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c68885ab6c365, .c6586fc93db11 span,
  .c6586fc93db11 label {
    height: 25px;
  }
}
.c68885ab6c365, .c6586fc93db11 span,
.c6586fc93db11 label {
  color: var(--input-foreground-color);
}

.c6586fc93db11 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6586fc93db11 {
    height: 25px;
    font-size: 10px;
  }
}
.c6586fc93db11 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c6586fc93db11 span svg,
.c6586fc93db11 label svg {
  color: var(--input-foreground-color);
}
.c6586fc93db11 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c6586fc93db11 ::placeholder {
  color: var(--input-placeholder-color);
}
.c6586fc93db11:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c6586fc93db11:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c6586fc93db11:hover span {
  color: var(--input-foreground-color-hover);
}
.c6586fc93db11:hover input {
  color: var(--input-foreground-color-hover);
}
.c6586fc93db11:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c6586fc93db11:active span {
  color: var(--input-foreground-color-active);
}
.c6586fc93db11:active input {
  color: var(--input-foreground-color-active);
}
.c6586fc93db11:focus, .c6586fc93db11:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6586fc93db11:focus span, .c6586fc93db11:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c6586fc93db11:focus input, .c6586fc93db11:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c6586fc93db11:focus:hover, .c6586fc93db11:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6586fc93db11:focus:hover span, .c6586fc93db11:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c6586fc93db11:focus:hover input, .c6586fc93db11:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ca3fe17317fb3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ca3fe17317fb3 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ca3fe17317fb3 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ca3fe17317fb3 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ca3fe17317fb3:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ca3fe17317fb3:focus-within input, .ca3fe17317fb3:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c24098dc0c4d4, .cb47d2f8d6ee6.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c24098dc0c4d4 input, .cb47d2f8d6ee6.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c24098dc0c4d4 span svg, .cb47d2f8d6ee6.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cb261c25ccc9a, .c3265bdc11008 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cb261c25ccc9a svg, .c3265bdc11008 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cb261c25ccc9a:hover, .c3265bdc11008 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb261c25ccc9a:focus, .c3265bdc11008 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cb261c25ccc9a.checked, .c3265bdc11008 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cb261c25ccc9a.checked svg, .c3265bdc11008 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cb261c25ccc9a.intermediate, .c3265bdc11008 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cb261c25ccc9a.intermediate svg, .c3265bdc11008 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cb261c25ccc9a.unchecked, .c3265bdc11008 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cb261c25ccc9a.unchecked svg, .c3265bdc11008 label span.unchecked svg {
  display: none;
}

.c3265bdc11008 {
  display: flex;
  align-items: center;
}
.c3265bdc11008 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c3265bdc11008 label input {
  margin: 0;
}
.c3265bdc11008 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c3265bdc11008 label:focus span, .c3265bdc11008 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cb47d2f8d6ee6 {
  display: flex;
  flex-direction: column;
}
.cb47d2f8d6ee6 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cb47d2f8d6ee6 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cb47d2f8d6ee6 input:focus-within input, .cb47d2f8d6ee6 input:active input {
  color: var(--input-foreground-color-active);
}
.cb47d2f8d6ee6 input:focus-within, .cb47d2f8d6ee6 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb47d2f8d6ee6.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c73d0944296b0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c907a71529620, .cc8a3b4e682f2 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c1a39f24dfda3 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cb6b24f5f4d9d {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c5f2de577d092 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c1d71f56d730d {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cda0979d5f1cb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c6809755a242d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c82ebcb5c1bda {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c7d38aaa77acd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c7d38aaa77acd:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c86c181d1fee6 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cc4df8785953f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c4c4d471d1025 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c4bf07ddee2ca {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ccb1c69f23875 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ccb1c69f23875:hover, .ccb1c69f23875:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ccfd5516b8c4a div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ccfd5516b8c4a button {
  display: none;
}
.ccfd5516b8c4a button svg {
  stroke: var(--icon-foreground);
}
.ccfd5516b8c4a:hover button {
  display: flex;
}

.c0e4874dfedb1 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c0e4874dfedb1 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c0e4874dfedb1 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cbe4696e9001b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cbe4696e9001b:hover div {
  color: var(--entry-foreground-color-hover);
}

.ca693a4fd6b36 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c72c2c4bc5838 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c72c2c4bc5838:hover {
  background-color: var(--menu-background-color-hover);
}

.cd2b1dbc0453b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cd2b1dbc0453b span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cd2b1dbc0453b span svg {
  stroke: var(--icon-foreground);
}
.cd2b1dbc0453b:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cd2b1dbc0453b:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c52d24b4b8145 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c8b8c8c6e3b2d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c1800a7e30ee3,
.cb79d80cd8951 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c44911e9510bc .c1800a7e30ee3,
.c44911e9510bc .cb79d80cd8951 {
  transform: scale(1);
}

.c62ba9d37aac3 .c1800a7e30ee3,
.c62ba9d37aac3 .cb79d80cd8951 {
  transform: scale(0);
}

.c71c9f43b9840 {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.c9fe8e0450073 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.ccb87f4f73e7d {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.ccb87f4f73e7d a {
  color: var(--button-primary-background-color-rest);
}

.c5c3763a76b10 {
  display: grid;
  gap: 0.5rem;
}

.c561d97ce2a83 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.c6e7e4e601a2f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c07f78d7a5996 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.cebb10c0fa791 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.c777b46b037e7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.cdb04f3b6aa3c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.ce4c508d909fc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.ccfaec1e2d160 {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.c634c72bcec82 {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes ccb5c61b5d89f {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cc3955b887aae {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cc3955b887aae:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cc3955b887aae ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cc3955b887aae ::-webkit-scrollbar-track,
.cc3955b887aae ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cc3955b887aae ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cc3955b887aae ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cc3955b887aae ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc3955b887aae ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc3955b887aae ::placeholder,
.cc3955b887aae ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c455ae7d02b52, .cb3b52fed8f1f, .c2dd5c7360f21, .cd2491fa5052a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c455ae7d02b52 svg, .cb3b52fed8f1f svg, .c2dd5c7360f21 svg, .cd2491fa5052a svg,
.c455ae7d02b52 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c455ae7d02b52:focus-visible, .cb3b52fed8f1f:focus-visible, .c2dd5c7360f21:focus-visible, .cd2491fa5052a:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c455ae7d02b52:focus-visible svg, .cb3b52fed8f1f:focus-visible svg, .c2dd5c7360f21:focus-visible svg, .cd2491fa5052a:focus-visible svg,
.c455ae7d02b52:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c455ae7d02b52:hover, .cb3b52fed8f1f:hover, .c2dd5c7360f21:hover, .cd2491fa5052a:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c455ae7d02b52:hover svg, .cb3b52fed8f1f:hover svg, .c2dd5c7360f21:hover svg, .cd2491fa5052a:hover svg,
.c455ae7d02b52:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c455ae7d02b52:active, .cb3b52fed8f1f:active, .c2dd5c7360f21:active, .cd2491fa5052a:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c455ae7d02b52:active svg, .cb3b52fed8f1f:active svg, .c2dd5c7360f21:active svg, .cd2491fa5052a:active svg,
.c455ae7d02b52:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c455ae7d02b52.disabled, .cb3b52fed8f1f.disabled, .c2dd5c7360f21.disabled, .cd2491fa5052a.disabled, .c455ae7d02b52[disabled], [disabled].cb3b52fed8f1f, [disabled].c2dd5c7360f21, [disabled].cd2491fa5052a, .c455ae7d02b52:disabled, .cb3b52fed8f1f:disabled, .c2dd5c7360f21:disabled, .cd2491fa5052a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfc7cef8f7d1d, .cb554c5fbff35 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cfc7cef8f7d1d svg, .cb554c5fbff35 svg,
.cfc7cef8f7d1d span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cfc7cef8f7d1d:focus-visible, .cb554c5fbff35:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cfc7cef8f7d1d:focus-visible svg, .cb554c5fbff35:focus-visible svg,
.cfc7cef8f7d1d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cfc7cef8f7d1d:hover, .cb554c5fbff35:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cfc7cef8f7d1d:hover svg, .cb554c5fbff35:hover svg,
.cfc7cef8f7d1d:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cfc7cef8f7d1d:active, .cb554c5fbff35:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cfc7cef8f7d1d:active svg, .cb554c5fbff35:active svg,
.cfc7cef8f7d1d:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cfc7cef8f7d1d.disabled, .cb554c5fbff35.disabled, .cfc7cef8f7d1d[disabled], [disabled].cb554c5fbff35, .cfc7cef8f7d1d:disabled, .cb554c5fbff35:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c44647e9b4995 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c44647e9b4995 svg,
.c44647e9b4995 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c44647e9b4995:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c44647e9b4995:focus-visible svg,
.c44647e9b4995:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c44647e9b4995:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c44647e9b4995:hover svg,
.c44647e9b4995:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c44647e9b4995:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c44647e9b4995:active svg,
.c44647e9b4995:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c44647e9b4995.disabled, .c44647e9b4995[disabled], .c44647e9b4995:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c530c7a59df7c, .c15a615201778 button, .caec7e5c070f8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c530c7a59df7c svg, .c15a615201778 button svg, .caec7e5c070f8 svg,
.c530c7a59df7c span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c530c7a59df7c:focus-visible, .c15a615201778 button:focus-visible, .caec7e5c070f8:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c530c7a59df7c:focus-visible svg, .c15a615201778 button:focus-visible svg, .caec7e5c070f8:focus-visible svg,
.c530c7a59df7c:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c530c7a59df7c:hover, .c15a615201778 button:hover, .caec7e5c070f8:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c530c7a59df7c:hover svg, .c15a615201778 button:hover svg, .caec7e5c070f8:hover svg,
.c530c7a59df7c:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c530c7a59df7c:active, .c15a615201778 button:active, .caec7e5c070f8:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c530c7a59df7c:active svg, .c15a615201778 button:active svg, .caec7e5c070f8:active svg,
.c530c7a59df7c:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c530c7a59df7c.disabled, .c15a615201778 button.disabled, .caec7e5c070f8.disabled, .c530c7a59df7c[disabled], .c15a615201778 button[disabled], [disabled].caec7e5c070f8, .c530c7a59df7c:disabled, .c15a615201778 button:disabled, .caec7e5c070f8:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c530c7a59df7c.disabled svg, .c15a615201778 button.disabled svg, .caec7e5c070f8.disabled svg,
.c530c7a59df7c.disabled span svg, .c530c7a59df7c[disabled] svg, .c15a615201778 button[disabled] svg, [disabled].caec7e5c070f8 svg,
.c530c7a59df7c[disabled] span svg, .c530c7a59df7c:disabled svg, .c15a615201778 button:disabled svg, .caec7e5c070f8:disabled svg,
.c530c7a59df7c:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c67a801ab4ca7 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c67a801ab4ca7 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c6ba1e15ae1af {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c6ba1e15ae1af svg,
.c6ba1e15ae1af span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c6ba1e15ae1af:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c6ba1e15ae1af:focus-visible svg,
.c6ba1e15ae1af:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c6ba1e15ae1af:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c6ba1e15ae1af:hover svg,
.c6ba1e15ae1af:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c6ba1e15ae1af:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c6ba1e15ae1af:active svg,
.c6ba1e15ae1af:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cb06780d6219c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cb18a990a9c10 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c953ab210633f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c953ab210633f:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c953ab210633f:focus-visible svg,
.c953ab210633f:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c953ab210633f:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c953ab210633f:active {
  border: none;
  background-color: transparent;
}

.cd328489e694c, .caec7e5c070f8 svg, .cd0a7c6f8d190, .c607e5034400a span svg, .c15a615201778 button svg, .c3c6fcb3d501a.intermediate svg, .c96e28ac8a815 label span.intermediate svg, .c3c6fcb3d501a.checked svg, .c96e28ac8a815 label span.checked svg, .c70ce80fb818f span svg,
.c70ce80fb818f label svg, .c56ac1103b6e3 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cb9bfc0637f5d {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cb9bfc0637f5d:hover {
  fill: none;
  stroke: none;
}

.cd0a7c6f8d190, .c607e5034400a span svg, .c15a615201778 button svg, .c3c6fcb3d501a.intermediate svg, .c96e28ac8a815 label span.intermediate svg, .c3c6fcb3d501a.checked svg, .c96e28ac8a815 label span.checked svg, .c70ce80fb818f span svg,
.c70ce80fb818f label svg, .c56ac1103b6e3 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c2b10efb913d0 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c2b10efb913d0:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cdd8f3c840dd7, .c73b5314dab0e input, .c02292690a223 input, .c70ce80fb818f input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cdd8f3c840dd7, .c73b5314dab0e input, .c02292690a223 input, .c70ce80fb818f input {
    height: 23px;
  }
}
.cdd8f3c840dd7, .c73b5314dab0e input, .c02292690a223 input, .c70ce80fb818f input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cdd8f3c840dd7[disabled], .c73b5314dab0e input[disabled], .c02292690a223 input[disabled], .c70ce80fb818f input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c56ac1103b6e3 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c3cce68c6580a, .c70ce80fb818f span,
.c70ce80fb818f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c3cce68c6580a, .c70ce80fb818f span,
  .c70ce80fb818f label {
    height: 25px;
  }
}
.c3cce68c6580a, .c70ce80fb818f span,
.c70ce80fb818f label {
  color: var(--input-foreground-color);
}

.c70ce80fb818f {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c70ce80fb818f {
    height: 25px;
    font-size: 10px;
  }
}
.c70ce80fb818f {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c70ce80fb818f span svg,
.c70ce80fb818f label svg {
  color: var(--input-foreground-color);
}
.c70ce80fb818f ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c70ce80fb818f ::placeholder {
  color: var(--input-placeholder-color);
}
.c70ce80fb818f:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c70ce80fb818f:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c70ce80fb818f:hover span {
  color: var(--input-foreground-color-hover);
}
.c70ce80fb818f:hover input {
  color: var(--input-foreground-color-hover);
}
.c70ce80fb818f:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c70ce80fb818f:active span {
  color: var(--input-foreground-color-active);
}
.c70ce80fb818f:active input {
  color: var(--input-foreground-color-active);
}
.c70ce80fb818f:focus, .c70ce80fb818f:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c70ce80fb818f:focus span, .c70ce80fb818f:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c70ce80fb818f:focus input, .c70ce80fb818f:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c70ce80fb818f:focus:hover, .c70ce80fb818f:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c70ce80fb818f:focus:hover span, .c70ce80fb818f:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c70ce80fb818f:focus:hover input, .c70ce80fb818f:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c02292690a223 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c02292690a223 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c02292690a223 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c02292690a223 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c02292690a223:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c02292690a223:focus-within input, .c02292690a223:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cddd26e6962ee, .c73b5314dab0e.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cddd26e6962ee input, .c73b5314dab0e.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cddd26e6962ee span svg, .c73b5314dab0e.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c3c6fcb3d501a, .c96e28ac8a815 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c3c6fcb3d501a svg, .c96e28ac8a815 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c3c6fcb3d501a:hover, .c96e28ac8a815 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c3c6fcb3d501a:focus, .c96e28ac8a815 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c3c6fcb3d501a.checked, .c96e28ac8a815 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c3c6fcb3d501a.checked svg, .c96e28ac8a815 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c3c6fcb3d501a.intermediate, .c96e28ac8a815 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c3c6fcb3d501a.intermediate svg, .c96e28ac8a815 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c3c6fcb3d501a.unchecked, .c96e28ac8a815 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c3c6fcb3d501a.unchecked svg, .c96e28ac8a815 label span.unchecked svg {
  display: none;
}

.c96e28ac8a815 {
  display: flex;
  align-items: center;
}
.c96e28ac8a815 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c96e28ac8a815 label input {
  margin: 0;
}
.c96e28ac8a815 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c96e28ac8a815 label:focus span, .c96e28ac8a815 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c73b5314dab0e {
  display: flex;
  flex-direction: column;
}
.c73b5314dab0e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c73b5314dab0e input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c73b5314dab0e input:focus-within input, .c73b5314dab0e input:active input {
  color: var(--input-foreground-color-active);
}
.c73b5314dab0e input:focus-within, .c73b5314dab0e input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c73b5314dab0e.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c672162fb865b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cd090c9c426e6, .c81e7e96b5032 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c5b06dfe2514b {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.caec7e5c070f8 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c509a9a958185 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc3e86ec8af9f {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cb554c5fbff35 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd2491fa5052a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c2dd5c7360f21 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cd2ffa48025c4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cd2ffa48025c4:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c0b775dd24175 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c6da45ec30879 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c530895fc9a51 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c341f0ff9ed96 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cf672f55bbea1 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cf672f55bbea1:hover, .cf672f55bbea1:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c15a615201778 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c15a615201778 button {
  display: none;
}
.c15a615201778 button svg {
  stroke: var(--icon-foreground);
}
.c15a615201778:hover button {
  display: flex;
}

.ccc8601804135 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ccc8601804135 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ccc8601804135 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c161a1422552b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c161a1422552b:hover div {
  color: var(--entry-foreground-color-hover);
}

.c81e0c6a61733 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c958472091c15 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c958472091c15:hover {
  background-color: var(--menu-background-color-hover);
}

.c607e5034400a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c607e5034400a span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c607e5034400a span svg {
  stroke: var(--icon-foreground);
}
.c607e5034400a:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c607e5034400a:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cbfea1b04e8ae {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c9106782ef573 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c7f835cee513d,
.c2a69570f1278 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb741b2bb2797 .c7f835cee513d,
.cb741b2bb2797 .c2a69570f1278 {
  transform: scale(1);
}

.cb13c73435606 .c7f835cee513d,
.cb13c73435606 .c2a69570f1278 {
  transform: scale(0);
}

.cdb07728ca81d {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.c95f2a4ad5c24 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.c04d5bee43d1b {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.c04d5bee43d1b a {
  color: var(--button-primary-background-color-rest);
}

.c223b5c39308a {
  display: grid;
  gap: 0.5rem;
}

.c4f8272ffc48e {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.c927bc5092cc3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c2538f5fcb57b {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.c890c599b2439 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.c8e5d844e5e7b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.cdf93acf95ab0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.c771e240ed308 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.ca38f0005c7bf {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.cb3b52fed8f1f {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes ccdb5b315ea37 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cbe2d152f777f {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cbe2d152f777f:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cbe2d152f777f ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cbe2d152f777f ::-webkit-scrollbar-track,
.cbe2d152f777f ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cbe2d152f777f ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cbe2d152f777f ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cbe2d152f777f ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cbe2d152f777f ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cbe2d152f777f ::placeholder,
.cbe2d152f777f ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c0343a12d26c1, .c3e196801ad45, .c1bf1c58fd915, .c403f1c2b5f1b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c0343a12d26c1 svg, .c3e196801ad45 svg, .c1bf1c58fd915 svg, .c403f1c2b5f1b svg,
.c0343a12d26c1 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c0343a12d26c1:focus-visible, .c3e196801ad45:focus-visible, .c1bf1c58fd915:focus-visible, .c403f1c2b5f1b:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c0343a12d26c1:focus-visible svg, .c3e196801ad45:focus-visible svg, .c1bf1c58fd915:focus-visible svg, .c403f1c2b5f1b:focus-visible svg,
.c0343a12d26c1:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c0343a12d26c1:hover, .c3e196801ad45:hover, .c1bf1c58fd915:hover, .c403f1c2b5f1b:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c0343a12d26c1:hover svg, .c3e196801ad45:hover svg, .c1bf1c58fd915:hover svg, .c403f1c2b5f1b:hover svg,
.c0343a12d26c1:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c0343a12d26c1:active, .c3e196801ad45:active, .c1bf1c58fd915:active, .c403f1c2b5f1b:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c0343a12d26c1:active svg, .c3e196801ad45:active svg, .c1bf1c58fd915:active svg, .c403f1c2b5f1b:active svg,
.c0343a12d26c1:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c0343a12d26c1.disabled, .c3e196801ad45.disabled, .c1bf1c58fd915.disabled, .c403f1c2b5f1b.disabled, .c0343a12d26c1[disabled], [disabled].c3e196801ad45, [disabled].c1bf1c58fd915, [disabled].c403f1c2b5f1b, .c0343a12d26c1:disabled, .c3e196801ad45:disabled, .c1bf1c58fd915:disabled, .c403f1c2b5f1b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c58ad1e2a02a3, .c813179bf2e7d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c58ad1e2a02a3 svg, .c813179bf2e7d svg,
.c58ad1e2a02a3 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c58ad1e2a02a3:focus-visible, .c813179bf2e7d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c58ad1e2a02a3:focus-visible svg, .c813179bf2e7d:focus-visible svg,
.c58ad1e2a02a3:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c58ad1e2a02a3:hover, .c813179bf2e7d:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c58ad1e2a02a3:hover svg, .c813179bf2e7d:hover svg,
.c58ad1e2a02a3:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c58ad1e2a02a3:active, .c813179bf2e7d:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c58ad1e2a02a3:active svg, .c813179bf2e7d:active svg,
.c58ad1e2a02a3:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c58ad1e2a02a3.disabled, .c813179bf2e7d.disabled, .c58ad1e2a02a3[disabled], [disabled].c813179bf2e7d, .c58ad1e2a02a3:disabled, .c813179bf2e7d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5ce7a37ffbbe {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c5ce7a37ffbbe svg,
.c5ce7a37ffbbe span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c5ce7a37ffbbe:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c5ce7a37ffbbe:focus-visible svg,
.c5ce7a37ffbbe:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c5ce7a37ffbbe:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c5ce7a37ffbbe:hover svg,
.c5ce7a37ffbbe:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c5ce7a37ffbbe:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c5ce7a37ffbbe:active svg,
.c5ce7a37ffbbe:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c5ce7a37ffbbe.disabled, .c5ce7a37ffbbe[disabled], .c5ce7a37ffbbe:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c08f1170cbeea, .c0ee3d567bb00 button, .ce5a89fb4dc2e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c08f1170cbeea svg, .c0ee3d567bb00 button svg, .ce5a89fb4dc2e svg,
.c08f1170cbeea span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c08f1170cbeea:focus-visible, .c0ee3d567bb00 button:focus-visible, .ce5a89fb4dc2e:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c08f1170cbeea:focus-visible svg, .c0ee3d567bb00 button:focus-visible svg, .ce5a89fb4dc2e:focus-visible svg,
.c08f1170cbeea:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c08f1170cbeea:hover, .c0ee3d567bb00 button:hover, .ce5a89fb4dc2e:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c08f1170cbeea:hover svg, .c0ee3d567bb00 button:hover svg, .ce5a89fb4dc2e:hover svg,
.c08f1170cbeea:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c08f1170cbeea:active, .c0ee3d567bb00 button:active, .ce5a89fb4dc2e:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c08f1170cbeea:active svg, .c0ee3d567bb00 button:active svg, .ce5a89fb4dc2e:active svg,
.c08f1170cbeea:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c08f1170cbeea.disabled, .c0ee3d567bb00 button.disabled, .ce5a89fb4dc2e.disabled, .c08f1170cbeea[disabled], .c0ee3d567bb00 button[disabled], [disabled].ce5a89fb4dc2e, .c08f1170cbeea:disabled, .c0ee3d567bb00 button:disabled, .ce5a89fb4dc2e:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c08f1170cbeea.disabled svg, .c0ee3d567bb00 button.disabled svg, .ce5a89fb4dc2e.disabled svg,
.c08f1170cbeea.disabled span svg, .c08f1170cbeea[disabled] svg, .c0ee3d567bb00 button[disabled] svg, [disabled].ce5a89fb4dc2e svg,
.c08f1170cbeea[disabled] span svg, .c08f1170cbeea:disabled svg, .c0ee3d567bb00 button:disabled svg, .ce5a89fb4dc2e:disabled svg,
.c08f1170cbeea:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c26c3fa0af9e9 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c26c3fa0af9e9 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c56faf9cfa064 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c56faf9cfa064 svg,
.c56faf9cfa064 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c56faf9cfa064:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c56faf9cfa064:focus-visible svg,
.c56faf9cfa064:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c56faf9cfa064:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c56faf9cfa064:hover svg,
.c56faf9cfa064:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c56faf9cfa064:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c56faf9cfa064:active svg,
.c56faf9cfa064:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c3db6fa7f1b80 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c9601c67a0810 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c34a6e3cee624 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c34a6e3cee624:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c34a6e3cee624:focus-visible svg,
.c34a6e3cee624:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c34a6e3cee624:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c34a6e3cee624:active {
  border: none;
  background-color: transparent;
}

.c39343d400289, .ce5a89fb4dc2e svg, .c5e684ccd0d25, .c57c6b9940598 span svg, .c0ee3d567bb00 button svg, .c7fbf2dec0beb.intermediate svg, .c013ca31b86f6 label span.intermediate svg, .c7fbf2dec0beb.checked svg, .c013ca31b86f6 label span.checked svg, .c604a03cb2af3 span svg,
.c604a03cb2af3 label svg, .cfb34cb92ebd4 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c476b776dc32a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c476b776dc32a:hover {
  fill: none;
  stroke: none;
}

.c5e684ccd0d25, .c57c6b9940598 span svg, .c0ee3d567bb00 button svg, .c7fbf2dec0beb.intermediate svg, .c013ca31b86f6 label span.intermediate svg, .c7fbf2dec0beb.checked svg, .c013ca31b86f6 label span.checked svg, .c604a03cb2af3 span svg,
.c604a03cb2af3 label svg, .cfb34cb92ebd4 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c6619659b06c4 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c6619659b06c4:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c868671adf54e, .cbc238fe5e55d input, .cc0b4e9fa1286 input, .c604a03cb2af3 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c868671adf54e, .cbc238fe5e55d input, .cc0b4e9fa1286 input, .c604a03cb2af3 input {
    height: 23px;
  }
}
.c868671adf54e, .cbc238fe5e55d input, .cc0b4e9fa1286 input, .c604a03cb2af3 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c868671adf54e[disabled], .cbc238fe5e55d input[disabled], .cc0b4e9fa1286 input[disabled], .c604a03cb2af3 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cfb34cb92ebd4 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ca699c0b14b79, .c604a03cb2af3 span,
.c604a03cb2af3 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca699c0b14b79, .c604a03cb2af3 span,
  .c604a03cb2af3 label {
    height: 25px;
  }
}
.ca699c0b14b79, .c604a03cb2af3 span,
.c604a03cb2af3 label {
  color: var(--input-foreground-color);
}

.c604a03cb2af3 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c604a03cb2af3 {
    height: 25px;
    font-size: 10px;
  }
}
.c604a03cb2af3 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c604a03cb2af3 span svg,
.c604a03cb2af3 label svg {
  color: var(--input-foreground-color);
}
.c604a03cb2af3 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c604a03cb2af3 ::placeholder {
  color: var(--input-placeholder-color);
}
.c604a03cb2af3:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c604a03cb2af3:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c604a03cb2af3:hover span {
  color: var(--input-foreground-color-hover);
}
.c604a03cb2af3:hover input {
  color: var(--input-foreground-color-hover);
}
.c604a03cb2af3:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c604a03cb2af3:active span {
  color: var(--input-foreground-color-active);
}
.c604a03cb2af3:active input {
  color: var(--input-foreground-color-active);
}
.c604a03cb2af3:focus, .c604a03cb2af3:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c604a03cb2af3:focus span, .c604a03cb2af3:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c604a03cb2af3:focus input, .c604a03cb2af3:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c604a03cb2af3:focus:hover, .c604a03cb2af3:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c604a03cb2af3:focus:hover span, .c604a03cb2af3:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c604a03cb2af3:focus:hover input, .c604a03cb2af3:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cc0b4e9fa1286 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cc0b4e9fa1286 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cc0b4e9fa1286 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc0b4e9fa1286 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc0b4e9fa1286:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cc0b4e9fa1286:focus-within input, .cc0b4e9fa1286:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cdf36cb8f5afd, .cbc238fe5e55d.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cdf36cb8f5afd input, .cbc238fe5e55d.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cdf36cb8f5afd span svg, .cbc238fe5e55d.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c7fbf2dec0beb, .c013ca31b86f6 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c7fbf2dec0beb svg, .c013ca31b86f6 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c7fbf2dec0beb:hover, .c013ca31b86f6 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c7fbf2dec0beb:focus, .c013ca31b86f6 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c7fbf2dec0beb.checked, .c013ca31b86f6 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c7fbf2dec0beb.checked svg, .c013ca31b86f6 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c7fbf2dec0beb.intermediate, .c013ca31b86f6 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c7fbf2dec0beb.intermediate svg, .c013ca31b86f6 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c7fbf2dec0beb.unchecked, .c013ca31b86f6 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c7fbf2dec0beb.unchecked svg, .c013ca31b86f6 label span.unchecked svg {
  display: none;
}

.c013ca31b86f6 {
  display: flex;
  align-items: center;
}
.c013ca31b86f6 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c013ca31b86f6 label input {
  margin: 0;
}
.c013ca31b86f6 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c013ca31b86f6 label:focus span, .c013ca31b86f6 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cbc238fe5e55d {
  display: flex;
  flex-direction: column;
}
.cbc238fe5e55d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cbc238fe5e55d input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cbc238fe5e55d input:focus-within input, .cbc238fe5e55d input:active input {
  color: var(--input-foreground-color-active);
}
.cbc238fe5e55d input:focus-within, .cbc238fe5e55d input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbc238fe5e55d.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c79233fce8d07 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ce19fb55ba38e, .c51dcaf56a1c0 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cdf1dfc9e36a3 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ce5a89fb4dc2e {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c01493fab87e6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cf5b39dd170e2 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c813179bf2e7d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c403f1c2b5f1b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c1bf1c58fd915 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c19ef530bb370 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c19ef530bb370:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c32e72f52065f {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c9099a4c5d2af {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c0a12c584976e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cdababdac9056 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c11edf4b0fd52 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c11edf4b0fd52:hover, .c11edf4b0fd52:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c0ee3d567bb00 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c0ee3d567bb00 button {
  display: none;
}
.c0ee3d567bb00 button svg {
  stroke: var(--icon-foreground);
}
.c0ee3d567bb00:hover button {
  display: flex;
}

.c184c5403f2a0 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c184c5403f2a0 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c184c5403f2a0 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c2d200381d5c7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c2d200381d5c7:hover div {
  color: var(--entry-foreground-color-hover);
}

.c9e84b80486bf {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cb312053205fa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cb312053205fa:hover {
  background-color: var(--menu-background-color-hover);
}

.c57c6b9940598 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c57c6b9940598 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c57c6b9940598 span svg {
  stroke: var(--icon-foreground);
}
.c57c6b9940598:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c57c6b9940598:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c75cccba5ff2b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c33f2f5640f34 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c3c9571aa4c22,
.cf2f6eaffa21c {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cf5febad9d26c .c3c9571aa4c22,
.cf5febad9d26c .cf2f6eaffa21c {
  transform: scale(1);
}

.c15efcb7b3d47 .c3c9571aa4c22,
.c15efcb7b3d47 .cf2f6eaffa21c {
  transform: scale(0);
}

.c4d87d340d09e {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.c5662462c2583 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.cc73cd19ca9c0 {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.cc73cd19ca9c0 a {
  color: var(--button-primary-background-color-rest);
}

.c5a50034f1a5a {
  display: grid;
  gap: 0.5rem;
}

.cd24e4e75d50f {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.ca5d148a1dea9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c53ef3e50ddde {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.ce72c52503362 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.cf2f9fe56a0ca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c2c9dfaad760f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.cfdd5f1d33d5c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.c5b02732183c4 {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.c3e196801ad45 {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes c2ce7ba0c5170 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cdcadeddda63c {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cdcadeddda63c:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cdcadeddda63c ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cdcadeddda63c ::-webkit-scrollbar-track,
.cdcadeddda63c ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cdcadeddda63c ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cdcadeddda63c ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cdcadeddda63c ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cdcadeddda63c ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cdcadeddda63c ::placeholder,
.cdcadeddda63c ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c446772e7543e, .c55f79dc7ebc7, .c718cbc9d9631, .c8791181c4b23 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c446772e7543e svg, .c55f79dc7ebc7 svg, .c718cbc9d9631 svg, .c8791181c4b23 svg,
.c446772e7543e span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c446772e7543e:focus-visible, .c55f79dc7ebc7:focus-visible, .c718cbc9d9631:focus-visible, .c8791181c4b23:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c446772e7543e:focus-visible svg, .c55f79dc7ebc7:focus-visible svg, .c718cbc9d9631:focus-visible svg, .c8791181c4b23:focus-visible svg,
.c446772e7543e:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c446772e7543e:hover, .c55f79dc7ebc7:hover, .c718cbc9d9631:hover, .c8791181c4b23:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c446772e7543e:hover svg, .c55f79dc7ebc7:hover svg, .c718cbc9d9631:hover svg, .c8791181c4b23:hover svg,
.c446772e7543e:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c446772e7543e:active, .c55f79dc7ebc7:active, .c718cbc9d9631:active, .c8791181c4b23:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c446772e7543e:active svg, .c55f79dc7ebc7:active svg, .c718cbc9d9631:active svg, .c8791181c4b23:active svg,
.c446772e7543e:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c446772e7543e.disabled, .c55f79dc7ebc7.disabled, .c718cbc9d9631.disabled, .c8791181c4b23.disabled, .c446772e7543e[disabled], [disabled].c55f79dc7ebc7, [disabled].c718cbc9d9631, [disabled].c8791181c4b23, .c446772e7543e:disabled, .c55f79dc7ebc7:disabled, .c718cbc9d9631:disabled, .c8791181c4b23:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c71e81f6514d1, .c854cc8abb03c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c71e81f6514d1 svg, .c854cc8abb03c svg,
.c71e81f6514d1 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c71e81f6514d1:focus-visible, .c854cc8abb03c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c71e81f6514d1:focus-visible svg, .c854cc8abb03c:focus-visible svg,
.c71e81f6514d1:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c71e81f6514d1:hover, .c854cc8abb03c:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c71e81f6514d1:hover svg, .c854cc8abb03c:hover svg,
.c71e81f6514d1:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c71e81f6514d1:active, .c854cc8abb03c:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c71e81f6514d1:active svg, .c854cc8abb03c:active svg,
.c71e81f6514d1:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c71e81f6514d1.disabled, .c854cc8abb03c.disabled, .c71e81f6514d1[disabled], [disabled].c854cc8abb03c, .c71e81f6514d1:disabled, .c854cc8abb03c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c89266641362d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c89266641362d svg,
.c89266641362d span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c89266641362d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c89266641362d:focus-visible svg,
.c89266641362d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c89266641362d:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c89266641362d:hover svg,
.c89266641362d:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c89266641362d:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c89266641362d:active svg,
.c89266641362d:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c89266641362d.disabled, .c89266641362d[disabled], .c89266641362d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c51341d72c961, .c39658222acac button, .c2a2e9e2344a2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c51341d72c961 svg, .c39658222acac button svg, .c2a2e9e2344a2 svg,
.c51341d72c961 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c51341d72c961:focus-visible, .c39658222acac button:focus-visible, .c2a2e9e2344a2:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c51341d72c961:focus-visible svg, .c39658222acac button:focus-visible svg, .c2a2e9e2344a2:focus-visible svg,
.c51341d72c961:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c51341d72c961:hover, .c39658222acac button:hover, .c2a2e9e2344a2:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c51341d72c961:hover svg, .c39658222acac button:hover svg, .c2a2e9e2344a2:hover svg,
.c51341d72c961:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c51341d72c961:active, .c39658222acac button:active, .c2a2e9e2344a2:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c51341d72c961:active svg, .c39658222acac button:active svg, .c2a2e9e2344a2:active svg,
.c51341d72c961:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c51341d72c961.disabled, .c39658222acac button.disabled, .c2a2e9e2344a2.disabled, .c51341d72c961[disabled], .c39658222acac button[disabled], [disabled].c2a2e9e2344a2, .c51341d72c961:disabled, .c39658222acac button:disabled, .c2a2e9e2344a2:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c51341d72c961.disabled svg, .c39658222acac button.disabled svg, .c2a2e9e2344a2.disabled svg,
.c51341d72c961.disabled span svg, .c51341d72c961[disabled] svg, .c39658222acac button[disabled] svg, [disabled].c2a2e9e2344a2 svg,
.c51341d72c961[disabled] span svg, .c51341d72c961:disabled svg, .c39658222acac button:disabled svg, .c2a2e9e2344a2:disabled svg,
.c51341d72c961:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c6127958264d9 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c6127958264d9 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c6f893b70d5eb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c6f893b70d5eb svg,
.c6f893b70d5eb span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c6f893b70d5eb:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c6f893b70d5eb:focus-visible svg,
.c6f893b70d5eb:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c6f893b70d5eb:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c6f893b70d5eb:hover svg,
.c6f893b70d5eb:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c6f893b70d5eb:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c6f893b70d5eb:active svg,
.c6f893b70d5eb:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ca0fdd42cdee6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c3441f6ca0964 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c68bc0d805333 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c68bc0d805333:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c68bc0d805333:focus-visible svg,
.c68bc0d805333:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c68bc0d805333:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c68bc0d805333:active {
  border: none;
  background-color: transparent;
}

.c23c8e0a00360, .c2a2e9e2344a2 svg, .c1122230496b4, .c691a4c668c2a span svg, .c39658222acac button svg, .c8d5bf661a456.intermediate svg, .c9803fb90f6e7 label span.intermediate svg, .c8d5bf661a456.checked svg, .c9803fb90f6e7 label span.checked svg, .c80d82793f2d6 span svg,
.c80d82793f2d6 label svg, .c91b952dd80ef svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c335b2410b8fc {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c335b2410b8fc:hover {
  fill: none;
  stroke: none;
}

.c1122230496b4, .c691a4c668c2a span svg, .c39658222acac button svg, .c8d5bf661a456.intermediate svg, .c9803fb90f6e7 label span.intermediate svg, .c8d5bf661a456.checked svg, .c9803fb90f6e7 label span.checked svg, .c80d82793f2d6 span svg,
.c80d82793f2d6 label svg, .c91b952dd80ef svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c9789acdc1457 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c9789acdc1457:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c3fdb449fdde8, .c6d4ae3c5bc6e input, .cfce66771856b input, .c80d82793f2d6 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c3fdb449fdde8, .c6d4ae3c5bc6e input, .cfce66771856b input, .c80d82793f2d6 input {
    height: 23px;
  }
}
.c3fdb449fdde8, .c6d4ae3c5bc6e input, .cfce66771856b input, .c80d82793f2d6 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c3fdb449fdde8[disabled], .c6d4ae3c5bc6e input[disabled], .cfce66771856b input[disabled], .c80d82793f2d6 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c91b952dd80ef {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c09518153ff10, .c80d82793f2d6 span,
.c80d82793f2d6 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c09518153ff10, .c80d82793f2d6 span,
  .c80d82793f2d6 label {
    height: 25px;
  }
}
.c09518153ff10, .c80d82793f2d6 span,
.c80d82793f2d6 label {
  color: var(--input-foreground-color);
}

.c80d82793f2d6 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c80d82793f2d6 {
    height: 25px;
    font-size: 10px;
  }
}
.c80d82793f2d6 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c80d82793f2d6 span svg,
.c80d82793f2d6 label svg {
  color: var(--input-foreground-color);
}
.c80d82793f2d6 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c80d82793f2d6 ::placeholder {
  color: var(--input-placeholder-color);
}
.c80d82793f2d6:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c80d82793f2d6:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c80d82793f2d6:hover span {
  color: var(--input-foreground-color-hover);
}
.c80d82793f2d6:hover input {
  color: var(--input-foreground-color-hover);
}
.c80d82793f2d6:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c80d82793f2d6:active span {
  color: var(--input-foreground-color-active);
}
.c80d82793f2d6:active input {
  color: var(--input-foreground-color-active);
}
.c80d82793f2d6:focus, .c80d82793f2d6:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c80d82793f2d6:focus span, .c80d82793f2d6:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c80d82793f2d6:focus input, .c80d82793f2d6:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c80d82793f2d6:focus:hover, .c80d82793f2d6:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c80d82793f2d6:focus:hover span, .c80d82793f2d6:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c80d82793f2d6:focus:hover input, .c80d82793f2d6:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cfce66771856b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cfce66771856b input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cfce66771856b ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cfce66771856b ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cfce66771856b:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cfce66771856b:focus-within input, .cfce66771856b:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c778c187c940a, .c6d4ae3c5bc6e.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c778c187c940a input, .c6d4ae3c5bc6e.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c778c187c940a span svg, .c6d4ae3c5bc6e.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c8d5bf661a456, .c9803fb90f6e7 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c8d5bf661a456 svg, .c9803fb90f6e7 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c8d5bf661a456:hover, .c9803fb90f6e7 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8d5bf661a456:focus, .c9803fb90f6e7 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c8d5bf661a456.checked, .c9803fb90f6e7 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c8d5bf661a456.checked svg, .c9803fb90f6e7 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c8d5bf661a456.intermediate, .c9803fb90f6e7 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c8d5bf661a456.intermediate svg, .c9803fb90f6e7 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c8d5bf661a456.unchecked, .c9803fb90f6e7 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c8d5bf661a456.unchecked svg, .c9803fb90f6e7 label span.unchecked svg {
  display: none;
}

.c9803fb90f6e7 {
  display: flex;
  align-items: center;
}
.c9803fb90f6e7 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c9803fb90f6e7 label input {
  margin: 0;
}
.c9803fb90f6e7 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c9803fb90f6e7 label:focus span, .c9803fb90f6e7 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c6d4ae3c5bc6e {
  display: flex;
  flex-direction: column;
}
.c6d4ae3c5bc6e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c6d4ae3c5bc6e input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c6d4ae3c5bc6e input:focus-within input, .c6d4ae3c5bc6e input:active input {
  color: var(--input-foreground-color-active);
}
.c6d4ae3c5bc6e input:focus-within, .c6d4ae3c5bc6e input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c6d4ae3c5bc6e.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c7ec42fb09d3e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cac935e321d06, .cf44f0bf9622e {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c1349eb0199f8 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c2a2e9e2344a2 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c8f19611d67bf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cfe0f96756a79 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c854cc8abb03c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c8791181c4b23 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c718cbc9d9631 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c7400b47e7e8c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c7400b47e7e8c:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c780eea7d76b7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c183f1d56bc57 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c8147f2131673 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c3b0c19f5edf0 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c2c1b09d0601e {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c2c1b09d0601e:hover, .c2c1b09d0601e:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c39658222acac div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c39658222acac button {
  display: none;
}
.c39658222acac button svg {
  stroke: var(--icon-foreground);
}
.c39658222acac:hover button {
  display: flex;
}

.c8fab09126f58 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c8fab09126f58 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c8fab09126f58 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cfb84c1d16d8e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cfb84c1d16d8e:hover div {
  color: var(--entry-foreground-color-hover);
}

.c512e925f98c5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c0d7eeab189ae {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c0d7eeab189ae:hover {
  background-color: var(--menu-background-color-hover);
}

.c691a4c668c2a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c691a4c668c2a span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c691a4c668c2a span svg {
  stroke: var(--icon-foreground);
}
.c691a4c668c2a:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c691a4c668c2a:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cf26817cb5573 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c68d5503ee7dc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c151953fb9d5f,
.cbd5897bbd1af {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c9ef827343bef .c151953fb9d5f,
.c9ef827343bef .cbd5897bbd1af {
  transform: scale(1);
}

.c6b3e988e7f91 .c151953fb9d5f,
.c6b3e988e7f91 .cbd5897bbd1af {
  transform: scale(0);
}

.ce69b87687ce7 {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 30rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.ca35850099ee1 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.cacc3a2c9798f {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}

.c2914aaa67197 {
  display: grid;
  gap: 0.5rem;
}

.cd18867ec265a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.c6713f5850573 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c80abd96e92d8 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.ca89e7d6f3438 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.cb149fff9bde2 {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.c55f79dc7ebc7 {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes cccce5f34567e {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cfb7cc9e9a39a {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cfb7cc9e9a39a:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cfb7cc9e9a39a ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cfb7cc9e9a39a ::-webkit-scrollbar-track,
.cfb7cc9e9a39a ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cfb7cc9e9a39a ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cfb7cc9e9a39a ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cfb7cc9e9a39a ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cfb7cc9e9a39a ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cfb7cc9e9a39a ::placeholder,
.cfb7cc9e9a39a ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c6969fd3d9586, .cb1d9ea6b6568, .cd2d09eb856a6, .c44a21b2feacd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c6969fd3d9586 svg, .cb1d9ea6b6568 svg, .cd2d09eb856a6 svg, .c44a21b2feacd svg,
.c6969fd3d9586 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c6969fd3d9586:focus-visible, .cb1d9ea6b6568:focus-visible, .cd2d09eb856a6:focus-visible, .c44a21b2feacd:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c6969fd3d9586:focus-visible svg, .cb1d9ea6b6568:focus-visible svg, .cd2d09eb856a6:focus-visible svg, .c44a21b2feacd:focus-visible svg,
.c6969fd3d9586:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c6969fd3d9586:hover, .cb1d9ea6b6568:hover, .cd2d09eb856a6:hover, .c44a21b2feacd:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c6969fd3d9586:hover svg, .cb1d9ea6b6568:hover svg, .cd2d09eb856a6:hover svg, .c44a21b2feacd:hover svg,
.c6969fd3d9586:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c6969fd3d9586:active, .cb1d9ea6b6568:active, .cd2d09eb856a6:active, .c44a21b2feacd:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c6969fd3d9586:active svg, .cb1d9ea6b6568:active svg, .cd2d09eb856a6:active svg, .c44a21b2feacd:active svg,
.c6969fd3d9586:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c6969fd3d9586.disabled, .cb1d9ea6b6568.disabled, .cd2d09eb856a6.disabled, .c44a21b2feacd.disabled, .c6969fd3d9586[disabled], [disabled].cb1d9ea6b6568, [disabled].cd2d09eb856a6, [disabled].c44a21b2feacd, .c6969fd3d9586:disabled, .cb1d9ea6b6568:disabled, .cd2d09eb856a6:disabled, .c44a21b2feacd:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c292c95dc51ab, .c751d685e47d1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c292c95dc51ab svg, .c751d685e47d1 svg,
.c292c95dc51ab span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c292c95dc51ab:focus-visible, .c751d685e47d1:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c292c95dc51ab:focus-visible svg, .c751d685e47d1:focus-visible svg,
.c292c95dc51ab:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c292c95dc51ab:hover, .c751d685e47d1:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c292c95dc51ab:hover svg, .c751d685e47d1:hover svg,
.c292c95dc51ab:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c292c95dc51ab:active, .c751d685e47d1:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c292c95dc51ab:active svg, .c751d685e47d1:active svg,
.c292c95dc51ab:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c292c95dc51ab.disabled, .c751d685e47d1.disabled, .c292c95dc51ab[disabled], [disabled].c751d685e47d1, .c292c95dc51ab:disabled, .c751d685e47d1:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5251f231bfef {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c5251f231bfef svg,
.c5251f231bfef span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c5251f231bfef:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c5251f231bfef:focus-visible svg,
.c5251f231bfef:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c5251f231bfef:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c5251f231bfef:hover svg,
.c5251f231bfef:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c5251f231bfef:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c5251f231bfef:active svg,
.c5251f231bfef:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c5251f231bfef.disabled, .c5251f231bfef[disabled], .c5251f231bfef:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9d0ab73d7b27, .c3effa8cf5e48 button, .c5573c562563d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c9d0ab73d7b27 svg, .c3effa8cf5e48 button svg, .c5573c562563d svg,
.c9d0ab73d7b27 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c9d0ab73d7b27:focus-visible, .c3effa8cf5e48 button:focus-visible, .c5573c562563d:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c9d0ab73d7b27:focus-visible svg, .c3effa8cf5e48 button:focus-visible svg, .c5573c562563d:focus-visible svg,
.c9d0ab73d7b27:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c9d0ab73d7b27:hover, .c3effa8cf5e48 button:hover, .c5573c562563d:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c9d0ab73d7b27:hover svg, .c3effa8cf5e48 button:hover svg, .c5573c562563d:hover svg,
.c9d0ab73d7b27:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c9d0ab73d7b27:active, .c3effa8cf5e48 button:active, .c5573c562563d:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c9d0ab73d7b27:active svg, .c3effa8cf5e48 button:active svg, .c5573c562563d:active svg,
.c9d0ab73d7b27:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c9d0ab73d7b27.disabled, .c3effa8cf5e48 button.disabled, .c5573c562563d.disabled, .c9d0ab73d7b27[disabled], .c3effa8cf5e48 button[disabled], [disabled].c5573c562563d, .c9d0ab73d7b27:disabled, .c3effa8cf5e48 button:disabled, .c5573c562563d:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c9d0ab73d7b27.disabled svg, .c3effa8cf5e48 button.disabled svg, .c5573c562563d.disabled svg,
.c9d0ab73d7b27.disabled span svg, .c9d0ab73d7b27[disabled] svg, .c3effa8cf5e48 button[disabled] svg, [disabled].c5573c562563d svg,
.c9d0ab73d7b27[disabled] span svg, .c9d0ab73d7b27:disabled svg, .c3effa8cf5e48 button:disabled svg, .c5573c562563d:disabled svg,
.c9d0ab73d7b27:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c87f981c9a635 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c87f981c9a635 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ca55bc2e3275d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ca55bc2e3275d svg,
.ca55bc2e3275d span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ca55bc2e3275d:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ca55bc2e3275d:focus-visible svg,
.ca55bc2e3275d:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ca55bc2e3275d:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ca55bc2e3275d:hover svg,
.ca55bc2e3275d:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ca55bc2e3275d:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ca55bc2e3275d:active svg,
.ca55bc2e3275d:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c7ae2c7126246 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7958b955b080 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5a4f970c0fd3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c5a4f970c0fd3:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c5a4f970c0fd3:focus-visible svg,
.c5a4f970c0fd3:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c5a4f970c0fd3:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c5a4f970c0fd3:active {
  border: none;
  background-color: transparent;
}

.cea1a80561835, .c5573c562563d svg, .c82a27e238d63, .cfb09eea8a62e span svg, .c3effa8cf5e48 button svg, .c222e0b981732.intermediate svg, .c2727d306459b label span.intermediate svg, .c222e0b981732.checked svg, .c2727d306459b label span.checked svg, .cc954ff5df700 span svg,
.cc954ff5df700 label svg, .c4da88a110c8e svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c00f64e675433 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c00f64e675433:hover {
  fill: none;
  stroke: none;
}

.c82a27e238d63, .cfb09eea8a62e span svg, .c3effa8cf5e48 button svg, .c222e0b981732.intermediate svg, .c2727d306459b label span.intermediate svg, .c222e0b981732.checked svg, .c2727d306459b label span.checked svg, .cc954ff5df700 span svg,
.cc954ff5df700 label svg, .c4da88a110c8e svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cb331bbf87153 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cb331bbf87153:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.caf43e45c765b, .cf4f356ec9903 input, .c33a9fe313431 input, .cc954ff5df700 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .caf43e45c765b, .cf4f356ec9903 input, .c33a9fe313431 input, .cc954ff5df700 input {
    height: 23px;
  }
}
.caf43e45c765b, .cf4f356ec9903 input, .c33a9fe313431 input, .cc954ff5df700 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.caf43e45c765b[disabled], .cf4f356ec9903 input[disabled], .c33a9fe313431 input[disabled], .cc954ff5df700 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c4da88a110c8e {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c2cbafd91494d, .cc954ff5df700 span,
.cc954ff5df700 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c2cbafd91494d, .cc954ff5df700 span,
  .cc954ff5df700 label {
    height: 25px;
  }
}
.c2cbafd91494d, .cc954ff5df700 span,
.cc954ff5df700 label {
  color: var(--input-foreground-color);
}

.cc954ff5df700 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc954ff5df700 {
    height: 25px;
    font-size: 10px;
  }
}
.cc954ff5df700 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cc954ff5df700 span svg,
.cc954ff5df700 label svg {
  color: var(--input-foreground-color);
}
.cc954ff5df700 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cc954ff5df700 ::placeholder {
  color: var(--input-placeholder-color);
}
.cc954ff5df700:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc954ff5df700:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cc954ff5df700:hover span {
  color: var(--input-foreground-color-hover);
}
.cc954ff5df700:hover input {
  color: var(--input-foreground-color-hover);
}
.cc954ff5df700:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cc954ff5df700:active span {
  color: var(--input-foreground-color-active);
}
.cc954ff5df700:active input {
  color: var(--input-foreground-color-active);
}
.cc954ff5df700:focus, .cc954ff5df700:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc954ff5df700:focus span, .cc954ff5df700:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cc954ff5df700:focus input, .cc954ff5df700:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cc954ff5df700:focus:hover, .cc954ff5df700:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc954ff5df700:focus:hover span, .cc954ff5df700:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cc954ff5df700:focus:hover input, .cc954ff5df700:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c33a9fe313431 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c33a9fe313431 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c33a9fe313431 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c33a9fe313431 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c33a9fe313431:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c33a9fe313431:focus-within input, .c33a9fe313431:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cf9828fdc9371, .cf4f356ec9903.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cf9828fdc9371 input, .cf4f356ec9903.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cf9828fdc9371 span svg, .cf4f356ec9903.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c222e0b981732, .c2727d306459b label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c222e0b981732 svg, .c2727d306459b label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c222e0b981732:hover, .c2727d306459b label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c222e0b981732:focus, .c2727d306459b label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c222e0b981732.checked, .c2727d306459b label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c222e0b981732.checked svg, .c2727d306459b label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c222e0b981732.intermediate, .c2727d306459b label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c222e0b981732.intermediate svg, .c2727d306459b label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c222e0b981732.unchecked, .c2727d306459b label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c222e0b981732.unchecked svg, .c2727d306459b label span.unchecked svg {
  display: none;
}

.c2727d306459b {
  display: flex;
  align-items: center;
}
.c2727d306459b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c2727d306459b label input {
  margin: 0;
}
.c2727d306459b label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c2727d306459b label:focus span, .c2727d306459b label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cf4f356ec9903 {
  display: flex;
  flex-direction: column;
}
.cf4f356ec9903 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cf4f356ec9903 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cf4f356ec9903 input:focus-within input, .cf4f356ec9903 input:active input {
  color: var(--input-foreground-color-active);
}
.cf4f356ec9903 input:focus-within, .cf4f356ec9903 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf4f356ec9903.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c711b7a3bcfea {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c6ad064b35ba2, .cfa4237692f20 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ce1de3c8e357f {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c5573c562563d {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cde5b9f9d7adf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c1d1067e7fbc8 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c751d685e47d1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c44a21b2feacd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd2d09eb856a6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cc8c04404b3ca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cc8c04404b3ca:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c28e988c63eb0 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ccaf507c0f667 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c716a984b6266 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c70416b6d2cc0 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cd46b2e39c903 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cd46b2e39c903:hover, .cd46b2e39c903:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c3effa8cf5e48 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c3effa8cf5e48 button {
  display: none;
}
.c3effa8cf5e48 button svg {
  stroke: var(--icon-foreground);
}
.c3effa8cf5e48:hover button {
  display: flex;
}

.ca5f8626bc284 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ca5f8626bc284 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ca5f8626bc284 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c33cdeacb5454 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c33cdeacb5454:hover div {
  color: var(--entry-foreground-color-hover);
}

.c50bc38df59c4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c1aa7c376f08f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c1aa7c376f08f:hover {
  background-color: var(--menu-background-color-hover);
}

.cfb09eea8a62e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cfb09eea8a62e span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cfb09eea8a62e span svg {
  stroke: var(--icon-foreground);
}
.cfb09eea8a62e:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cfb09eea8a62e:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ca216c7a79854 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c6e075e828fc5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ce96260bb5611,
.ce23d847edcf9 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c6ff9abb065b8 .ce96260bb5611,
.c6ff9abb065b8 .ce23d847edcf9 {
  transform: scale(1);
}

.c0eace8c3c109 .ce96260bb5611,
.c0eace8c3c109 .ce23d847edcf9 {
  transform: scale(0);
}

.c355c85c36c53 {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.c5c6c7c58bca6 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.c68885d106d73 {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.c68885d106d73 a {
  color: var(--button-primary-background-color-rest);
}

.cdf4a925e51b3 {
  display: grid;
  gap: 0.5rem;
}

.c819f8662da96 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.c0b6cc21bab87 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c64f7dd455afc {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.c58f538d37951 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ceeb1d93617f2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.cb26e34d351b4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.c7a5057cc1e91 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.c68ef00ba1a46 {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.cb1d9ea6b6568 {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes c658691d65b58 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c0a671dac2d0b {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c0a671dac2d0b:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c0a671dac2d0b ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c0a671dac2d0b ::-webkit-scrollbar-track,
.c0a671dac2d0b ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c0a671dac2d0b ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c0a671dac2d0b ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c0a671dac2d0b ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c0a671dac2d0b ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c0a671dac2d0b ::placeholder,
.c0a671dac2d0b ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c45da3715d17d, .c457d06304632, .cb2736c3e3f69, .cbb1b3c138408 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c45da3715d17d svg, .c457d06304632 svg, .cb2736c3e3f69 svg, .cbb1b3c138408 svg,
.c45da3715d17d span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c45da3715d17d:focus-visible, .c457d06304632:focus-visible, .cb2736c3e3f69:focus-visible, .cbb1b3c138408:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c45da3715d17d:focus-visible svg, .c457d06304632:focus-visible svg, .cb2736c3e3f69:focus-visible svg, .cbb1b3c138408:focus-visible svg,
.c45da3715d17d:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c45da3715d17d:hover, .c457d06304632:hover, .cb2736c3e3f69:hover, .cbb1b3c138408:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c45da3715d17d:hover svg, .c457d06304632:hover svg, .cb2736c3e3f69:hover svg, .cbb1b3c138408:hover svg,
.c45da3715d17d:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c45da3715d17d:active, .c457d06304632:active, .cb2736c3e3f69:active, .cbb1b3c138408:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c45da3715d17d:active svg, .c457d06304632:active svg, .cb2736c3e3f69:active svg, .cbb1b3c138408:active svg,
.c45da3715d17d:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c45da3715d17d.disabled, .c457d06304632.disabled, .cb2736c3e3f69.disabled, .cbb1b3c138408.disabled, .c45da3715d17d[disabled], [disabled].c457d06304632, [disabled].cb2736c3e3f69, [disabled].cbb1b3c138408, .c45da3715d17d:disabled, .c457d06304632:disabled, .cb2736c3e3f69:disabled, .cbb1b3c138408:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca6f7b6a42801, .c8f4274a172bb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ca6f7b6a42801 svg, .c8f4274a172bb svg,
.ca6f7b6a42801 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ca6f7b6a42801:focus-visible, .c8f4274a172bb:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca6f7b6a42801:focus-visible svg, .c8f4274a172bb:focus-visible svg,
.ca6f7b6a42801:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca6f7b6a42801:hover, .c8f4274a172bb:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ca6f7b6a42801:hover svg, .c8f4274a172bb:hover svg,
.ca6f7b6a42801:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ca6f7b6a42801:active, .c8f4274a172bb:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ca6f7b6a42801:active svg, .c8f4274a172bb:active svg,
.ca6f7b6a42801:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ca6f7b6a42801.disabled, .c8f4274a172bb.disabled, .ca6f7b6a42801[disabled], [disabled].c8f4274a172bb, .ca6f7b6a42801:disabled, .c8f4274a172bb:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb2bb8ba0d43f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cb2bb8ba0d43f svg,
.cb2bb8ba0d43f span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cb2bb8ba0d43f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb2bb8ba0d43f:focus-visible svg,
.cb2bb8ba0d43f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb2bb8ba0d43f:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cb2bb8ba0d43f:hover svg,
.cb2bb8ba0d43f:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cb2bb8ba0d43f:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cb2bb8ba0d43f:active svg,
.cb2bb8ba0d43f:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cb2bb8ba0d43f.disabled, .cb2bb8ba0d43f[disabled], .cb2bb8ba0d43f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c703c7a50b332, .ca423f8f4ccb4 button, .cdca53e645000 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c703c7a50b332 svg, .ca423f8f4ccb4 button svg, .cdca53e645000 svg,
.c703c7a50b332 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c703c7a50b332:focus-visible, .ca423f8f4ccb4 button:focus-visible, .cdca53e645000:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c703c7a50b332:focus-visible svg, .ca423f8f4ccb4 button:focus-visible svg, .cdca53e645000:focus-visible svg,
.c703c7a50b332:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c703c7a50b332:hover, .ca423f8f4ccb4 button:hover, .cdca53e645000:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c703c7a50b332:hover svg, .ca423f8f4ccb4 button:hover svg, .cdca53e645000:hover svg,
.c703c7a50b332:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c703c7a50b332:active, .ca423f8f4ccb4 button:active, .cdca53e645000:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c703c7a50b332:active svg, .ca423f8f4ccb4 button:active svg, .cdca53e645000:active svg,
.c703c7a50b332:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c703c7a50b332.disabled, .ca423f8f4ccb4 button.disabled, .cdca53e645000.disabled, .c703c7a50b332[disabled], .ca423f8f4ccb4 button[disabled], [disabled].cdca53e645000, .c703c7a50b332:disabled, .ca423f8f4ccb4 button:disabled, .cdca53e645000:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c703c7a50b332.disabled svg, .ca423f8f4ccb4 button.disabled svg, .cdca53e645000.disabled svg,
.c703c7a50b332.disabled span svg, .c703c7a50b332[disabled] svg, .ca423f8f4ccb4 button[disabled] svg, [disabled].cdca53e645000 svg,
.c703c7a50b332[disabled] span svg, .c703c7a50b332:disabled svg, .ca423f8f4ccb4 button:disabled svg, .cdca53e645000:disabled svg,
.c703c7a50b332:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cde9e79eb5134 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cde9e79eb5134 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ce82b88872b3d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ce82b88872b3d svg,
.ce82b88872b3d span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ce82b88872b3d:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ce82b88872b3d:focus-visible svg,
.ce82b88872b3d:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ce82b88872b3d:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ce82b88872b3d:hover svg,
.ce82b88872b3d:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ce82b88872b3d:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ce82b88872b3d:active svg,
.ce82b88872b3d:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c8bf0be1d706d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cc571c9d00430 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c42823c50f7fe {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c42823c50f7fe:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c42823c50f7fe:focus-visible svg,
.c42823c50f7fe:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c42823c50f7fe:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c42823c50f7fe:active {
  border: none;
  background-color: transparent;
}

.ca0448f19bd91, .cdca53e645000 svg, .c93f725a94107, .c724d6f388e1d span svg, .ca423f8f4ccb4 button svg, .cc03a19b91049.intermediate svg, .c070f4dd2a834 label span.intermediate svg, .cc03a19b91049.checked svg, .c070f4dd2a834 label span.checked svg, .c59c23bf603ab span svg,
.c59c23bf603ab label svg, .ceb8848dd8b96 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cbc17b1646073 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cbc17b1646073:hover {
  fill: none;
  stroke: none;
}

.c93f725a94107, .c724d6f388e1d span svg, .ca423f8f4ccb4 button svg, .cc03a19b91049.intermediate svg, .c070f4dd2a834 label span.intermediate svg, .cc03a19b91049.checked svg, .c070f4dd2a834 label span.checked svg, .c59c23bf603ab span svg,
.c59c23bf603ab label svg, .ceb8848dd8b96 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c37c58aef13e1 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c37c58aef13e1:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cc0e35edf68ac, .c43d899e0c838 input, .c83594636ccf7 input, .c59c23bf603ab input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cc0e35edf68ac, .c43d899e0c838 input, .c83594636ccf7 input, .c59c23bf603ab input {
    height: 23px;
  }
}
.cc0e35edf68ac, .c43d899e0c838 input, .c83594636ccf7 input, .c59c23bf603ab input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cc0e35edf68ac[disabled], .c43d899e0c838 input[disabled], .c83594636ccf7 input[disabled], .c59c23bf603ab input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ceb8848dd8b96 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c9b501353ab5b, .c59c23bf603ab span,
.c59c23bf603ab label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c9b501353ab5b, .c59c23bf603ab span,
  .c59c23bf603ab label {
    height: 25px;
  }
}
.c9b501353ab5b, .c59c23bf603ab span,
.c59c23bf603ab label {
  color: var(--input-foreground-color);
}

.c59c23bf603ab {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c59c23bf603ab {
    height: 25px;
    font-size: 10px;
  }
}
.c59c23bf603ab {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c59c23bf603ab span svg,
.c59c23bf603ab label svg {
  color: var(--input-foreground-color);
}
.c59c23bf603ab ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c59c23bf603ab ::placeholder {
  color: var(--input-placeholder-color);
}
.c59c23bf603ab:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c59c23bf603ab:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c59c23bf603ab:hover span {
  color: var(--input-foreground-color-hover);
}
.c59c23bf603ab:hover input {
  color: var(--input-foreground-color-hover);
}
.c59c23bf603ab:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c59c23bf603ab:active span {
  color: var(--input-foreground-color-active);
}
.c59c23bf603ab:active input {
  color: var(--input-foreground-color-active);
}
.c59c23bf603ab:focus, .c59c23bf603ab:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c59c23bf603ab:focus span, .c59c23bf603ab:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c59c23bf603ab:focus input, .c59c23bf603ab:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c59c23bf603ab:focus:hover, .c59c23bf603ab:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c59c23bf603ab:focus:hover span, .c59c23bf603ab:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c59c23bf603ab:focus:hover input, .c59c23bf603ab:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c83594636ccf7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c83594636ccf7 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c83594636ccf7 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c83594636ccf7 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c83594636ccf7:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c83594636ccf7:focus-within input, .c83594636ccf7:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ca559938a1573, .c43d899e0c838.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ca559938a1573 input, .c43d899e0c838.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ca559938a1573 span svg, .c43d899e0c838.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cc03a19b91049, .c070f4dd2a834 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cc03a19b91049 svg, .c070f4dd2a834 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cc03a19b91049:hover, .c070f4dd2a834 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cc03a19b91049:focus, .c070f4dd2a834 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cc03a19b91049.checked, .c070f4dd2a834 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cc03a19b91049.checked svg, .c070f4dd2a834 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cc03a19b91049.intermediate, .c070f4dd2a834 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cc03a19b91049.intermediate svg, .c070f4dd2a834 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cc03a19b91049.unchecked, .c070f4dd2a834 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cc03a19b91049.unchecked svg, .c070f4dd2a834 label span.unchecked svg {
  display: none;
}

.c070f4dd2a834 {
  display: flex;
  align-items: center;
}
.c070f4dd2a834 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c070f4dd2a834 label input {
  margin: 0;
}
.c070f4dd2a834 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c070f4dd2a834 label:focus span, .c070f4dd2a834 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c43d899e0c838 {
  display: flex;
  flex-direction: column;
}
.c43d899e0c838 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c43d899e0c838 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c43d899e0c838 input:focus-within input, .c43d899e0c838 input:active input {
  color: var(--input-foreground-color-active);
}
.c43d899e0c838 input:focus-within, .c43d899e0c838 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c43d899e0c838.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c4fa0d67e70c7 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ca60a72e1fe5a, .c14d1f9110053 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c0b630771a31e {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cdca53e645000 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c6070d8b1514b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c48ece75d3313 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c8f4274a172bb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cbb1b3c138408 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb2736c3e3f69 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c8bb3ec977ec6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c8bb3ec977ec6:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c10fea2f1d9ec {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cf4f1edfd5abc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cf6dfb3d8d738 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c85b29e358493 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ccf7929bbd48f {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ccf7929bbd48f:hover, .ccf7929bbd48f:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ca423f8f4ccb4 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ca423f8f4ccb4 button {
  display: none;
}
.ca423f8f4ccb4 button svg {
  stroke: var(--icon-foreground);
}
.ca423f8f4ccb4:hover button {
  display: flex;
}

.c0be0709ea8a0 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c0be0709ea8a0 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c0be0709ea8a0 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c4c2a3a116c4b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c4c2a3a116c4b:hover div {
  color: var(--entry-foreground-color-hover);
}

.c149676fc1d00 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cb5acfc098805 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cb5acfc098805:hover {
  background-color: var(--menu-background-color-hover);
}

.c724d6f388e1d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c724d6f388e1d span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c724d6f388e1d span svg {
  stroke: var(--icon-foreground);
}
.c724d6f388e1d:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c724d6f388e1d:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce1aa210b761d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cf9e930788aec {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cb8c9948890ef,
.c77bb5e4fc355 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c1831ec1b7952 .cb8c9948890ef,
.c1831ec1b7952 .c77bb5e4fc355 {
  transform: scale(1);
}

.cb8253a6e2a8a .cb8c9948890ef,
.cb8253a6e2a8a .c77bb5e4fc355 {
  transform: scale(0);
}

.c462e207227e5 {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.c047173979676 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.ceb26088b3405 {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.ceb26088b3405 a {
  color: var(--button-primary-background-color-rest);
}

.c6cb7d2e72ed7 {
  display: grid;
  gap: 0.5rem;
}

.c526b69d0bd9a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.c4f4746e32810 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.cd8593f550fc0 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.c813725dcc9cb {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.c9ad55fbc0ac6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c534027f4fc89 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.ce9dabe02cfd2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.c252c32e8f4f9 {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.c457d06304632 {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes cc5270a79382a {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c74699fa8b3be {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c74699fa8b3be:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c74699fa8b3be ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c74699fa8b3be ::-webkit-scrollbar-track,
.c74699fa8b3be ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c74699fa8b3be ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c74699fa8b3be ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c74699fa8b3be ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c74699fa8b3be ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c74699fa8b3be ::placeholder,
.c74699fa8b3be ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c20bf2a2fc930, .c1ed49c10ba80, .c68f37f9318dd, .cd48977a8abfd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c20bf2a2fc930 svg, .c1ed49c10ba80 svg, .c68f37f9318dd svg, .cd48977a8abfd svg,
.c20bf2a2fc930 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c20bf2a2fc930:focus-visible, .c1ed49c10ba80:focus-visible, .c68f37f9318dd:focus-visible, .cd48977a8abfd:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c20bf2a2fc930:focus-visible svg, .c1ed49c10ba80:focus-visible svg, .c68f37f9318dd:focus-visible svg, .cd48977a8abfd:focus-visible svg,
.c20bf2a2fc930:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c20bf2a2fc930:hover, .c1ed49c10ba80:hover, .c68f37f9318dd:hover, .cd48977a8abfd:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c20bf2a2fc930:hover svg, .c1ed49c10ba80:hover svg, .c68f37f9318dd:hover svg, .cd48977a8abfd:hover svg,
.c20bf2a2fc930:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c20bf2a2fc930:active, .c1ed49c10ba80:active, .c68f37f9318dd:active, .cd48977a8abfd:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c20bf2a2fc930:active svg, .c1ed49c10ba80:active svg, .c68f37f9318dd:active svg, .cd48977a8abfd:active svg,
.c20bf2a2fc930:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c20bf2a2fc930.disabled, .c1ed49c10ba80.disabled, .c68f37f9318dd.disabled, .cd48977a8abfd.disabled, .c20bf2a2fc930[disabled], [disabled].c1ed49c10ba80, [disabled].c68f37f9318dd, [disabled].cd48977a8abfd, .c20bf2a2fc930:disabled, .c1ed49c10ba80:disabled, .c68f37f9318dd:disabled, .cd48977a8abfd:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca9b7be843dd7, .caf2d9c90ecb2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ca9b7be843dd7 svg, .caf2d9c90ecb2 svg,
.ca9b7be843dd7 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ca9b7be843dd7:focus-visible, .caf2d9c90ecb2:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca9b7be843dd7:focus-visible svg, .caf2d9c90ecb2:focus-visible svg,
.ca9b7be843dd7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca9b7be843dd7:hover, .caf2d9c90ecb2:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ca9b7be843dd7:hover svg, .caf2d9c90ecb2:hover svg,
.ca9b7be843dd7:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ca9b7be843dd7:active, .caf2d9c90ecb2:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ca9b7be843dd7:active svg, .caf2d9c90ecb2:active svg,
.ca9b7be843dd7:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ca9b7be843dd7.disabled, .caf2d9c90ecb2.disabled, .ca9b7be843dd7[disabled], [disabled].caf2d9c90ecb2, .ca9b7be843dd7:disabled, .caf2d9c90ecb2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfd88f73cc5e3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cfd88f73cc5e3 svg,
.cfd88f73cc5e3 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cfd88f73cc5e3:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cfd88f73cc5e3:focus-visible svg,
.cfd88f73cc5e3:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cfd88f73cc5e3:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cfd88f73cc5e3:hover svg,
.cfd88f73cc5e3:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cfd88f73cc5e3:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cfd88f73cc5e3:active svg,
.cfd88f73cc5e3:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cfd88f73cc5e3.disabled, .cfd88f73cc5e3[disabled], .cfd88f73cc5e3:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cdd88f8520744, .c4dc2aff0bec7 button, .c3e1f5c81407d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cdd88f8520744 svg, .c4dc2aff0bec7 button svg, .c3e1f5c81407d svg,
.cdd88f8520744 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cdd88f8520744:focus-visible, .c4dc2aff0bec7 button:focus-visible, .c3e1f5c81407d:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cdd88f8520744:focus-visible svg, .c4dc2aff0bec7 button:focus-visible svg, .c3e1f5c81407d:focus-visible svg,
.cdd88f8520744:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cdd88f8520744:hover, .c4dc2aff0bec7 button:hover, .c3e1f5c81407d:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cdd88f8520744:hover svg, .c4dc2aff0bec7 button:hover svg, .c3e1f5c81407d:hover svg,
.cdd88f8520744:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cdd88f8520744:active, .c4dc2aff0bec7 button:active, .c3e1f5c81407d:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cdd88f8520744:active svg, .c4dc2aff0bec7 button:active svg, .c3e1f5c81407d:active svg,
.cdd88f8520744:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cdd88f8520744.disabled, .c4dc2aff0bec7 button.disabled, .c3e1f5c81407d.disabled, .cdd88f8520744[disabled], .c4dc2aff0bec7 button[disabled], [disabled].c3e1f5c81407d, .cdd88f8520744:disabled, .c4dc2aff0bec7 button:disabled, .c3e1f5c81407d:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cdd88f8520744.disabled svg, .c4dc2aff0bec7 button.disabled svg, .c3e1f5c81407d.disabled svg,
.cdd88f8520744.disabled span svg, .cdd88f8520744[disabled] svg, .c4dc2aff0bec7 button[disabled] svg, [disabled].c3e1f5c81407d svg,
.cdd88f8520744[disabled] span svg, .cdd88f8520744:disabled svg, .c4dc2aff0bec7 button:disabled svg, .c3e1f5c81407d:disabled svg,
.cdd88f8520744:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c5cfcabce3377 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c5cfcabce3377 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c3c1930b5ac79 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c3c1930b5ac79 svg,
.c3c1930b5ac79 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c3c1930b5ac79:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c3c1930b5ac79:focus-visible svg,
.c3c1930b5ac79:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c3c1930b5ac79:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c3c1930b5ac79:hover svg,
.c3c1930b5ac79:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c3c1930b5ac79:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c3c1930b5ac79:active svg,
.c3c1930b5ac79:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cd12bd81e8014 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cfc198b26c069 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4277a17141af {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c4277a17141af:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c4277a17141af:focus-visible svg,
.c4277a17141af:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c4277a17141af:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c4277a17141af:active {
  border: none;
  background-color: transparent;
}

.cb31ba5d484e7, .c3e1f5c81407d svg, .c55ffebfd2922, .c76505a16ad93 span svg, .c4dc2aff0bec7 button svg, .c0bde0f8efe72.intermediate svg, .c665335e94357 label span.intermediate svg, .c0bde0f8efe72.checked svg, .c665335e94357 label span.checked svg, .cc18701d9b818 span svg,
.cc18701d9b818 label svg, .ce93a6741b3d9 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c7b50268ad512 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c7b50268ad512:hover {
  fill: none;
  stroke: none;
}

.c55ffebfd2922, .c76505a16ad93 span svg, .c4dc2aff0bec7 button svg, .c0bde0f8efe72.intermediate svg, .c665335e94357 label span.intermediate svg, .c0bde0f8efe72.checked svg, .c665335e94357 label span.checked svg, .cc18701d9b818 span svg,
.cc18701d9b818 label svg, .ce93a6741b3d9 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ca943b046ffd9 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ca943b046ffd9:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c07828bacc6f7, .c1d0f8ad0ffad input, .c6d6c19368783 input, .cc18701d9b818 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c07828bacc6f7, .c1d0f8ad0ffad input, .c6d6c19368783 input, .cc18701d9b818 input {
    height: 23px;
  }
}
.c07828bacc6f7, .c1d0f8ad0ffad input, .c6d6c19368783 input, .cc18701d9b818 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c07828bacc6f7[disabled], .c1d0f8ad0ffad input[disabled], .c6d6c19368783 input[disabled], .cc18701d9b818 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ce93a6741b3d9 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c54cf7f5510ba, .cc18701d9b818 span,
.cc18701d9b818 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c54cf7f5510ba, .cc18701d9b818 span,
  .cc18701d9b818 label {
    height: 25px;
  }
}
.c54cf7f5510ba, .cc18701d9b818 span,
.cc18701d9b818 label {
  color: var(--input-foreground-color);
}

.cc18701d9b818 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc18701d9b818 {
    height: 25px;
    font-size: 10px;
  }
}
.cc18701d9b818 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cc18701d9b818 span svg,
.cc18701d9b818 label svg {
  color: var(--input-foreground-color);
}
.cc18701d9b818 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cc18701d9b818 ::placeholder {
  color: var(--input-placeholder-color);
}
.cc18701d9b818:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc18701d9b818:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cc18701d9b818:hover span {
  color: var(--input-foreground-color-hover);
}
.cc18701d9b818:hover input {
  color: var(--input-foreground-color-hover);
}
.cc18701d9b818:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cc18701d9b818:active span {
  color: var(--input-foreground-color-active);
}
.cc18701d9b818:active input {
  color: var(--input-foreground-color-active);
}
.cc18701d9b818:focus, .cc18701d9b818:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc18701d9b818:focus span, .cc18701d9b818:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cc18701d9b818:focus input, .cc18701d9b818:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cc18701d9b818:focus:hover, .cc18701d9b818:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc18701d9b818:focus:hover span, .cc18701d9b818:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cc18701d9b818:focus:hover input, .cc18701d9b818:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c6d6c19368783 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c6d6c19368783 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c6d6c19368783 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c6d6c19368783 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c6d6c19368783:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c6d6c19368783:focus-within input, .c6d6c19368783:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c2946a3b8ab40, .c1d0f8ad0ffad.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c2946a3b8ab40 input, .c1d0f8ad0ffad.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c2946a3b8ab40 span svg, .c1d0f8ad0ffad.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c0bde0f8efe72, .c665335e94357 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c0bde0f8efe72 svg, .c665335e94357 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c0bde0f8efe72:hover, .c665335e94357 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0bde0f8efe72:focus, .c665335e94357 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c0bde0f8efe72.checked, .c665335e94357 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c0bde0f8efe72.checked svg, .c665335e94357 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c0bde0f8efe72.intermediate, .c665335e94357 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c0bde0f8efe72.intermediate svg, .c665335e94357 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c0bde0f8efe72.unchecked, .c665335e94357 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c0bde0f8efe72.unchecked svg, .c665335e94357 label span.unchecked svg {
  display: none;
}

.c665335e94357 {
  display: flex;
  align-items: center;
}
.c665335e94357 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c665335e94357 label input {
  margin: 0;
}
.c665335e94357 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c665335e94357 label:focus span, .c665335e94357 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c1d0f8ad0ffad {
  display: flex;
  flex-direction: column;
}
.c1d0f8ad0ffad label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c1d0f8ad0ffad input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c1d0f8ad0ffad input:focus-within input, .c1d0f8ad0ffad input:active input {
  color: var(--input-foreground-color-active);
}
.c1d0f8ad0ffad input:focus-within, .c1d0f8ad0ffad input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1d0f8ad0ffad.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ce40da4d7e945 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c6c295627de54, .cd20134ab2336 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c9f493cf52f1e {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c3e1f5c81407d {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cb1c00debb91e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ce8b755b42093 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.caf2d9c90ecb2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd48977a8abfd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c68f37f9318dd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c293158247b58 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c293158247b58:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c01a7416d642c {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cb2635d8b9591 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c84da6df40152 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ccb1682e7f7dc {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c6c4508ee1aa5 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c6c4508ee1aa5:hover, .c6c4508ee1aa5:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c4dc2aff0bec7 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c4dc2aff0bec7 button {
  display: none;
}
.c4dc2aff0bec7 button svg {
  stroke: var(--icon-foreground);
}
.c4dc2aff0bec7:hover button {
  display: flex;
}

.cb17e20b575a4 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cb17e20b575a4 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cb17e20b575a4 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c122f2f8dba3a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c122f2f8dba3a:hover div {
  color: var(--entry-foreground-color-hover);
}

.c73ee4de39434 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cdaa0d133a126 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cdaa0d133a126:hover {
  background-color: var(--menu-background-color-hover);
}

.c76505a16ad93 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c76505a16ad93 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c76505a16ad93 span svg {
  stroke: var(--icon-foreground);
}
.c76505a16ad93:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c76505a16ad93:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce26471e10ff1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c73b35a799f51 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cdecab9ab173c,
.c4bcf4056eafe {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c7d789fdd9384 .cdecab9ab173c,
.c7d789fdd9384 .c4bcf4056eafe {
  transform: scale(1);
}

.ca424d7a95619 .cdecab9ab173c,
.ca424d7a95619 .c4bcf4056eafe {
  transform: scale(0);
}

.c77f745840a06 {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.c664bda78c551 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.c1ed79a1488e4 {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.c1ed79a1488e4 a {
  color: var(--button-primary-background-color-rest);
}

.c2006d6a6ae22 {
  display: grid;
  gap: 0.5rem;
}

.c82ca490aa30c {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.c81db9ad8d2db {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c6a523c380efb {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.c4e82058e3637 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.c6fce2c4d96ea {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.cbbf75152d45d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.c7b6c204ef348 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.c282d358e5d62 {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.c1ed49c10ba80 {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes c2cf2b684399f {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c85ffce796e84 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c85ffce796e84:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c85ffce796e84 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c85ffce796e84 ::-webkit-scrollbar-track,
.c85ffce796e84 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c85ffce796e84 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c85ffce796e84 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c85ffce796e84 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c85ffce796e84 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c85ffce796e84 ::placeholder,
.c85ffce796e84 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ca9460d8e1eeb, .c47d0f8f40a87, .c65d2f89e43ad, .c509ece34c188 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ca9460d8e1eeb svg, .c47d0f8f40a87 svg, .c65d2f89e43ad svg, .c509ece34c188 svg,
.ca9460d8e1eeb span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ca9460d8e1eeb:focus-visible, .c47d0f8f40a87:focus-visible, .c65d2f89e43ad:focus-visible, .c509ece34c188:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ca9460d8e1eeb:focus-visible svg, .c47d0f8f40a87:focus-visible svg, .c65d2f89e43ad:focus-visible svg, .c509ece34c188:focus-visible svg,
.ca9460d8e1eeb:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ca9460d8e1eeb:hover, .c47d0f8f40a87:hover, .c65d2f89e43ad:hover, .c509ece34c188:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ca9460d8e1eeb:hover svg, .c47d0f8f40a87:hover svg, .c65d2f89e43ad:hover svg, .c509ece34c188:hover svg,
.ca9460d8e1eeb:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ca9460d8e1eeb:active, .c47d0f8f40a87:active, .c65d2f89e43ad:active, .c509ece34c188:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ca9460d8e1eeb:active svg, .c47d0f8f40a87:active svg, .c65d2f89e43ad:active svg, .c509ece34c188:active svg,
.ca9460d8e1eeb:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ca9460d8e1eeb.disabled, .c47d0f8f40a87.disabled, .c65d2f89e43ad.disabled, .c509ece34c188.disabled, .ca9460d8e1eeb[disabled], [disabled].c47d0f8f40a87, [disabled].c65d2f89e43ad, [disabled].c509ece34c188, .ca9460d8e1eeb:disabled, .c47d0f8f40a87:disabled, .c65d2f89e43ad:disabled, .c509ece34c188:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.caeb69ad425bc, .cf50a8329df0d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.caeb69ad425bc svg, .cf50a8329df0d svg,
.caeb69ad425bc span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.caeb69ad425bc:focus-visible, .cf50a8329df0d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.caeb69ad425bc:focus-visible svg, .cf50a8329df0d:focus-visible svg,
.caeb69ad425bc:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.caeb69ad425bc:hover, .cf50a8329df0d:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.caeb69ad425bc:hover svg, .cf50a8329df0d:hover svg,
.caeb69ad425bc:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.caeb69ad425bc:active, .cf50a8329df0d:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.caeb69ad425bc:active svg, .cf50a8329df0d:active svg,
.caeb69ad425bc:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.caeb69ad425bc.disabled, .cf50a8329df0d.disabled, .caeb69ad425bc[disabled], [disabled].cf50a8329df0d, .caeb69ad425bc:disabled, .cf50a8329df0d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5821c4ac3436 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c5821c4ac3436 svg,
.c5821c4ac3436 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c5821c4ac3436:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c5821c4ac3436:focus-visible svg,
.c5821c4ac3436:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c5821c4ac3436:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c5821c4ac3436:hover svg,
.c5821c4ac3436:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c5821c4ac3436:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c5821c4ac3436:active svg,
.c5821c4ac3436:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c5821c4ac3436.disabled, .c5821c4ac3436[disabled], .c5821c4ac3436:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb79abc21e94b, .c5a9527e405ab button, .cc71033bf8aa4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cb79abc21e94b svg, .c5a9527e405ab button svg, .cc71033bf8aa4 svg,
.cb79abc21e94b span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cb79abc21e94b:focus-visible, .c5a9527e405ab button:focus-visible, .cc71033bf8aa4:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cb79abc21e94b:focus-visible svg, .c5a9527e405ab button:focus-visible svg, .cc71033bf8aa4:focus-visible svg,
.cb79abc21e94b:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cb79abc21e94b:hover, .c5a9527e405ab button:hover, .cc71033bf8aa4:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cb79abc21e94b:hover svg, .c5a9527e405ab button:hover svg, .cc71033bf8aa4:hover svg,
.cb79abc21e94b:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cb79abc21e94b:active, .c5a9527e405ab button:active, .cc71033bf8aa4:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cb79abc21e94b:active svg, .c5a9527e405ab button:active svg, .cc71033bf8aa4:active svg,
.cb79abc21e94b:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cb79abc21e94b.disabled, .c5a9527e405ab button.disabled, .cc71033bf8aa4.disabled, .cb79abc21e94b[disabled], .c5a9527e405ab button[disabled], [disabled].cc71033bf8aa4, .cb79abc21e94b:disabled, .c5a9527e405ab button:disabled, .cc71033bf8aa4:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cb79abc21e94b.disabled svg, .c5a9527e405ab button.disabled svg, .cc71033bf8aa4.disabled svg,
.cb79abc21e94b.disabled span svg, .cb79abc21e94b[disabled] svg, .c5a9527e405ab button[disabled] svg, [disabled].cc71033bf8aa4 svg,
.cb79abc21e94b[disabled] span svg, .cb79abc21e94b:disabled svg, .c5a9527e405ab button:disabled svg, .cc71033bf8aa4:disabled svg,
.cb79abc21e94b:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cde61ccdcda96 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cde61ccdcda96 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c1a1983ee387c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c1a1983ee387c svg,
.c1a1983ee387c span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c1a1983ee387c:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c1a1983ee387c:focus-visible svg,
.c1a1983ee387c:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c1a1983ee387c:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c1a1983ee387c:hover svg,
.c1a1983ee387c:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c1a1983ee387c:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c1a1983ee387c:active svg,
.c1a1983ee387c:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c6a51f7a0f466 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c1051c38dcbeb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfe9e1a51a361 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cfe9e1a51a361:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cfe9e1a51a361:focus-visible svg,
.cfe9e1a51a361:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cfe9e1a51a361:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cfe9e1a51a361:active {
  border: none;
  background-color: transparent;
}

.ca6774e53b85d, .cc71033bf8aa4 svg, .c9848f3bd7b4f, .c5e12b494ab2c span svg, .c5a9527e405ab button svg, .c0a94c2fd3a4a.intermediate svg, .c8b872b060c8a label span.intermediate svg, .c0a94c2fd3a4a.checked svg, .c8b872b060c8a label span.checked svg, .cd589e9366c12 span svg,
.cd589e9366c12 label svg, .c540e09389021 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c37e7c13b3f0a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c37e7c13b3f0a:hover {
  fill: none;
  stroke: none;
}

.c9848f3bd7b4f, .c5e12b494ab2c span svg, .c5a9527e405ab button svg, .c0a94c2fd3a4a.intermediate svg, .c8b872b060c8a label span.intermediate svg, .c0a94c2fd3a4a.checked svg, .c8b872b060c8a label span.checked svg, .cd589e9366c12 span svg,
.cd589e9366c12 label svg, .c540e09389021 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cbd1c51f5533c {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cbd1c51f5533c:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c8e4844aefd5b, .c24086cd8bc7e input, .cd740f9dd2677 input, .cd589e9366c12 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c8e4844aefd5b, .c24086cd8bc7e input, .cd740f9dd2677 input, .cd589e9366c12 input {
    height: 23px;
  }
}
.c8e4844aefd5b, .c24086cd8bc7e input, .cd740f9dd2677 input, .cd589e9366c12 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c8e4844aefd5b[disabled], .c24086cd8bc7e input[disabled], .cd740f9dd2677 input[disabled], .cd589e9366c12 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c540e09389021 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c6001a5380380, .cd589e9366c12 span,
.cd589e9366c12 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6001a5380380, .cd589e9366c12 span,
  .cd589e9366c12 label {
    height: 25px;
  }
}
.c6001a5380380, .cd589e9366c12 span,
.cd589e9366c12 label {
  color: var(--input-foreground-color);
}

.cd589e9366c12 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd589e9366c12 {
    height: 25px;
    font-size: 10px;
  }
}
.cd589e9366c12 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cd589e9366c12 span svg,
.cd589e9366c12 label svg {
  color: var(--input-foreground-color);
}
.cd589e9366c12 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cd589e9366c12 ::placeholder {
  color: var(--input-placeholder-color);
}
.cd589e9366c12:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd589e9366c12:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cd589e9366c12:hover span {
  color: var(--input-foreground-color-hover);
}
.cd589e9366c12:hover input {
  color: var(--input-foreground-color-hover);
}
.cd589e9366c12:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cd589e9366c12:active span {
  color: var(--input-foreground-color-active);
}
.cd589e9366c12:active input {
  color: var(--input-foreground-color-active);
}
.cd589e9366c12:focus, .cd589e9366c12:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd589e9366c12:focus span, .cd589e9366c12:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cd589e9366c12:focus input, .cd589e9366c12:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cd589e9366c12:focus:hover, .cd589e9366c12:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd589e9366c12:focus:hover span, .cd589e9366c12:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cd589e9366c12:focus:hover input, .cd589e9366c12:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cd740f9dd2677 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cd740f9dd2677 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cd740f9dd2677 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd740f9dd2677 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd740f9dd2677:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cd740f9dd2677:focus-within input, .cd740f9dd2677:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c5a2b3bb48043, .c24086cd8bc7e.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c5a2b3bb48043 input, .c24086cd8bc7e.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c5a2b3bb48043 span svg, .c24086cd8bc7e.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c0a94c2fd3a4a, .c8b872b060c8a label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c0a94c2fd3a4a svg, .c8b872b060c8a label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c0a94c2fd3a4a:hover, .c8b872b060c8a label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0a94c2fd3a4a:focus, .c8b872b060c8a label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c0a94c2fd3a4a.checked, .c8b872b060c8a label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c0a94c2fd3a4a.checked svg, .c8b872b060c8a label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c0a94c2fd3a4a.intermediate, .c8b872b060c8a label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c0a94c2fd3a4a.intermediate svg, .c8b872b060c8a label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c0a94c2fd3a4a.unchecked, .c8b872b060c8a label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c0a94c2fd3a4a.unchecked svg, .c8b872b060c8a label span.unchecked svg {
  display: none;
}

.c8b872b060c8a {
  display: flex;
  align-items: center;
}
.c8b872b060c8a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c8b872b060c8a label input {
  margin: 0;
}
.c8b872b060c8a label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8b872b060c8a label:focus span, .c8b872b060c8a label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c24086cd8bc7e {
  display: flex;
  flex-direction: column;
}
.c24086cd8bc7e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c24086cd8bc7e input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c24086cd8bc7e input:focus-within input, .c24086cd8bc7e input:active input {
  color: var(--input-foreground-color-active);
}
.c24086cd8bc7e input:focus-within, .c24086cd8bc7e input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c24086cd8bc7e.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c7224fbdafc1b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c73f9d4a6b6be, .cc4e6b8ec128d {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c22b79aa39797 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cc71033bf8aa4 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c93d52da23ad0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c0965d997736c {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cf50a8329df0d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c509ece34c188 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c65d2f89e43ad {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cf7dc9f0ff14a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cf7dc9f0ff14a:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c8e9e0ce912e9 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ce84c38dc910e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c04a79d084020 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cda8fedfd7ac2 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c232d606b4cfd {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c232d606b4cfd:hover, .c232d606b4cfd:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c5a9527e405ab div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c5a9527e405ab button {
  display: none;
}
.c5a9527e405ab button svg {
  stroke: var(--icon-foreground);
}
.c5a9527e405ab:hover button {
  display: flex;
}

.c0b9f25772d0d {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c0b9f25772d0d .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c0b9f25772d0d .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cbabab69ca918 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cbabab69ca918:hover div {
  color: var(--entry-foreground-color-hover);
}

.cd8681c77a9ff {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c3b961b66a6d2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c3b961b66a6d2:hover {
  background-color: var(--menu-background-color-hover);
}

.c5e12b494ab2c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c5e12b494ab2c span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c5e12b494ab2c span svg {
  stroke: var(--icon-foreground);
}
.c5e12b494ab2c:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c5e12b494ab2c:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c61d39e7acf04 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c7c849d4e3061 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c276b6163464f,
.cdbf1b23639af {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.caa20fd22f3b0 .c276b6163464f,
.caa20fd22f3b0 .cdbf1b23639af {
  transform: scale(1);
}

.c590cda97f723 .c276b6163464f,
.c590cda97f723 .cdbf1b23639af {
  transform: scale(0);
}

.c14f124e2b12f {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.ca0a5e1c83112 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.c0bcc8301f942 {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.c0bcc8301f942 a {
  color: var(--button-primary-background-color-rest);
}

.ccffcacf1f22c {
  display: grid;
  gap: 0.5rem;
}

.c010a76202895 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.c9b5346f26d62 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.cef8c6da4268e {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.c5e212fb9e7c0 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.c5b5f2f1cc339 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c9ce7dd9e86ec {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.ccb75d1c42586 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.c226a7da0d314 {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.c47d0f8f40a87 {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes c7e952e03b947 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c8db15b0f9834 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c8db15b0f9834:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c8db15b0f9834 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c8db15b0f9834 ::-webkit-scrollbar-track,
.c8db15b0f9834 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c8db15b0f9834 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c8db15b0f9834 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c8db15b0f9834 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8db15b0f9834 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8db15b0f9834 ::placeholder,
.c8db15b0f9834 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cb99556c717a5, .c4015fc810ed2, .c2b479cd834f1, .c04d2ede308a8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cb99556c717a5 svg, .c4015fc810ed2 svg, .c2b479cd834f1 svg, .c04d2ede308a8 svg,
.cb99556c717a5 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cb99556c717a5:focus-visible, .c4015fc810ed2:focus-visible, .c2b479cd834f1:focus-visible, .c04d2ede308a8:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cb99556c717a5:focus-visible svg, .c4015fc810ed2:focus-visible svg, .c2b479cd834f1:focus-visible svg, .c04d2ede308a8:focus-visible svg,
.cb99556c717a5:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cb99556c717a5:hover, .c4015fc810ed2:hover, .c2b479cd834f1:hover, .c04d2ede308a8:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cb99556c717a5:hover svg, .c4015fc810ed2:hover svg, .c2b479cd834f1:hover svg, .c04d2ede308a8:hover svg,
.cb99556c717a5:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cb99556c717a5:active, .c4015fc810ed2:active, .c2b479cd834f1:active, .c04d2ede308a8:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cb99556c717a5:active svg, .c4015fc810ed2:active svg, .c2b479cd834f1:active svg, .c04d2ede308a8:active svg,
.cb99556c717a5:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cb99556c717a5.disabled, .c4015fc810ed2.disabled, .c2b479cd834f1.disabled, .c04d2ede308a8.disabled, .cb99556c717a5[disabled], [disabled].c4015fc810ed2, [disabled].c2b479cd834f1, [disabled].c04d2ede308a8, .cb99556c717a5:disabled, .c4015fc810ed2:disabled, .c2b479cd834f1:disabled, .c04d2ede308a8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c43ce0a310611, .c845e9c119e91 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c43ce0a310611 svg, .c845e9c119e91 svg,
.c43ce0a310611 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c43ce0a310611:focus-visible, .c845e9c119e91:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c43ce0a310611:focus-visible svg, .c845e9c119e91:focus-visible svg,
.c43ce0a310611:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c43ce0a310611:hover, .c845e9c119e91:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c43ce0a310611:hover svg, .c845e9c119e91:hover svg,
.c43ce0a310611:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c43ce0a310611:active, .c845e9c119e91:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c43ce0a310611:active svg, .c845e9c119e91:active svg,
.c43ce0a310611:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c43ce0a310611.disabled, .c845e9c119e91.disabled, .c43ce0a310611[disabled], [disabled].c845e9c119e91, .c43ce0a310611:disabled, .c845e9c119e91:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9f396f9cc233 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c9f396f9cc233 svg,
.c9f396f9cc233 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c9f396f9cc233:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c9f396f9cc233:focus-visible svg,
.c9f396f9cc233:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c9f396f9cc233:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c9f396f9cc233:hover svg,
.c9f396f9cc233:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c9f396f9cc233:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c9f396f9cc233:active svg,
.c9f396f9cc233:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c9f396f9cc233.disabled, .c9f396f9cc233[disabled], .c9f396f9cc233:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca233b5d1de64, .c75698d629379 button, .c4a05512fa0b9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca233b5d1de64 svg, .c75698d629379 button svg, .c4a05512fa0b9 svg,
.ca233b5d1de64 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca233b5d1de64:focus-visible, .c75698d629379 button:focus-visible, .c4a05512fa0b9:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca233b5d1de64:focus-visible svg, .c75698d629379 button:focus-visible svg, .c4a05512fa0b9:focus-visible svg,
.ca233b5d1de64:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca233b5d1de64:hover, .c75698d629379 button:hover, .c4a05512fa0b9:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca233b5d1de64:hover svg, .c75698d629379 button:hover svg, .c4a05512fa0b9:hover svg,
.ca233b5d1de64:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca233b5d1de64:active, .c75698d629379 button:active, .c4a05512fa0b9:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca233b5d1de64:active svg, .c75698d629379 button:active svg, .c4a05512fa0b9:active svg,
.ca233b5d1de64:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca233b5d1de64.disabled, .c75698d629379 button.disabled, .c4a05512fa0b9.disabled, .ca233b5d1de64[disabled], .c75698d629379 button[disabled], [disabled].c4a05512fa0b9, .ca233b5d1de64:disabled, .c75698d629379 button:disabled, .c4a05512fa0b9:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca233b5d1de64.disabled svg, .c75698d629379 button.disabled svg, .c4a05512fa0b9.disabled svg,
.ca233b5d1de64.disabled span svg, .ca233b5d1de64[disabled] svg, .c75698d629379 button[disabled] svg, [disabled].c4a05512fa0b9 svg,
.ca233b5d1de64[disabled] span svg, .ca233b5d1de64:disabled svg, .c75698d629379 button:disabled svg, .c4a05512fa0b9:disabled svg,
.ca233b5d1de64:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c639455b18d5b {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c639455b18d5b svg {
  color: var(--button-icon-foreground-color-selected);
}

.c9a4a464fe2e1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c9a4a464fe2e1 svg,
.c9a4a464fe2e1 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c9a4a464fe2e1:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c9a4a464fe2e1:focus-visible svg,
.c9a4a464fe2e1:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c9a4a464fe2e1:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c9a4a464fe2e1:hover svg,
.c9a4a464fe2e1:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c9a4a464fe2e1:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c9a4a464fe2e1:active svg,
.c9a4a464fe2e1:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c7b6f8e4da937 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c389ce3464bee {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9141bbd2eb56 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c9141bbd2eb56:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c9141bbd2eb56:focus-visible svg,
.c9141bbd2eb56:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c9141bbd2eb56:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c9141bbd2eb56:active {
  border: none;
  background-color: transparent;
}

.c61b5ba17d4fd, .c4a05512fa0b9 svg, .c9f4dc0fe1e2d, .cd2d5b0e10bb5 span svg, .c75698d629379 button svg, .c956999e28b59.intermediate svg, .cf79e0c3c9989 label span.intermediate svg, .c956999e28b59.checked svg, .cf79e0c3c9989 label span.checked svg, .cce9305aa35bb span svg,
.cce9305aa35bb label svg, .cf40fbd797554 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cf9eff2a63727 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cf9eff2a63727:hover {
  fill: none;
  stroke: none;
}

.c9f4dc0fe1e2d, .cd2d5b0e10bb5 span svg, .c75698d629379 button svg, .c956999e28b59.intermediate svg, .cf79e0c3c9989 label span.intermediate svg, .c956999e28b59.checked svg, .cf79e0c3c9989 label span.checked svg, .cce9305aa35bb span svg,
.cce9305aa35bb label svg, .cf40fbd797554 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c8540a5b5600e {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c8540a5b5600e:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c70c9eb5b9703, .c5e73b3ac6c8f input, .ce8dfb2969f02 input, .cce9305aa35bb input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c70c9eb5b9703, .c5e73b3ac6c8f input, .ce8dfb2969f02 input, .cce9305aa35bb input {
    height: 23px;
  }
}
.c70c9eb5b9703, .c5e73b3ac6c8f input, .ce8dfb2969f02 input, .cce9305aa35bb input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c70c9eb5b9703[disabled], .c5e73b3ac6c8f input[disabled], .ce8dfb2969f02 input[disabled], .cce9305aa35bb input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cf40fbd797554 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c70589f52f8de, .cce9305aa35bb span,
.cce9305aa35bb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c70589f52f8de, .cce9305aa35bb span,
  .cce9305aa35bb label {
    height: 25px;
  }
}
.c70589f52f8de, .cce9305aa35bb span,
.cce9305aa35bb label {
  color: var(--input-foreground-color);
}

.cce9305aa35bb {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cce9305aa35bb {
    height: 25px;
    font-size: 10px;
  }
}
.cce9305aa35bb {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cce9305aa35bb span svg,
.cce9305aa35bb label svg {
  color: var(--input-foreground-color);
}
.cce9305aa35bb ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cce9305aa35bb ::placeholder {
  color: var(--input-placeholder-color);
}
.cce9305aa35bb:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cce9305aa35bb:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cce9305aa35bb:hover span {
  color: var(--input-foreground-color-hover);
}
.cce9305aa35bb:hover input {
  color: var(--input-foreground-color-hover);
}
.cce9305aa35bb:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cce9305aa35bb:active span {
  color: var(--input-foreground-color-active);
}
.cce9305aa35bb:active input {
  color: var(--input-foreground-color-active);
}
.cce9305aa35bb:focus, .cce9305aa35bb:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cce9305aa35bb:focus span, .cce9305aa35bb:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cce9305aa35bb:focus input, .cce9305aa35bb:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cce9305aa35bb:focus:hover, .cce9305aa35bb:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cce9305aa35bb:focus:hover span, .cce9305aa35bb:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cce9305aa35bb:focus:hover input, .cce9305aa35bb:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ce8dfb2969f02 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ce8dfb2969f02 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ce8dfb2969f02 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce8dfb2969f02 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce8dfb2969f02:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ce8dfb2969f02:focus-within input, .ce8dfb2969f02:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cc40e8b37a722, .c5e73b3ac6c8f.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cc40e8b37a722 input, .c5e73b3ac6c8f.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cc40e8b37a722 span svg, .c5e73b3ac6c8f.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c956999e28b59, .cf79e0c3c9989 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c956999e28b59 svg, .cf79e0c3c9989 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c956999e28b59:hover, .cf79e0c3c9989 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c956999e28b59:focus, .cf79e0c3c9989 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c956999e28b59.checked, .cf79e0c3c9989 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c956999e28b59.checked svg, .cf79e0c3c9989 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c956999e28b59.intermediate, .cf79e0c3c9989 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c956999e28b59.intermediate svg, .cf79e0c3c9989 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c956999e28b59.unchecked, .cf79e0c3c9989 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c956999e28b59.unchecked svg, .cf79e0c3c9989 label span.unchecked svg {
  display: none;
}

.cf79e0c3c9989 {
  display: flex;
  align-items: center;
}
.cf79e0c3c9989 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cf79e0c3c9989 label input {
  margin: 0;
}
.cf79e0c3c9989 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf79e0c3c9989 label:focus span, .cf79e0c3c9989 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c5e73b3ac6c8f {
  display: flex;
  flex-direction: column;
}
.c5e73b3ac6c8f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c5e73b3ac6c8f input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c5e73b3ac6c8f input:focus-within input, .c5e73b3ac6c8f input:active input {
  color: var(--input-foreground-color-active);
}
.c5e73b3ac6c8f input:focus-within, .c5e73b3ac6c8f input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c5e73b3ac6c8f.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c92cf0a95717c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c37719de1cb28, .c9e31c33c73a5 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cb27fcfc06e6a {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c4a05512fa0b9 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c29b87f80c109 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cda5b83bd653b {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c845e9c119e91 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c04d2ede308a8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c2b479cd834f1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c365068e4b104 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c365068e4b104:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cfe2151939d38 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c40311782979a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c5e414acf50dc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c96ecbd026b3f {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c6d93dc10f428 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c6d93dc10f428:hover, .c6d93dc10f428:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c75698d629379 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c75698d629379 button {
  display: none;
}
.c75698d629379 button svg {
  stroke: var(--icon-foreground);
}
.c75698d629379:hover button {
  display: flex;
}

.c64ad9facabed {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c64ad9facabed .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c64ad9facabed .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ce2668eb19de3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ce2668eb19de3:hover div {
  color: var(--entry-foreground-color-hover);
}

.ce945af2e42a5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cb65e5144fe12 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cb65e5144fe12:hover {
  background-color: var(--menu-background-color-hover);
}

.cd2d5b0e10bb5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cd2d5b0e10bb5 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cd2d5b0e10bb5 span svg {
  stroke: var(--icon-foreground);
}
.cd2d5b0e10bb5:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cd2d5b0e10bb5:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c0e615d683c87 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cd83db8e24516 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cba8381ad67e6,
.c714c402637ad {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce760a2d92f92 .cba8381ad67e6,
.ce760a2d92f92 .c714c402637ad {
  transform: scale(1);
}

.c97c53e6fb31e .cba8381ad67e6,
.c97c53e6fb31e .c714c402637ad {
  transform: scale(0);
}

.c5910e0a0171d {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.cda3278edf0bb {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.c7af3f8737cea {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.c7af3f8737cea a {
  color: var(--button-primary-background-color-rest);
}

.c51b16a6552ad {
  display: grid;
  gap: 0.5rem;
}

.ca4fc60e15c56 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.c2ebd78090375 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.cdfeeb9936f61 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.ce8499df48a48 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.c6e81b8ff27e9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c309d64cd5da8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.c2fc6609ebe7d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.ca4b0afab44e7 {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.c4015fc810ed2 {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes cb2d40666f856 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c2dade790907a {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c2dade790907a:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c2dade790907a ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c2dade790907a ::-webkit-scrollbar-track,
.c2dade790907a ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c2dade790907a ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c2dade790907a ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c2dade790907a ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2dade790907a ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2dade790907a ::placeholder,
.c2dade790907a ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cf0fdd4f9c825, .c5252c30ab879, .c3a7b8cc9d102, .c706fedd58403 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cf0fdd4f9c825 svg, .c5252c30ab879 svg, .c3a7b8cc9d102 svg, .c706fedd58403 svg,
.cf0fdd4f9c825 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cf0fdd4f9c825:focus-visible, .c5252c30ab879:focus-visible, .c3a7b8cc9d102:focus-visible, .c706fedd58403:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cf0fdd4f9c825:focus-visible svg, .c5252c30ab879:focus-visible svg, .c3a7b8cc9d102:focus-visible svg, .c706fedd58403:focus-visible svg,
.cf0fdd4f9c825:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cf0fdd4f9c825:hover, .c5252c30ab879:hover, .c3a7b8cc9d102:hover, .c706fedd58403:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cf0fdd4f9c825:hover svg, .c5252c30ab879:hover svg, .c3a7b8cc9d102:hover svg, .c706fedd58403:hover svg,
.cf0fdd4f9c825:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cf0fdd4f9c825:active, .c5252c30ab879:active, .c3a7b8cc9d102:active, .c706fedd58403:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cf0fdd4f9c825:active svg, .c5252c30ab879:active svg, .c3a7b8cc9d102:active svg, .c706fedd58403:active svg,
.cf0fdd4f9c825:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cf0fdd4f9c825.disabled, .c5252c30ab879.disabled, .c3a7b8cc9d102.disabled, .c706fedd58403.disabled, .cf0fdd4f9c825[disabled], [disabled].c5252c30ab879, [disabled].c3a7b8cc9d102, [disabled].c706fedd58403, .cf0fdd4f9c825:disabled, .c5252c30ab879:disabled, .c3a7b8cc9d102:disabled, .c706fedd58403:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c021358052e66, .cb91f33188c29 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c021358052e66 svg, .cb91f33188c29 svg,
.c021358052e66 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c021358052e66:focus-visible, .cb91f33188c29:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c021358052e66:focus-visible svg, .cb91f33188c29:focus-visible svg,
.c021358052e66:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c021358052e66:hover, .cb91f33188c29:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c021358052e66:hover svg, .cb91f33188c29:hover svg,
.c021358052e66:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c021358052e66:active, .cb91f33188c29:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c021358052e66:active svg, .cb91f33188c29:active svg,
.c021358052e66:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c021358052e66.disabled, .cb91f33188c29.disabled, .c021358052e66[disabled], [disabled].cb91f33188c29, .c021358052e66:disabled, .cb91f33188c29:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c85a90fc6850a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c85a90fc6850a svg,
.c85a90fc6850a span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c85a90fc6850a:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c85a90fc6850a:focus-visible svg,
.c85a90fc6850a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c85a90fc6850a:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c85a90fc6850a:hover svg,
.c85a90fc6850a:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c85a90fc6850a:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c85a90fc6850a:active svg,
.c85a90fc6850a:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c85a90fc6850a.disabled, .c85a90fc6850a[disabled], .c85a90fc6850a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3953c3662136, .cfd6aea4b52bf button, .ceb2b09c356b5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c3953c3662136 svg, .cfd6aea4b52bf button svg, .ceb2b09c356b5 svg,
.c3953c3662136 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c3953c3662136:focus-visible, .cfd6aea4b52bf button:focus-visible, .ceb2b09c356b5:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c3953c3662136:focus-visible svg, .cfd6aea4b52bf button:focus-visible svg, .ceb2b09c356b5:focus-visible svg,
.c3953c3662136:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c3953c3662136:hover, .cfd6aea4b52bf button:hover, .ceb2b09c356b5:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c3953c3662136:hover svg, .cfd6aea4b52bf button:hover svg, .ceb2b09c356b5:hover svg,
.c3953c3662136:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c3953c3662136:active, .cfd6aea4b52bf button:active, .ceb2b09c356b5:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c3953c3662136:active svg, .cfd6aea4b52bf button:active svg, .ceb2b09c356b5:active svg,
.c3953c3662136:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c3953c3662136.disabled, .cfd6aea4b52bf button.disabled, .ceb2b09c356b5.disabled, .c3953c3662136[disabled], .cfd6aea4b52bf button[disabled], [disabled].ceb2b09c356b5, .c3953c3662136:disabled, .cfd6aea4b52bf button:disabled, .ceb2b09c356b5:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c3953c3662136.disabled svg, .cfd6aea4b52bf button.disabled svg, .ceb2b09c356b5.disabled svg,
.c3953c3662136.disabled span svg, .c3953c3662136[disabled] svg, .cfd6aea4b52bf button[disabled] svg, [disabled].ceb2b09c356b5 svg,
.c3953c3662136[disabled] span svg, .c3953c3662136:disabled svg, .cfd6aea4b52bf button:disabled svg, .ceb2b09c356b5:disabled svg,
.c3953c3662136:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cb1b9a2dffe59 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cb1b9a2dffe59 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c7995b594420d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c7995b594420d svg,
.c7995b594420d span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c7995b594420d:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c7995b594420d:focus-visible svg,
.c7995b594420d:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c7995b594420d:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c7995b594420d:hover svg,
.c7995b594420d:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c7995b594420d:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c7995b594420d:active svg,
.c7995b594420d:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c6b74b5b36f73 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7d0454f199b0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc40565bfcfd9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc40565bfcfd9:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cc40565bfcfd9:focus-visible svg,
.cc40565bfcfd9:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cc40565bfcfd9:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cc40565bfcfd9:active {
  border: none;
  background-color: transparent;
}

.c25c22b922a2e, .ceb2b09c356b5 svg, .cdb11756f0f5b, .cf9de7fe21817 span svg, .cfd6aea4b52bf button svg, .ca1cae4e942c2.intermediate svg, .c9f43486180d2 label span.intermediate svg, .ca1cae4e942c2.checked svg, .c9f43486180d2 label span.checked svg, .cbb2739997762 span svg,
.cbb2739997762 label svg, .cbe8264584dbe svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c0dd21d39ca10 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c0dd21d39ca10:hover {
  fill: none;
  stroke: none;
}

.cdb11756f0f5b, .cf9de7fe21817 span svg, .cfd6aea4b52bf button svg, .ca1cae4e942c2.intermediate svg, .c9f43486180d2 label span.intermediate svg, .ca1cae4e942c2.checked svg, .c9f43486180d2 label span.checked svg, .cbb2739997762 span svg,
.cbb2739997762 label svg, .cbe8264584dbe svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cc56a7a6c176f {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cc56a7a6c176f:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c04bd4b5c425c, .c838f9cdbadb2 input, .c25f3c56fb05e input, .cbb2739997762 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c04bd4b5c425c, .c838f9cdbadb2 input, .c25f3c56fb05e input, .cbb2739997762 input {
    height: 23px;
  }
}
.c04bd4b5c425c, .c838f9cdbadb2 input, .c25f3c56fb05e input, .cbb2739997762 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c04bd4b5c425c[disabled], .c838f9cdbadb2 input[disabled], .c25f3c56fb05e input[disabled], .cbb2739997762 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cbe8264584dbe {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c6f91142fc8f4, .cbb2739997762 span,
.cbb2739997762 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6f91142fc8f4, .cbb2739997762 span,
  .cbb2739997762 label {
    height: 25px;
  }
}
.c6f91142fc8f4, .cbb2739997762 span,
.cbb2739997762 label {
  color: var(--input-foreground-color);
}

.cbb2739997762 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbb2739997762 {
    height: 25px;
    font-size: 10px;
  }
}
.cbb2739997762 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cbb2739997762 span svg,
.cbb2739997762 label svg {
  color: var(--input-foreground-color);
}
.cbb2739997762 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cbb2739997762 ::placeholder {
  color: var(--input-placeholder-color);
}
.cbb2739997762:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbb2739997762:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cbb2739997762:hover span {
  color: var(--input-foreground-color-hover);
}
.cbb2739997762:hover input {
  color: var(--input-foreground-color-hover);
}
.cbb2739997762:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cbb2739997762:active span {
  color: var(--input-foreground-color-active);
}
.cbb2739997762:active input {
  color: var(--input-foreground-color-active);
}
.cbb2739997762:focus, .cbb2739997762:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbb2739997762:focus span, .cbb2739997762:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cbb2739997762:focus input, .cbb2739997762:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cbb2739997762:focus:hover, .cbb2739997762:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbb2739997762:focus:hover span, .cbb2739997762:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cbb2739997762:focus:hover input, .cbb2739997762:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c25f3c56fb05e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c25f3c56fb05e input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c25f3c56fb05e ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c25f3c56fb05e ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c25f3c56fb05e:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c25f3c56fb05e:focus-within input, .c25f3c56fb05e:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c6a2728eac091, .c838f9cdbadb2.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c6a2728eac091 input, .c838f9cdbadb2.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c6a2728eac091 span svg, .c838f9cdbadb2.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ca1cae4e942c2, .c9f43486180d2 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ca1cae4e942c2 svg, .c9f43486180d2 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ca1cae4e942c2:hover, .c9f43486180d2 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca1cae4e942c2:focus, .c9f43486180d2 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ca1cae4e942c2.checked, .c9f43486180d2 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ca1cae4e942c2.checked svg, .c9f43486180d2 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ca1cae4e942c2.intermediate, .c9f43486180d2 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ca1cae4e942c2.intermediate svg, .c9f43486180d2 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ca1cae4e942c2.unchecked, .c9f43486180d2 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ca1cae4e942c2.unchecked svg, .c9f43486180d2 label span.unchecked svg {
  display: none;
}

.c9f43486180d2 {
  display: flex;
  align-items: center;
}
.c9f43486180d2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c9f43486180d2 label input {
  margin: 0;
}
.c9f43486180d2 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c9f43486180d2 label:focus span, .c9f43486180d2 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c838f9cdbadb2 {
  display: flex;
  flex-direction: column;
}
.c838f9cdbadb2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c838f9cdbadb2 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c838f9cdbadb2 input:focus-within input, .c838f9cdbadb2 input:active input {
  color: var(--input-foreground-color-active);
}
.c838f9cdbadb2 input:focus-within, .c838f9cdbadb2 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c838f9cdbadb2.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cdb61d8d79620 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c9fe53b1cfdd5, .c037e9b523601 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c07325d58ace7 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ceb2b09c356b5 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cfee3a3c9c175 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc336d62decdc {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cb91f33188c29 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c706fedd58403 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3a7b8cc9d102 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ccb1cd7a4ee02 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ccb1cd7a4ee02:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c28e4f371708b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cdf2bdce89384 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cb9777ecf5a71 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c36559eb8e16c {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c50e426eaa187 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c50e426eaa187:hover, .c50e426eaa187:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cfd6aea4b52bf div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cfd6aea4b52bf button {
  display: none;
}
.cfd6aea4b52bf button svg {
  stroke: var(--icon-foreground);
}
.cfd6aea4b52bf:hover button {
  display: flex;
}

.c5d5a91baace8 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c5d5a91baace8 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c5d5a91baace8 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c6fea09cfdafe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c6fea09cfdafe:hover div {
  color: var(--entry-foreground-color-hover);
}

.c7ea51e532301 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ce78023c06968 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ce78023c06968:hover {
  background-color: var(--menu-background-color-hover);
}

.cf9de7fe21817 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cf9de7fe21817 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf9de7fe21817 span svg {
  stroke: var(--icon-foreground);
}
.cf9de7fe21817:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cf9de7fe21817:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cd3342b980330 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c210c310240e3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c946b0b020546,
.cb86ad1e06fe3 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb01831636278 .c946b0b020546,
.cb01831636278 .cb86ad1e06fe3 {
  transform: scale(1);
}

.c3794d9df611c .c946b0b020546,
.c3794d9df611c .cb86ad1e06fe3 {
  transform: scale(0);
}

.cf6a144ed7614 {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.c4b80080f87b6 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.cc8a4dd7627d9 {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.cc8a4dd7627d9 a {
  color: var(--button-primary-background-color-rest);
}

.c5d33b29be7d7 {
  display: grid;
  gap: 0.5rem;
}

.c032f54daf91a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.ca559cb78da33 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c0fa8a34f4d7e {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.cde6ffe9a9411 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.c85840abf1b21 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c75f511bf164a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.c214b088f3b51 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.cda30fbfc3599 {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.c5252c30ab879 {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes c681eeea26c23 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c77582f80dc1f {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c77582f80dc1f:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c77582f80dc1f ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c77582f80dc1f ::-webkit-scrollbar-track,
.c77582f80dc1f ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c77582f80dc1f ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c77582f80dc1f ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c77582f80dc1f ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c77582f80dc1f ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c77582f80dc1f ::placeholder,
.c77582f80dc1f ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cf771bc01ed06, .c6d652c3fdfda, .c2ac4ab6311bf, .cd19722b28997 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cf771bc01ed06 svg, .c6d652c3fdfda svg, .c2ac4ab6311bf svg, .cd19722b28997 svg,
.cf771bc01ed06 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cf771bc01ed06:focus-visible, .c6d652c3fdfda:focus-visible, .c2ac4ab6311bf:focus-visible, .cd19722b28997:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cf771bc01ed06:focus-visible svg, .c6d652c3fdfda:focus-visible svg, .c2ac4ab6311bf:focus-visible svg, .cd19722b28997:focus-visible svg,
.cf771bc01ed06:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cf771bc01ed06:hover, .c6d652c3fdfda:hover, .c2ac4ab6311bf:hover, .cd19722b28997:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cf771bc01ed06:hover svg, .c6d652c3fdfda:hover svg, .c2ac4ab6311bf:hover svg, .cd19722b28997:hover svg,
.cf771bc01ed06:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cf771bc01ed06:active, .c6d652c3fdfda:active, .c2ac4ab6311bf:active, .cd19722b28997:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cf771bc01ed06:active svg, .c6d652c3fdfda:active svg, .c2ac4ab6311bf:active svg, .cd19722b28997:active svg,
.cf771bc01ed06:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cf771bc01ed06.disabled, .c6d652c3fdfda.disabled, .c2ac4ab6311bf.disabled, .cd19722b28997.disabled, .cf771bc01ed06[disabled], [disabled].c6d652c3fdfda, [disabled].c2ac4ab6311bf, [disabled].cd19722b28997, .cf771bc01ed06:disabled, .c6d652c3fdfda:disabled, .c2ac4ab6311bf:disabled, .cd19722b28997:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfd8cd49ea763, .cdbbdc6f41fcd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cfd8cd49ea763 svg, .cdbbdc6f41fcd svg,
.cfd8cd49ea763 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cfd8cd49ea763:focus-visible, .cdbbdc6f41fcd:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cfd8cd49ea763:focus-visible svg, .cdbbdc6f41fcd:focus-visible svg,
.cfd8cd49ea763:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cfd8cd49ea763:hover, .cdbbdc6f41fcd:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cfd8cd49ea763:hover svg, .cdbbdc6f41fcd:hover svg,
.cfd8cd49ea763:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cfd8cd49ea763:active, .cdbbdc6f41fcd:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cfd8cd49ea763:active svg, .cdbbdc6f41fcd:active svg,
.cfd8cd49ea763:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cfd8cd49ea763.disabled, .cdbbdc6f41fcd.disabled, .cfd8cd49ea763[disabled], [disabled].cdbbdc6f41fcd, .cfd8cd49ea763:disabled, .cdbbdc6f41fcd:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4456ce771a60 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c4456ce771a60 svg,
.c4456ce771a60 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c4456ce771a60:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4456ce771a60:focus-visible svg,
.c4456ce771a60:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4456ce771a60:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c4456ce771a60:hover svg,
.c4456ce771a60:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c4456ce771a60:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c4456ce771a60:active svg,
.c4456ce771a60:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c4456ce771a60.disabled, .c4456ce771a60[disabled], .c4456ce771a60:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cab2f76aeeccc, .c4e90f61893a9 button, .c22057da5c91e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cab2f76aeeccc svg, .c4e90f61893a9 button svg, .c22057da5c91e svg,
.cab2f76aeeccc span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cab2f76aeeccc:focus-visible, .c4e90f61893a9 button:focus-visible, .c22057da5c91e:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cab2f76aeeccc:focus-visible svg, .c4e90f61893a9 button:focus-visible svg, .c22057da5c91e:focus-visible svg,
.cab2f76aeeccc:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cab2f76aeeccc:hover, .c4e90f61893a9 button:hover, .c22057da5c91e:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cab2f76aeeccc:hover svg, .c4e90f61893a9 button:hover svg, .c22057da5c91e:hover svg,
.cab2f76aeeccc:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cab2f76aeeccc:active, .c4e90f61893a9 button:active, .c22057da5c91e:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cab2f76aeeccc:active svg, .c4e90f61893a9 button:active svg, .c22057da5c91e:active svg,
.cab2f76aeeccc:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cab2f76aeeccc.disabled, .c4e90f61893a9 button.disabled, .c22057da5c91e.disabled, .cab2f76aeeccc[disabled], .c4e90f61893a9 button[disabled], [disabled].c22057da5c91e, .cab2f76aeeccc:disabled, .c4e90f61893a9 button:disabled, .c22057da5c91e:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cab2f76aeeccc.disabled svg, .c4e90f61893a9 button.disabled svg, .c22057da5c91e.disabled svg,
.cab2f76aeeccc.disabled span svg, .cab2f76aeeccc[disabled] svg, .c4e90f61893a9 button[disabled] svg, [disabled].c22057da5c91e svg,
.cab2f76aeeccc[disabled] span svg, .cab2f76aeeccc:disabled svg, .c4e90f61893a9 button:disabled svg, .c22057da5c91e:disabled svg,
.cab2f76aeeccc:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ce402173cfae9 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ce402173cfae9 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c2401fb5f7168 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c2401fb5f7168 svg,
.c2401fb5f7168 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c2401fb5f7168:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c2401fb5f7168:focus-visible svg,
.c2401fb5f7168:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c2401fb5f7168:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c2401fb5f7168:hover svg,
.c2401fb5f7168:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c2401fb5f7168:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c2401fb5f7168:active svg,
.c2401fb5f7168:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cfa96612a45ca {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c4e1b7ab90a30 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c449914d7d38e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c449914d7d38e:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c449914d7d38e:focus-visible svg,
.c449914d7d38e:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c449914d7d38e:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c449914d7d38e:active {
  border: none;
  background-color: transparent;
}

.c045cac379dcf, .c22057da5c91e svg, .cb118d9afaf8d, .c75f0b8523c76 span svg, .c4e90f61893a9 button svg, .ca5fcf515f246.intermediate svg, .c0fb957c69b9d label span.intermediate svg, .ca5fcf515f246.checked svg, .c0fb957c69b9d label span.checked svg, .c6b5598eb4d08 span svg,
.c6b5598eb4d08 label svg, .c09ea8f4c218a svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c604e38b7ad9d {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c604e38b7ad9d:hover {
  fill: none;
  stroke: none;
}

.cb118d9afaf8d, .c75f0b8523c76 span svg, .c4e90f61893a9 button svg, .ca5fcf515f246.intermediate svg, .c0fb957c69b9d label span.intermediate svg, .ca5fcf515f246.checked svg, .c0fb957c69b9d label span.checked svg, .c6b5598eb4d08 span svg,
.c6b5598eb4d08 label svg, .c09ea8f4c218a svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c80d2121b7da7 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c80d2121b7da7:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c3c8a25957093, .c5937724a8a10 input, .c142ccf58afaf input, .c6b5598eb4d08 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c3c8a25957093, .c5937724a8a10 input, .c142ccf58afaf input, .c6b5598eb4d08 input {
    height: 23px;
  }
}
.c3c8a25957093, .c5937724a8a10 input, .c142ccf58afaf input, .c6b5598eb4d08 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c3c8a25957093[disabled], .c5937724a8a10 input[disabled], .c142ccf58afaf input[disabled], .c6b5598eb4d08 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c09ea8f4c218a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cc79fc885978f, .c6b5598eb4d08 span,
.c6b5598eb4d08 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc79fc885978f, .c6b5598eb4d08 span,
  .c6b5598eb4d08 label {
    height: 25px;
  }
}
.cc79fc885978f, .c6b5598eb4d08 span,
.c6b5598eb4d08 label {
  color: var(--input-foreground-color);
}

.c6b5598eb4d08 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6b5598eb4d08 {
    height: 25px;
    font-size: 10px;
  }
}
.c6b5598eb4d08 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c6b5598eb4d08 span svg,
.c6b5598eb4d08 label svg {
  color: var(--input-foreground-color);
}
.c6b5598eb4d08 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c6b5598eb4d08 ::placeholder {
  color: var(--input-placeholder-color);
}
.c6b5598eb4d08:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c6b5598eb4d08:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c6b5598eb4d08:hover span {
  color: var(--input-foreground-color-hover);
}
.c6b5598eb4d08:hover input {
  color: var(--input-foreground-color-hover);
}
.c6b5598eb4d08:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c6b5598eb4d08:active span {
  color: var(--input-foreground-color-active);
}
.c6b5598eb4d08:active input {
  color: var(--input-foreground-color-active);
}
.c6b5598eb4d08:focus, .c6b5598eb4d08:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6b5598eb4d08:focus span, .c6b5598eb4d08:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c6b5598eb4d08:focus input, .c6b5598eb4d08:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c6b5598eb4d08:focus:hover, .c6b5598eb4d08:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6b5598eb4d08:focus:hover span, .c6b5598eb4d08:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c6b5598eb4d08:focus:hover input, .c6b5598eb4d08:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c142ccf58afaf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c142ccf58afaf input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c142ccf58afaf ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c142ccf58afaf ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c142ccf58afaf:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c142ccf58afaf:focus-within input, .c142ccf58afaf:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c5931e192b963, .c5937724a8a10.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c5931e192b963 input, .c5937724a8a10.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c5931e192b963 span svg, .c5937724a8a10.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ca5fcf515f246, .c0fb957c69b9d label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ca5fcf515f246 svg, .c0fb957c69b9d label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ca5fcf515f246:hover, .c0fb957c69b9d label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca5fcf515f246:focus, .c0fb957c69b9d label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ca5fcf515f246.checked, .c0fb957c69b9d label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ca5fcf515f246.checked svg, .c0fb957c69b9d label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ca5fcf515f246.intermediate, .c0fb957c69b9d label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ca5fcf515f246.intermediate svg, .c0fb957c69b9d label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ca5fcf515f246.unchecked, .c0fb957c69b9d label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ca5fcf515f246.unchecked svg, .c0fb957c69b9d label span.unchecked svg {
  display: none;
}

.c0fb957c69b9d {
  display: flex;
  align-items: center;
}
.c0fb957c69b9d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c0fb957c69b9d label input {
  margin: 0;
}
.c0fb957c69b9d label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0fb957c69b9d label:focus span, .c0fb957c69b9d label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c5937724a8a10 {
  display: flex;
  flex-direction: column;
}
.c5937724a8a10 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c5937724a8a10 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c5937724a8a10 input:focus-within input, .c5937724a8a10 input:active input {
  color: var(--input-foreground-color-active);
}
.c5937724a8a10 input:focus-within, .c5937724a8a10 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c5937724a8a10.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c27651ca38e97 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cc9190c1e0e62, .cd1efc8642556 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c950aeea04463 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c22057da5c91e {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c236799c883c5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c46d3c403cc9c {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cdbbdc6f41fcd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd19722b28997 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c2ac4ab6311bf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cb4b036fd83fe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cb4b036fd83fe:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cb5a351f384f6 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c46a99b985bb0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c0f3f0b648073 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c4fc9977f6312 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c5d353557d130 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c5d353557d130:hover, .c5d353557d130:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c4e90f61893a9 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c4e90f61893a9 button {
  display: none;
}
.c4e90f61893a9 button svg {
  stroke: var(--icon-foreground);
}
.c4e90f61893a9:hover button {
  display: flex;
}

.cf739c92c3319 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cf739c92c3319 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cf739c92c3319 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c4d7f34053e73 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c4d7f34053e73:hover div {
  color: var(--entry-foreground-color-hover);
}

.c270326ca3223 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c0317f006d9ad {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c0317f006d9ad:hover {
  background-color: var(--menu-background-color-hover);
}

.c75f0b8523c76 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c75f0b8523c76 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c75f0b8523c76 span svg {
  stroke: var(--icon-foreground);
}
.c75f0b8523c76:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c75f0b8523c76:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cd18fa67f476c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c03fec9973802 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cea5011028e27,
.cd8597693afc5 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c31511cd8c1a6 .cea5011028e27,
.c31511cd8c1a6 .cd8597693afc5 {
  transform: scale(1);
}

.cd2c86a2eec68 .cea5011028e27,
.cd2c86a2eec68 .cd8597693afc5 {
  transform: scale(0);
}

.cee6d367fd465 {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.c4c26e6081fa5 {
  width: 20.25rem;
  border-radius: 8px 0 0 8px;
}

.cf0190bc97085 {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.cf0190bc97085 a {
  color: var(--button-primary-background-color-rest);
}

.cd6f5955dd6cd {
  display: grid;
  gap: 0.5rem;
}

.cef76745af658 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 8px;
}

.c3e27fe3efc36 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.cfd85ac3dde85 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.c4acfddd75904 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.caef8e039c42d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.ccf33db07ac1a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.c95536a84fbc7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.c77dd9719dcda {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.c6d652c3fdfda {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes c54494f684811 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cc9c3026fa51f {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cc9c3026fa51f:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cc9c3026fa51f ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cc9c3026fa51f ::-webkit-scrollbar-track,
.cc9c3026fa51f ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cc9c3026fa51f ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cc9c3026fa51f ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cc9c3026fa51f ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc9c3026fa51f ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc9c3026fa51f ::placeholder,
.cc9c3026fa51f ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ca6c0b45c3ba7, .c027d88efd638, .cf9db1b2f50b8, .cf01f4757e5d8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ca6c0b45c3ba7 svg, .c027d88efd638 svg, .cf9db1b2f50b8 svg, .cf01f4757e5d8 svg,
.ca6c0b45c3ba7 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ca6c0b45c3ba7:focus-visible, .c027d88efd638:focus-visible, .cf9db1b2f50b8:focus-visible, .cf01f4757e5d8:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ca6c0b45c3ba7:focus-visible svg, .c027d88efd638:focus-visible svg, .cf9db1b2f50b8:focus-visible svg, .cf01f4757e5d8:focus-visible svg,
.ca6c0b45c3ba7:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ca6c0b45c3ba7:hover, .c027d88efd638:hover, .cf9db1b2f50b8:hover, .cf01f4757e5d8:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ca6c0b45c3ba7:hover svg, .c027d88efd638:hover svg, .cf9db1b2f50b8:hover svg, .cf01f4757e5d8:hover svg,
.ca6c0b45c3ba7:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ca6c0b45c3ba7:active, .c027d88efd638:active, .cf9db1b2f50b8:active, .cf01f4757e5d8:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ca6c0b45c3ba7:active svg, .c027d88efd638:active svg, .cf9db1b2f50b8:active svg, .cf01f4757e5d8:active svg,
.ca6c0b45c3ba7:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ca6c0b45c3ba7.disabled, .c027d88efd638.disabled, .cf9db1b2f50b8.disabled, .cf01f4757e5d8.disabled, .ca6c0b45c3ba7[disabled], [disabled].c027d88efd638, [disabled].cf9db1b2f50b8, [disabled].cf01f4757e5d8, .ca6c0b45c3ba7:disabled, .c027d88efd638:disabled, .cf9db1b2f50b8:disabled, .cf01f4757e5d8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0e120bde86f7, .ca426f501af2e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c0e120bde86f7 svg, .ca426f501af2e svg,
.c0e120bde86f7 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c0e120bde86f7:focus-visible, .ca426f501af2e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c0e120bde86f7:focus-visible svg, .ca426f501af2e:focus-visible svg,
.c0e120bde86f7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c0e120bde86f7:hover, .ca426f501af2e:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c0e120bde86f7:hover svg, .ca426f501af2e:hover svg,
.c0e120bde86f7:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c0e120bde86f7:active, .ca426f501af2e:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c0e120bde86f7:active svg, .ca426f501af2e:active svg,
.c0e120bde86f7:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c0e120bde86f7.disabled, .ca426f501af2e.disabled, .c0e120bde86f7[disabled], [disabled].ca426f501af2e, .c0e120bde86f7:disabled, .ca426f501af2e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2e621f9a264f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c2e621f9a264f svg,
.c2e621f9a264f span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c2e621f9a264f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2e621f9a264f:focus-visible svg,
.c2e621f9a264f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2e621f9a264f:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c2e621f9a264f:hover svg,
.c2e621f9a264f:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c2e621f9a264f:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c2e621f9a264f:active svg,
.c2e621f9a264f:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c2e621f9a264f.disabled, .c2e621f9a264f[disabled], .c2e621f9a264f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c62521c9f145d, .cc4f0f85001d1 button, .cf6d378be7bbd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c62521c9f145d svg, .cc4f0f85001d1 button svg, .cf6d378be7bbd svg,
.c62521c9f145d span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c62521c9f145d:focus-visible, .cc4f0f85001d1 button:focus-visible, .cf6d378be7bbd:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c62521c9f145d:focus-visible svg, .cc4f0f85001d1 button:focus-visible svg, .cf6d378be7bbd:focus-visible svg,
.c62521c9f145d:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c62521c9f145d:hover, .cc4f0f85001d1 button:hover, .cf6d378be7bbd:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c62521c9f145d:hover svg, .cc4f0f85001d1 button:hover svg, .cf6d378be7bbd:hover svg,
.c62521c9f145d:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c62521c9f145d:active, .cc4f0f85001d1 button:active, .cf6d378be7bbd:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c62521c9f145d:active svg, .cc4f0f85001d1 button:active svg, .cf6d378be7bbd:active svg,
.c62521c9f145d:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c62521c9f145d.disabled, .cc4f0f85001d1 button.disabled, .cf6d378be7bbd.disabled, .c62521c9f145d[disabled], .cc4f0f85001d1 button[disabled], [disabled].cf6d378be7bbd, .c62521c9f145d:disabled, .cc4f0f85001d1 button:disabled, .cf6d378be7bbd:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c62521c9f145d.disabled svg, .cc4f0f85001d1 button.disabled svg, .cf6d378be7bbd.disabled svg,
.c62521c9f145d.disabled span svg, .c62521c9f145d[disabled] svg, .cc4f0f85001d1 button[disabled] svg, [disabled].cf6d378be7bbd svg,
.c62521c9f145d[disabled] span svg, .c62521c9f145d:disabled svg, .cc4f0f85001d1 button:disabled svg, .cf6d378be7bbd:disabled svg,
.c62521c9f145d:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c75e4266e9081 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c75e4266e9081 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c61e02f9d5409 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c61e02f9d5409 svg,
.c61e02f9d5409 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c61e02f9d5409:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c61e02f9d5409:focus-visible svg,
.c61e02f9d5409:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c61e02f9d5409:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c61e02f9d5409:hover svg,
.c61e02f9d5409:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c61e02f9d5409:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c61e02f9d5409:active svg,
.c61e02f9d5409:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c964f718d5f2f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cf667e4a5a579 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c35ac526bda6a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c35ac526bda6a:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c35ac526bda6a:focus-visible svg,
.c35ac526bda6a:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c35ac526bda6a:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c35ac526bda6a:active {
  border: none;
  background-color: transparent;
}

.cccd6f9dacd12, .cf6d378be7bbd svg, .cc3af376d1f94, .caf7836aa4de3 span svg, .cc4f0f85001d1 button svg, .cd4aba512df48.intermediate svg, .c026c551f0e07 label span.intermediate svg, .cc32d27e9f944 label span.intermediate svg, .cd4aba512df48.checked svg, .c026c551f0e07 label span.checked svg, .cc32d27e9f944 label span.checked svg, .cbfb709dfbf95 span svg,
.cbfb709dfbf95 label svg, .c9938973c0be6 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c4d4a829107fc {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c4d4a829107fc:hover {
  fill: none;
  stroke: none;
}

.cc3af376d1f94, .caf7836aa4de3 span svg, .cc4f0f85001d1 button svg, .cd4aba512df48.intermediate svg, .c026c551f0e07 label span.intermediate svg, .cc32d27e9f944 label span.intermediate svg, .cd4aba512df48.checked svg, .c026c551f0e07 label span.checked svg, .cc32d27e9f944 label span.checked svg, .cbfb709dfbf95 span svg,
.cbfb709dfbf95 label svg, .c9938973c0be6 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c13d2127461d9 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c13d2127461d9:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c4a0be547d9ce, .c3daeb2324857 input, .c82e8d569c32f input, .cbfb709dfbf95 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c4a0be547d9ce, .c3daeb2324857 input, .c82e8d569c32f input, .cbfb709dfbf95 input {
    height: 23px;
  }
}
.c4a0be547d9ce, .c3daeb2324857 input, .c82e8d569c32f input, .cbfb709dfbf95 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c4a0be547d9ce[disabled], .c3daeb2324857 input[disabled], .c82e8d569c32f input[disabled], .cbfb709dfbf95 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c9938973c0be6 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ce995eeceec0a, .cbfb709dfbf95 span,
.cbfb709dfbf95 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce995eeceec0a, .cbfb709dfbf95 span,
  .cbfb709dfbf95 label {
    height: 25px;
  }
}
.ce995eeceec0a, .cbfb709dfbf95 span,
.cbfb709dfbf95 label {
  color: var(--input-foreground-color);
}

.cbfb709dfbf95 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cbfb709dfbf95 {
    height: 25px;
    font-size: 10px;
  }
}
.cbfb709dfbf95 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cbfb709dfbf95 span svg,
.cbfb709dfbf95 label svg {
  color: var(--input-foreground-color);
}
.cbfb709dfbf95 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cbfb709dfbf95 ::placeholder {
  color: var(--input-placeholder-color);
}
.cbfb709dfbf95:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbfb709dfbf95:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cbfb709dfbf95:hover span {
  color: var(--input-foreground-color-hover);
}
.cbfb709dfbf95:hover input {
  color: var(--input-foreground-color-hover);
}
.cbfb709dfbf95:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cbfb709dfbf95:active span {
  color: var(--input-foreground-color-active);
}
.cbfb709dfbf95:active input {
  color: var(--input-foreground-color-active);
}
.cbfb709dfbf95:focus, .cbfb709dfbf95:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbfb709dfbf95:focus span, .cbfb709dfbf95:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cbfb709dfbf95:focus input, .cbfb709dfbf95:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cbfb709dfbf95:focus:hover, .cbfb709dfbf95:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cbfb709dfbf95:focus:hover span, .cbfb709dfbf95:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cbfb709dfbf95:focus:hover input, .cbfb709dfbf95:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c82e8d569c32f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c82e8d569c32f input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c82e8d569c32f ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c82e8d569c32f ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c82e8d569c32f:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c82e8d569c32f:focus-within input, .c82e8d569c32f:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cc9287be8393f, .c3daeb2324857.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cc9287be8393f input, .c3daeb2324857.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cc9287be8393f span svg, .c3daeb2324857.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cd4aba512df48, .c026c551f0e07 label span, .cc32d27e9f944 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cd4aba512df48 svg, .c026c551f0e07 label span svg, .cc32d27e9f944 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cd4aba512df48:hover, .c026c551f0e07 label span:hover, .cc32d27e9f944 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd4aba512df48:focus, .c026c551f0e07 label span:focus, .cc32d27e9f944 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cd4aba512df48.checked, .c026c551f0e07 label span.checked, .cc32d27e9f944 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cd4aba512df48.checked svg, .c026c551f0e07 label span.checked svg, .cc32d27e9f944 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cd4aba512df48.intermediate, .c026c551f0e07 label span.intermediate, .cc32d27e9f944 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cd4aba512df48.intermediate svg, .c026c551f0e07 label span.intermediate svg, .cc32d27e9f944 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cd4aba512df48.unchecked, .c026c551f0e07 label span.unchecked, .cc32d27e9f944 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cd4aba512df48.unchecked svg, .c026c551f0e07 label span.unchecked svg, .cc32d27e9f944 label span.unchecked svg {
  display: none;
}

.c026c551f0e07, .cc32d27e9f944 {
  display: flex;
  align-items: center;
}
.c026c551f0e07 label, .cc32d27e9f944 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c026c551f0e07 label input, .cc32d27e9f944 label input {
  margin: 0;
}
.c026c551f0e07 label:hover span, .cc32d27e9f944 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c026c551f0e07 label:focus span, .cc32d27e9f944 label:focus span, .c026c551f0e07 label:focus-within span, .cc32d27e9f944 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c3daeb2324857 {
  display: flex;
  flex-direction: column;
}
.c3daeb2324857 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c3daeb2324857 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c3daeb2324857 input:focus-within input, .c3daeb2324857 input:active input {
  color: var(--input-foreground-color-active);
}
.c3daeb2324857 input:focus-within, .c3daeb2324857 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3daeb2324857.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c417372b862b9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cf1c58413a048, .ca9fdbdffac44 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cd29e6dc32fba, .c979f161e756d {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cf6d378be7bbd {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c5a1e55fd638a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c472cac03a31b {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ca426f501af2e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cf9db1b2f50b8, .cf01f4757e5d8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c027d88efd638 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cda2e0fb3e2b3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cda2e0fb3e2b3:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cbb2b904d8e3b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c936f16f3ba8a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c2dd25a0524ec {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c0deede466d54 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cb67b4ca2b2df {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cb67b4ca2b2df:hover, .cb67b4ca2b2df:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cc4f0f85001d1 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cc4f0f85001d1 button {
  display: none;
}
.cc4f0f85001d1 button svg {
  stroke: var(--icon-foreground);
}
.cc4f0f85001d1:hover button {
  display: flex;
}

.cbddc8b1709ec {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cbddc8b1709ec .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cbddc8b1709ec .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c369467332fc3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c369467332fc3:hover div {
  color: var(--entry-foreground-color-hover);
}

.cd9c0be90170d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c6a4fd107f64e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c6a4fd107f64e:hover {
  background-color: var(--menu-background-color-hover);
}

.caf7836aa4de3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.caf7836aa4de3 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.caf7836aa4de3 span svg {
  stroke: var(--icon-foreground);
}
.caf7836aa4de3:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.caf7836aa4de3:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c97bf6b324891 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cf5511c75c189 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c94549974ecf1,
.cd0ceab4c6bfe {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c096fcd025c34 .c94549974ecf1,
.c096fcd025c34 .cd0ceab4c6bfe {
  transform: scale(1);
}

.ca73ed244a550 .c94549974ecf1,
.ca73ed244a550 .cd0ceab4c6bfe {
  transform: scale(0);
}

.c979f161e756d {
  position: relative;
  display: grid;
  grid-template-columns: auto auto;
  gap: 2rem;
  padding-inline: 6.25rem;
  padding-block-start: 6.25rem;
  padding-block-end: 4.5rem;
  margin: 0;
  width: 60rem;
  height: 39.5rem;
  max-width: 60rem;
  max-height: 39.5rem;
}

.c219b479aef8a {
  width: 10.75rem;
  margin-block-end: 4rem;
}
.c219b479aef8a img {
  width: 10.75rem;
  border-radius: 8px 0 0 8px;
}

.cf0f6608218cc {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 2.5rem auto auto auto auto 2rem;
  gap: 1.5rem;
  position: relative;
}

.cae4791ae68d9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.cbb5a0aea4dd2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  margin: 0;
}

.cc54323401f5c {
  display: grid;
  gap: 1rem;
  margin-inline-start: 1rem;
}

.c729dd1b29430 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-link-foreground-color);
  margin: 0;
}

.cf01f4757e5d8 {
  justify-self: flex-end;
}
@keyframes cd59211fa1a47 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c4aa273715d49 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c4aa273715d49:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c4aa273715d49 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c4aa273715d49 ::-webkit-scrollbar-track,
.c4aa273715d49 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c4aa273715d49 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c4aa273715d49 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c4aa273715d49 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c4aa273715d49 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c4aa273715d49 ::placeholder,
.c4aa273715d49 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c99fe8734b8c0, .c21026c0345b4, .c646c7289d21e, .c419ec28b82c1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c99fe8734b8c0 svg, .c21026c0345b4 svg, .c646c7289d21e svg, .c419ec28b82c1 svg,
.c99fe8734b8c0 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c99fe8734b8c0:focus-visible, .c21026c0345b4:focus-visible, .c646c7289d21e:focus-visible, .c419ec28b82c1:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c99fe8734b8c0:focus-visible svg, .c21026c0345b4:focus-visible svg, .c646c7289d21e:focus-visible svg, .c419ec28b82c1:focus-visible svg,
.c99fe8734b8c0:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c99fe8734b8c0:hover, .c21026c0345b4:hover, .c646c7289d21e:hover, .c419ec28b82c1:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c99fe8734b8c0:hover svg, .c21026c0345b4:hover svg, .c646c7289d21e:hover svg, .c419ec28b82c1:hover svg,
.c99fe8734b8c0:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c99fe8734b8c0:active, .c21026c0345b4:active, .c646c7289d21e:active, .c419ec28b82c1:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c99fe8734b8c0:active svg, .c21026c0345b4:active svg, .c646c7289d21e:active svg, .c419ec28b82c1:active svg,
.c99fe8734b8c0:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c99fe8734b8c0.disabled, .c21026c0345b4.disabled, .c646c7289d21e.disabled, .c419ec28b82c1.disabled, .c99fe8734b8c0[disabled], [disabled].c21026c0345b4, [disabled].c646c7289d21e, [disabled].c419ec28b82c1, .c99fe8734b8c0:disabled, .c21026c0345b4:disabled, .c646c7289d21e:disabled, .c419ec28b82c1:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5cbc6b86445b, .c64f4254ee1fd, .c70bae8c7b5c6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c5cbc6b86445b svg, .c64f4254ee1fd svg, .c70bae8c7b5c6 svg,
.c5cbc6b86445b span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c5cbc6b86445b:focus-visible, .c64f4254ee1fd:focus-visible, .c70bae8c7b5c6:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c5cbc6b86445b:focus-visible svg, .c64f4254ee1fd:focus-visible svg, .c70bae8c7b5c6:focus-visible svg,
.c5cbc6b86445b:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c5cbc6b86445b:hover, .c64f4254ee1fd:hover, .c70bae8c7b5c6:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c5cbc6b86445b:hover svg, .c64f4254ee1fd:hover svg, .c70bae8c7b5c6:hover svg,
.c5cbc6b86445b:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c5cbc6b86445b:active, .c64f4254ee1fd:active, .c70bae8c7b5c6:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c5cbc6b86445b:active svg, .c64f4254ee1fd:active svg, .c70bae8c7b5c6:active svg,
.c5cbc6b86445b:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c5cbc6b86445b.disabled, .c64f4254ee1fd.disabled, .c70bae8c7b5c6.disabled, .c5cbc6b86445b[disabled], [disabled].c64f4254ee1fd, [disabled].c70bae8c7b5c6, .c5cbc6b86445b:disabled, .c64f4254ee1fd:disabled, .c70bae8c7b5c6:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c535268253e44 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c535268253e44 svg,
.c535268253e44 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c535268253e44:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c535268253e44:focus-visible svg,
.c535268253e44:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c535268253e44:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c535268253e44:hover svg,
.c535268253e44:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c535268253e44:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c535268253e44:active svg,
.c535268253e44:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c535268253e44.disabled, .c535268253e44[disabled], .c535268253e44:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cf3267a7f7216, .c670612dac3dc button, .cc84e24b3da1c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cf3267a7f7216 svg, .c670612dac3dc button svg, .cc84e24b3da1c svg,
.cf3267a7f7216 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cf3267a7f7216:focus-visible, .c670612dac3dc button:focus-visible, .cc84e24b3da1c:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cf3267a7f7216:focus-visible svg, .c670612dac3dc button:focus-visible svg, .cc84e24b3da1c:focus-visible svg,
.cf3267a7f7216:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cf3267a7f7216:hover, .c670612dac3dc button:hover, .cc84e24b3da1c:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cf3267a7f7216:hover svg, .c670612dac3dc button:hover svg, .cc84e24b3da1c:hover svg,
.cf3267a7f7216:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cf3267a7f7216:active, .c670612dac3dc button:active, .cc84e24b3da1c:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cf3267a7f7216:active svg, .c670612dac3dc button:active svg, .cc84e24b3da1c:active svg,
.cf3267a7f7216:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cf3267a7f7216.disabled, .c670612dac3dc button.disabled, .cc84e24b3da1c.disabled, .cf3267a7f7216[disabled], .c670612dac3dc button[disabled], [disabled].cc84e24b3da1c, .cf3267a7f7216:disabled, .c670612dac3dc button:disabled, .cc84e24b3da1c:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cf3267a7f7216.disabled svg, .c670612dac3dc button.disabled svg, .cc84e24b3da1c.disabled svg,
.cf3267a7f7216.disabled span svg, .cf3267a7f7216[disabled] svg, .c670612dac3dc button[disabled] svg, [disabled].cc84e24b3da1c svg,
.cf3267a7f7216[disabled] span svg, .cf3267a7f7216:disabled svg, .c670612dac3dc button:disabled svg, .cc84e24b3da1c:disabled svg,
.cf3267a7f7216:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cbd6c1287dea3 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cbd6c1287dea3 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c309cff5ec882 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c309cff5ec882 svg,
.c309cff5ec882 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c309cff5ec882:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c309cff5ec882:focus-visible svg,
.c309cff5ec882:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c309cff5ec882:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c309cff5ec882:hover svg,
.c309cff5ec882:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c309cff5ec882:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c309cff5ec882:active svg,
.c309cff5ec882:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c5d073d569380 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cbf8e0978dcce {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c165dea245011 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c165dea245011:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c165dea245011:focus-visible svg,
.c165dea245011:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c165dea245011:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c165dea245011:active {
  border: none;
  background-color: transparent;
}

.c2f4065cfeb5f, .cc84e24b3da1c svg, .c92a3729f8385, .c746d9b80f6ab span svg, .c670612dac3dc button svg, .c8429edd68031.intermediate svg, .cca73371bfcff label span.intermediate svg, .c8429edd68031.checked svg, .cca73371bfcff label span.checked svg, .c2b69754372f2 span svg,
.c2b69754372f2 label svg, .c11b3acb6f85f svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c842282d28272 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c842282d28272:hover {
  fill: none;
  stroke: none;
}

.c92a3729f8385, .c746d9b80f6ab span svg, .c670612dac3dc button svg, .c8429edd68031.intermediate svg, .cca73371bfcff label span.intermediate svg, .c8429edd68031.checked svg, .cca73371bfcff label span.checked svg, .c2b69754372f2 span svg,
.c2b69754372f2 label svg, .c11b3acb6f85f svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c696829d3b79d {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c696829d3b79d:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cd7dbd6335e71, .cd70ef3fe5381 input, .cfc7efe59e2c3 input, .c2b69754372f2 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cd7dbd6335e71, .cd70ef3fe5381 input, .cfc7efe59e2c3 input, .c2b69754372f2 input {
    height: 23px;
  }
}
.cd7dbd6335e71, .cd70ef3fe5381 input, .cfc7efe59e2c3 input, .c2b69754372f2 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cd7dbd6335e71[disabled], .cd70ef3fe5381 input[disabled], .cfc7efe59e2c3 input[disabled], .c2b69754372f2 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c11b3acb6f85f {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cb510c8e450fe, .c2b69754372f2 span,
.c2b69754372f2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb510c8e450fe, .c2b69754372f2 span,
  .c2b69754372f2 label {
    height: 25px;
  }
}
.cb510c8e450fe, .c2b69754372f2 span,
.c2b69754372f2 label {
  color: var(--input-foreground-color);
}

.c2b69754372f2 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c2b69754372f2 {
    height: 25px;
    font-size: 10px;
  }
}
.c2b69754372f2 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c2b69754372f2 span svg,
.c2b69754372f2 label svg {
  color: var(--input-foreground-color);
}
.c2b69754372f2 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c2b69754372f2 ::placeholder {
  color: var(--input-placeholder-color);
}
.c2b69754372f2:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c2b69754372f2:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c2b69754372f2:hover span {
  color: var(--input-foreground-color-hover);
}
.c2b69754372f2:hover input {
  color: var(--input-foreground-color-hover);
}
.c2b69754372f2:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c2b69754372f2:active span {
  color: var(--input-foreground-color-active);
}
.c2b69754372f2:active input {
  color: var(--input-foreground-color-active);
}
.c2b69754372f2:focus, .c2b69754372f2:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c2b69754372f2:focus span, .c2b69754372f2:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c2b69754372f2:focus input, .c2b69754372f2:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c2b69754372f2:focus:hover, .c2b69754372f2:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c2b69754372f2:focus:hover span, .c2b69754372f2:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c2b69754372f2:focus:hover input, .c2b69754372f2:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cfc7efe59e2c3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cfc7efe59e2c3 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cfc7efe59e2c3 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cfc7efe59e2c3 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cfc7efe59e2c3:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cfc7efe59e2c3:focus-within input, .cfc7efe59e2c3:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c4df0c686bc59, .cd70ef3fe5381.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c4df0c686bc59 input, .cd70ef3fe5381.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c4df0c686bc59 span svg, .cd70ef3fe5381.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c8429edd68031, .cca73371bfcff label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c8429edd68031 svg, .cca73371bfcff label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c8429edd68031:hover, .cca73371bfcff label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8429edd68031:focus, .cca73371bfcff label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c8429edd68031.checked, .cca73371bfcff label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c8429edd68031.checked svg, .cca73371bfcff label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c8429edd68031.intermediate, .cca73371bfcff label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c8429edd68031.intermediate svg, .cca73371bfcff label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c8429edd68031.unchecked, .cca73371bfcff label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c8429edd68031.unchecked svg, .cca73371bfcff label span.unchecked svg {
  display: none;
}

.cca73371bfcff {
  display: flex;
  align-items: center;
}
.cca73371bfcff label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cca73371bfcff label input {
  margin: 0;
}
.cca73371bfcff label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cca73371bfcff label:focus span, .cca73371bfcff label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cd70ef3fe5381 {
  display: flex;
  flex-direction: column;
}
.cd70ef3fe5381 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cd70ef3fe5381 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cd70ef3fe5381 input:focus-within input, .cd70ef3fe5381 input:active input {
  color: var(--input-foreground-color-active);
}
.cd70ef3fe5381 input:focus-within, .cd70ef3fe5381 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd70ef3fe5381.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cb38fad1d5f91 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c8e0576935c9f, .cdb81d0c64652 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c0d248e89ccf3 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cc84e24b3da1c {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c3c912d6019e1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c0f6475b550c6, .c46c046f1a901 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c64f4254ee1fd, .c70bae8c7b5c6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c646c7289d21e, .c419ec28b82c1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c21026c0345b4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c8d37c6e586cf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c8d37c6e586cf:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c895cb8d79d6b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c607afd05b9d8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c5626fcd16487 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ce28e5291bda1 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cfb56de328c06 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cfb56de328c06:hover, .cfb56de328c06:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c670612dac3dc div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c670612dac3dc button {
  display: none;
}
.c670612dac3dc button svg {
  stroke: var(--icon-foreground);
}
.c670612dac3dc:hover button {
  display: flex;
}

.c35e3feb51fce {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c35e3feb51fce .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c35e3feb51fce .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cfb33525089d9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cfb33525089d9:hover div {
  color: var(--entry-foreground-color-hover);
}

.cb8bccb187043 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cbfb7bda6533d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cbfb7bda6533d:hover {
  background-color: var(--menu-background-color-hover);
}

.c746d9b80f6ab {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c746d9b80f6ab span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c746d9b80f6ab span svg {
  stroke: var(--icon-foreground);
}
.c746d9b80f6ab:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c746d9b80f6ab:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce0862ec7b4bd {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c1b4c81b83c53 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cdb71652d3095,
.c49eb91bbbebd {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c7bcb8f6babf0 .cdb71652d3095,
.c7bcb8f6babf0 .c49eb91bbbebd {
  transform: scale(1);
}

.cedb16163df74 .cdb71652d3095,
.cedb16163df74 .c49eb91bbbebd {
  transform: scale(0);
}

.c90925adaa9c9 {
  max-width: 60rem;
  max-height: -moz-fit-content;
  max-height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 6.25rem;
  padding-block-start: 2.5rem;
  padding-block-end: 4.5rem;
  border-radius: 8px;
  border: 0.125rem solid var(--modal-border-color);
  background-color: var(--modal-background-color);
}

.ce9149fa95f6a {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

.c74e66048a5e7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  height: 1.25rem;
  text-align: right;
  color: var(--modal-text-foreground-color);
}

.c7c01b274c510 label,
.c311bc495c9f2 span {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
}

.ceb0e61b5b28c {
  height: 3.75rem;
  width: auto;
  margin-inline-start: auto;
}

.c9fc3486c3c37 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
  min-height: 2rem;
  margin-block: auto;
}

.c282eeee88e53 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
  margin: 0;
  padding: 0;
}

.cf1594afc15d5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  margin: 0;
}

.c2f96d301a5e3,
.c15e21710325f,
.c3ed44c6c7b83,
.cbc3255dc30d9 {
  max-width: 33.75rem;
  width: 33.75rem;
}

.c15e21710325f {
  grid-template-rows: 1.25rem auto auto 2rem;
}

.c3e58cd610294 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1rem 2rem;
  gap: 1rem;
  height: -moz-fit-content;
  height: fit-content;
}

.c73638842b5dd {
  width: 26.5rem;
  grid-template-rows: auto 2rem;
  margin: 0 auto;
}

.cb0fff9a41d6b {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.c3ed44c6c7b83 {
  grid-template-rows: 1.25rem auto auto auto auto 2rem;
}

.c0fe444fa7081 {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 5.75rem 5.75rem 5.75rem;
  row-gap: 1rem;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  justify-content: center;
}

.c92d8914de70c {
  height: 2rem;
  width: 100%;
  margin-block-end: 0.5rem;
}

.c92d8914de70c input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
}

.cf8f352adecf9 {
  grid-template-rows: 1.25rem auto auto 2rem;
  row-gap: 1rem;
}
@keyframes c78c84efb36a1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c93c7bbf7c9bb {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c93c7bbf7c9bb:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c93c7bbf7c9bb ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c93c7bbf7c9bb ::-webkit-scrollbar-track,
.c93c7bbf7c9bb ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c93c7bbf7c9bb ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c93c7bbf7c9bb ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c93c7bbf7c9bb ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c93c7bbf7c9bb ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c93c7bbf7c9bb ::placeholder,
.c93c7bbf7c9bb ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ca3e654521f9b, .cbacd9411ef7e, .cc03d54bd83fb, .c7f060806c064 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ca3e654521f9b svg, .cbacd9411ef7e svg, .cc03d54bd83fb svg, .c7f060806c064 svg,
.ca3e654521f9b span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ca3e654521f9b:focus-visible, .cbacd9411ef7e:focus-visible, .cc03d54bd83fb:focus-visible, .c7f060806c064:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ca3e654521f9b:focus-visible svg, .cbacd9411ef7e:focus-visible svg, .cc03d54bd83fb:focus-visible svg, .c7f060806c064:focus-visible svg,
.ca3e654521f9b:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ca3e654521f9b:hover, .cbacd9411ef7e:hover, .cc03d54bd83fb:hover, .c7f060806c064:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ca3e654521f9b:hover svg, .cbacd9411ef7e:hover svg, .cc03d54bd83fb:hover svg, .c7f060806c064:hover svg,
.ca3e654521f9b:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ca3e654521f9b:active, .cbacd9411ef7e:active, .cc03d54bd83fb:active, .c7f060806c064:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ca3e654521f9b:active svg, .cbacd9411ef7e:active svg, .cc03d54bd83fb:active svg, .c7f060806c064:active svg,
.ca3e654521f9b:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ca3e654521f9b.disabled, .cbacd9411ef7e.disabled, .cc03d54bd83fb.disabled, .c7f060806c064.disabled, .ca3e654521f9b[disabled], [disabled].cbacd9411ef7e, [disabled].cc03d54bd83fb, [disabled].c7f060806c064, .ca3e654521f9b:disabled, .cbacd9411ef7e:disabled, .cc03d54bd83fb:disabled, .c7f060806c064:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c781951568cdd, .cbe2da8fd0394, .c2a9e361aa50c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c781951568cdd svg, .cbe2da8fd0394 svg, .c2a9e361aa50c svg,
.c781951568cdd span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c781951568cdd:focus-visible, .cbe2da8fd0394:focus-visible, .c2a9e361aa50c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c781951568cdd:focus-visible svg, .cbe2da8fd0394:focus-visible svg, .c2a9e361aa50c:focus-visible svg,
.c781951568cdd:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c781951568cdd:hover, .cbe2da8fd0394:hover, .c2a9e361aa50c:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c781951568cdd:hover svg, .cbe2da8fd0394:hover svg, .c2a9e361aa50c:hover svg,
.c781951568cdd:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c781951568cdd:active, .cbe2da8fd0394:active, .c2a9e361aa50c:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c781951568cdd:active svg, .cbe2da8fd0394:active svg, .c2a9e361aa50c:active svg,
.c781951568cdd:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c781951568cdd.disabled, .cbe2da8fd0394.disabled, .c2a9e361aa50c.disabled, .c781951568cdd[disabled], [disabled].cbe2da8fd0394, [disabled].c2a9e361aa50c, .c781951568cdd:disabled, .cbe2da8fd0394:disabled, .c2a9e361aa50c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c03391d62cb4a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c03391d62cb4a svg,
.c03391d62cb4a span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c03391d62cb4a:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c03391d62cb4a:focus-visible svg,
.c03391d62cb4a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c03391d62cb4a:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c03391d62cb4a:hover svg,
.c03391d62cb4a:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c03391d62cb4a:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c03391d62cb4a:active svg,
.c03391d62cb4a:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c03391d62cb4a.disabled, .c03391d62cb4a[disabled], .c03391d62cb4a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9250d46ae06f, .c20c62c05faa5 button, .cbf4ed3df241b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c9250d46ae06f svg, .c20c62c05faa5 button svg, .cbf4ed3df241b svg,
.c9250d46ae06f span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c9250d46ae06f:focus-visible, .c20c62c05faa5 button:focus-visible, .cbf4ed3df241b:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c9250d46ae06f:focus-visible svg, .c20c62c05faa5 button:focus-visible svg, .cbf4ed3df241b:focus-visible svg,
.c9250d46ae06f:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c9250d46ae06f:hover, .c20c62c05faa5 button:hover, .cbf4ed3df241b:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c9250d46ae06f:hover svg, .c20c62c05faa5 button:hover svg, .cbf4ed3df241b:hover svg,
.c9250d46ae06f:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c9250d46ae06f:active, .c20c62c05faa5 button:active, .cbf4ed3df241b:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c9250d46ae06f:active svg, .c20c62c05faa5 button:active svg, .cbf4ed3df241b:active svg,
.c9250d46ae06f:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c9250d46ae06f.disabled, .c20c62c05faa5 button.disabled, .cbf4ed3df241b.disabled, .c9250d46ae06f[disabled], .c20c62c05faa5 button[disabled], [disabled].cbf4ed3df241b, .c9250d46ae06f:disabled, .c20c62c05faa5 button:disabled, .cbf4ed3df241b:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c9250d46ae06f.disabled svg, .c20c62c05faa5 button.disabled svg, .cbf4ed3df241b.disabled svg,
.c9250d46ae06f.disabled span svg, .c9250d46ae06f[disabled] svg, .c20c62c05faa5 button[disabled] svg, [disabled].cbf4ed3df241b svg,
.c9250d46ae06f[disabled] span svg, .c9250d46ae06f:disabled svg, .c20c62c05faa5 button:disabled svg, .cbf4ed3df241b:disabled svg,
.c9250d46ae06f:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c05fc279f725c {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c05fc279f725c svg {
  color: var(--button-icon-foreground-color-selected);
}

.c508bd66a92e3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c508bd66a92e3 svg,
.c508bd66a92e3 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c508bd66a92e3:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c508bd66a92e3:focus-visible svg,
.c508bd66a92e3:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c508bd66a92e3:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c508bd66a92e3:hover svg,
.c508bd66a92e3:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c508bd66a92e3:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c508bd66a92e3:active svg,
.c508bd66a92e3:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c8160f700156f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c45ed9c0c5a8f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c810924ad6a68 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c810924ad6a68:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c810924ad6a68:focus-visible svg,
.c810924ad6a68:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c810924ad6a68:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c810924ad6a68:active {
  border: none;
  background-color: transparent;
}

.c93f488f21246, .c26d08d4dbad8 svg, .cbf4ed3df241b svg, .c4bd807d214ef, .cf8b2411759d8 span svg, .c20c62c05faa5 button svg, .c8fd0f46aeae4.intermediate svg, .c79b3f7d44cb8 label span.intermediate svg, .c8fd0f46aeae4.checked svg, .c79b3f7d44cb8 label span.checked svg, .c5aa746c88ef6 span svg,
.c5aa746c88ef6 label svg, .c053135c1bf0b svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ca13969c8d8dc {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ca13969c8d8dc:hover {
  fill: none;
  stroke: none;
}

.c4bd807d214ef, .cf8b2411759d8 span svg, .c20c62c05faa5 button svg, .c8fd0f46aeae4.intermediate svg, .c79b3f7d44cb8 label span.intermediate svg, .c8fd0f46aeae4.checked svg, .c79b3f7d44cb8 label span.checked svg, .c5aa746c88ef6 span svg,
.c5aa746c88ef6 label svg, .c053135c1bf0b svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c3a216be5a863 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c3a216be5a863:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c78b48dc7ecf1, .c8b46c93c58fd input, .c9dd69d2a1be3 input, .c83752c9936a1 input, .c5aa746c88ef6 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c78b48dc7ecf1, .c8b46c93c58fd input, .c9dd69d2a1be3 input, .c83752c9936a1 input, .c5aa746c88ef6 input {
    height: 23px;
  }
}
.c78b48dc7ecf1, .c8b46c93c58fd input, .c9dd69d2a1be3 input, .c83752c9936a1 input, .c5aa746c88ef6 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c78b48dc7ecf1[disabled], .c8b46c93c58fd input[disabled], .c9dd69d2a1be3 input[disabled], .c83752c9936a1 input[disabled], .c5aa746c88ef6 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c053135c1bf0b {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c7bfd6334099e, .c5aa746c88ef6 span,
.c5aa746c88ef6 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c7bfd6334099e, .c5aa746c88ef6 span,
  .c5aa746c88ef6 label {
    height: 25px;
  }
}
.c7bfd6334099e, .c5aa746c88ef6 span,
.c5aa746c88ef6 label {
  color: var(--input-foreground-color);
}

.c5aa746c88ef6 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c5aa746c88ef6 {
    height: 25px;
    font-size: 10px;
  }
}
.c5aa746c88ef6 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c5aa746c88ef6 span svg,
.c5aa746c88ef6 label svg {
  color: var(--input-foreground-color);
}
.c5aa746c88ef6 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c5aa746c88ef6 ::placeholder {
  color: var(--input-placeholder-color);
}
.c5aa746c88ef6:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c5aa746c88ef6:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c5aa746c88ef6:hover span {
  color: var(--input-foreground-color-hover);
}
.c5aa746c88ef6:hover input {
  color: var(--input-foreground-color-hover);
}
.c5aa746c88ef6:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c5aa746c88ef6:active span {
  color: var(--input-foreground-color-active);
}
.c5aa746c88ef6:active input {
  color: var(--input-foreground-color-active);
}
.c5aa746c88ef6:focus, .c5aa746c88ef6:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c5aa746c88ef6:focus span, .c5aa746c88ef6:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c5aa746c88ef6:focus input, .c5aa746c88ef6:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c5aa746c88ef6:focus:hover, .c5aa746c88ef6:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c5aa746c88ef6:focus:hover span, .c5aa746c88ef6:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c5aa746c88ef6:focus:hover input, .c5aa746c88ef6:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c9dd69d2a1be3, .c83752c9936a1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c9dd69d2a1be3 input, .c83752c9936a1 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c9dd69d2a1be3 ::-moz-placeholder, .c83752c9936a1 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c9dd69d2a1be3 ::placeholder, .c83752c9936a1 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c9dd69d2a1be3:hover input, .c83752c9936a1:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c9dd69d2a1be3:focus-within input, .c83752c9936a1:focus-within input, .c9dd69d2a1be3:active input, .c83752c9936a1:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c970b7fdaacab, .c8b46c93c58fd.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c970b7fdaacab input, .c8b46c93c58fd.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c970b7fdaacab span svg, .c8b46c93c58fd.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c8fd0f46aeae4, .c79b3f7d44cb8 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c8fd0f46aeae4 svg, .c79b3f7d44cb8 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c8fd0f46aeae4:hover, .c79b3f7d44cb8 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c8fd0f46aeae4:focus, .c79b3f7d44cb8 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c8fd0f46aeae4.checked, .c79b3f7d44cb8 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c8fd0f46aeae4.checked svg, .c79b3f7d44cb8 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c8fd0f46aeae4.intermediate, .c79b3f7d44cb8 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c8fd0f46aeae4.intermediate svg, .c79b3f7d44cb8 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c8fd0f46aeae4.unchecked, .c79b3f7d44cb8 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c8fd0f46aeae4.unchecked svg, .c79b3f7d44cb8 label span.unchecked svg {
  display: none;
}

.c79b3f7d44cb8 {
  display: flex;
  align-items: center;
}
.c79b3f7d44cb8 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c79b3f7d44cb8 label input {
  margin: 0;
}
.c79b3f7d44cb8 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c79b3f7d44cb8 label:focus span, .c79b3f7d44cb8 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c8b46c93c58fd {
  display: flex;
  flex-direction: column;
}
.c8b46c93c58fd label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c8b46c93c58fd input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c8b46c93c58fd input:focus-within input, .c8b46c93c58fd input:active input {
  color: var(--input-foreground-color-active);
}
.c8b46c93c58fd input:focus-within, .c8b46c93c58fd input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c8b46c93c58fd.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c4b3f1c568ee8 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c66367f788f70, .c4556e898dac8 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cdf743b61824a {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cbf4ed3df241b {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cecfcda426893 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cd263611986e3, .c5826f62f83fc {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cbe2da8fd0394, .c2a9e361aa50c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc03d54bd83fb, .c7f060806c064 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cbacd9411ef7e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c9caa660d052c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c9caa660d052c:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c9336ef29b1f3 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c2dea971aee5a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c3f22748b1255 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c783322594d50 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c128b8c79374c {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c128b8c79374c:hover, .c128b8c79374c:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c20c62c05faa5 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c20c62c05faa5 button {
  display: none;
}
.c20c62c05faa5 button svg {
  stroke: var(--icon-foreground);
}
.c20c62c05faa5:hover button {
  display: flex;
}

.cc2a7c9fb62a4 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cc2a7c9fb62a4 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cc2a7c9fb62a4 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cfb6bc3f82f1b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cfb6bc3f82f1b:hover div {
  color: var(--entry-foreground-color-hover);
}

.cbcd5b08f6a08 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cf4489d350409 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cf4489d350409:hover {
  background-color: var(--menu-background-color-hover);
}

.cf8b2411759d8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cf8b2411759d8 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf8b2411759d8 span svg {
  stroke: var(--icon-foreground);
}
.cf8b2411759d8:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cf8b2411759d8:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cffbd306d590d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c666850935e7f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c6f550bfa075a,
.c943dc187a11c {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c3e1f48478f9e .c6f550bfa075a,
.c3e1f48478f9e .c943dc187a11c {
  transform: scale(1);
}

.c73adb2d8e8a4 .c6f550bfa075a,
.c73adb2d8e8a4 .c943dc187a11c {
  transform: scale(0);
}

.c24045b7221bc {
  position: relative;
  width: 56.75rem;
  max-height: 50rem;
  height: 100%;
  padding-inline: 6.25rem;
  padding-block-start: 2.5rem;
  padding-block-end: 2.5rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.ca6eb42c02fe3 {
  display: grid;
  grid-template-columns: 1fr 2rem 1fr;
  gap: 1.5rem;
  height: 100%;
  overflow: hidden;
}

.c4a3ee7312e28 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: absolute;
  top: 2.5rem;
  right: 6.25rem;
  padding: 0.25rem;
  border-radius: 6px;
  color: var(--color-foreground-secondary);
}

.ca5b5c3bb0b48 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 2rem auto auto 1fr;
  gap: 1rem;
  overflow: auto;
}

.cb1e142bda362 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.c0eb5b62e7ffa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.c95438a09d3c7 {
  padding-top: 1rem;
}

.c85dbee868352 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
  margin: 0;
}

.c31fcffe5506c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  color: var(--modal-title-foreground-color);
}

.c7490470055eb {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 1rem;
  margin: 0;
}

.c3b44bca6078e {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  gap: 1rem;
}

.c26d08d4dbad8 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  border: 1px solid var(--color-accent-primary);
}
.c26d08d4dbad8 svg {
  stroke: var(--color-accent-primary);
}

.c5826f62f83fc {
  justify-content: flex-end;
}

.cbe57a42b95cd {
  width: 0.5rem;
  height: 100%;
  border-radius: 8px;
  opacity: 42%;
  background-color: var(--modal-separator-background-color);
}

.c53299cb08db6 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  gap: 1.5rem;
  overflow: hidden;
}

.c7407e678b1b1 {
  overflow: auto;
  flex-grow: 1;
}

.c7407e678b1b1,
.c6d4f3ae14a7d {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 1rem;
}

.caa33c18a6416 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.c83752c9936a1 label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  align-items: flex-start;
  width: 100%;
  border: none;
  background-color: transparent;
  height: 100%;
}
.c83752c9936a1 label input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 0.5rem;
}

.c0590e39faf5c {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr;
  gap: 1rem;
  max-height: 32rem;
}

.cf941e5cb1372 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto auto;
  margin-block-end: 4.5rem;
  gap: 0.5rem;
}

.c7ced95cc90a5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  margin-block-end: 0.5rem;
  color: var(--modal-title-foreground-color);
}

.c6b245169adfe {
  margin: 0;
  color: var(--modal-title-foreground-color);
}

.c774597acca0c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-text-foreground-color);
  text-align: right;
}
@keyframes c6c72b156bc11 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c43fd3f9d1c7a {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c43fd3f9d1c7a:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c43fd3f9d1c7a ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c43fd3f9d1c7a ::-webkit-scrollbar-track,
.c43fd3f9d1c7a ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c43fd3f9d1c7a ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c43fd3f9d1c7a ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c43fd3f9d1c7a ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c43fd3f9d1c7a ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c43fd3f9d1c7a ::placeholder,
.c43fd3f9d1c7a ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ce29b2433313c, .c0cb3047a3b8f, .c475920ddbe9a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ce29b2433313c svg, .c0cb3047a3b8f svg, .c475920ddbe9a svg,
.ce29b2433313c span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ce29b2433313c:focus-visible, .c0cb3047a3b8f:focus-visible, .c475920ddbe9a:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ce29b2433313c:focus-visible svg, .c0cb3047a3b8f:focus-visible svg, .c475920ddbe9a:focus-visible svg,
.ce29b2433313c:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ce29b2433313c:hover, .c0cb3047a3b8f:hover, .c475920ddbe9a:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ce29b2433313c:hover svg, .c0cb3047a3b8f:hover svg, .c475920ddbe9a:hover svg,
.ce29b2433313c:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ce29b2433313c:active, .c0cb3047a3b8f:active, .c475920ddbe9a:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ce29b2433313c:active svg, .c0cb3047a3b8f:active svg, .c475920ddbe9a:active svg,
.ce29b2433313c:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ce29b2433313c.disabled, .c0cb3047a3b8f.disabled, .c475920ddbe9a.disabled, .ce29b2433313c[disabled], [disabled].c0cb3047a3b8f, [disabled].c475920ddbe9a, .ce29b2433313c:disabled, .c0cb3047a3b8f:disabled, .c475920ddbe9a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c27651019ed95, .cd2ad2689fa4d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c27651019ed95 svg, .cd2ad2689fa4d svg,
.c27651019ed95 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c27651019ed95:focus-visible, .cd2ad2689fa4d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c27651019ed95:focus-visible svg, .cd2ad2689fa4d:focus-visible svg,
.c27651019ed95:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c27651019ed95:hover, .cd2ad2689fa4d:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c27651019ed95:hover svg, .cd2ad2689fa4d:hover svg,
.c27651019ed95:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c27651019ed95:active, .cd2ad2689fa4d:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c27651019ed95:active svg, .cd2ad2689fa4d:active svg,
.c27651019ed95:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c27651019ed95.disabled, .cd2ad2689fa4d.disabled, .c27651019ed95[disabled], [disabled].cd2ad2689fa4d, .c27651019ed95:disabled, .cd2ad2689fa4d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca57bcc0080e3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ca57bcc0080e3 svg,
.ca57bcc0080e3 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ca57bcc0080e3:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca57bcc0080e3:focus-visible svg,
.ca57bcc0080e3:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca57bcc0080e3:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ca57bcc0080e3:hover svg,
.ca57bcc0080e3:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ca57bcc0080e3:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ca57bcc0080e3:active svg,
.ca57bcc0080e3:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ca57bcc0080e3.disabled, .ca57bcc0080e3[disabled], .ca57bcc0080e3:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8b154bd49230, .cb1b685afef6c button, .ce3a538ff56ba {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c8b154bd49230 svg, .cb1b685afef6c button svg, .ce3a538ff56ba svg,
.c8b154bd49230 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c8b154bd49230:focus-visible, .cb1b685afef6c button:focus-visible, .ce3a538ff56ba:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c8b154bd49230:focus-visible svg, .cb1b685afef6c button:focus-visible svg, .ce3a538ff56ba:focus-visible svg,
.c8b154bd49230:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c8b154bd49230:hover, .cb1b685afef6c button:hover, .ce3a538ff56ba:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c8b154bd49230:hover svg, .cb1b685afef6c button:hover svg, .ce3a538ff56ba:hover svg,
.c8b154bd49230:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c8b154bd49230:active, .cb1b685afef6c button:active, .ce3a538ff56ba:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c8b154bd49230:active svg, .cb1b685afef6c button:active svg, .ce3a538ff56ba:active svg,
.c8b154bd49230:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c8b154bd49230.disabled, .cb1b685afef6c button.disabled, .ce3a538ff56ba.disabled, .c8b154bd49230[disabled], .cb1b685afef6c button[disabled], [disabled].ce3a538ff56ba, .c8b154bd49230:disabled, .cb1b685afef6c button:disabled, .ce3a538ff56ba:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c8b154bd49230.disabled svg, .cb1b685afef6c button.disabled svg, .ce3a538ff56ba.disabled svg,
.c8b154bd49230.disabled span svg, .c8b154bd49230[disabled] svg, .cb1b685afef6c button[disabled] svg, [disabled].ce3a538ff56ba svg,
.c8b154bd49230[disabled] span svg, .c8b154bd49230:disabled svg, .cb1b685afef6c button:disabled svg, .ce3a538ff56ba:disabled svg,
.c8b154bd49230:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cf3ae74aca50b {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cf3ae74aca50b svg {
  color: var(--button-icon-foreground-color-selected);
}

.c6b3a0b43506b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c6b3a0b43506b svg,
.c6b3a0b43506b span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c6b3a0b43506b:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c6b3a0b43506b:focus-visible svg,
.c6b3a0b43506b:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c6b3a0b43506b:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c6b3a0b43506b:hover svg,
.c6b3a0b43506b:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c6b3a0b43506b:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c6b3a0b43506b:active svg,
.c6b3a0b43506b:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ca18963be8c1b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cda46a74cefb6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7374510aa834 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c7374510aa834:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c7374510aa834:focus-visible svg,
.c7374510aa834:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c7374510aa834:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c7374510aa834:active {
  border: none;
  background-color: transparent;
}

.cafe5c013ce08, .ce3a538ff56ba svg, .c61eada8103c8, .c1aad94a46d86 span svg, .cb1b685afef6c button svg, .c6e1d47b389ba.intermediate svg, .cf473844b6ec4 label span.intermediate svg, .c6e1d47b389ba.checked svg, .cf473844b6ec4 label span.checked svg, .c1d296b2a13df span svg,
.c1d296b2a13df label svg, .c878251982293 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c9cb5139cb1a5 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c9cb5139cb1a5:hover {
  fill: none;
  stroke: none;
}

.c61eada8103c8, .c1aad94a46d86 span svg, .cb1b685afef6c button svg, .c6e1d47b389ba.intermediate svg, .cf473844b6ec4 label span.intermediate svg, .c6e1d47b389ba.checked svg, .cf473844b6ec4 label span.checked svg, .c1d296b2a13df span svg,
.c1d296b2a13df label svg, .c878251982293 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c6bda1baaac4f {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c6bda1baaac4f:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c972904b5b067, .c9460b1c1d703 input, .c1111b2742693 input, .c1d296b2a13df input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c972904b5b067, .c9460b1c1d703 input, .c1111b2742693 input, .c1d296b2a13df input {
    height: 23px;
  }
}
.c972904b5b067, .c9460b1c1d703 input, .c1111b2742693 input, .c1d296b2a13df input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c972904b5b067[disabled], .c9460b1c1d703 input[disabled], .c1111b2742693 input[disabled], .c1d296b2a13df input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c878251982293 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c1fa7b1075ed3, .c1d296b2a13df span,
.c1d296b2a13df label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1fa7b1075ed3, .c1d296b2a13df span,
  .c1d296b2a13df label {
    height: 25px;
  }
}
.c1fa7b1075ed3, .c1d296b2a13df span,
.c1d296b2a13df label {
  color: var(--input-foreground-color);
}

.c1d296b2a13df {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1d296b2a13df {
    height: 25px;
    font-size: 10px;
  }
}
.c1d296b2a13df {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c1d296b2a13df span svg,
.c1d296b2a13df label svg {
  color: var(--input-foreground-color);
}
.c1d296b2a13df ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c1d296b2a13df ::placeholder {
  color: var(--input-placeholder-color);
}
.c1d296b2a13df:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1d296b2a13df:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c1d296b2a13df:hover span {
  color: var(--input-foreground-color-hover);
}
.c1d296b2a13df:hover input {
  color: var(--input-foreground-color-hover);
}
.c1d296b2a13df:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c1d296b2a13df:active span {
  color: var(--input-foreground-color-active);
}
.c1d296b2a13df:active input {
  color: var(--input-foreground-color-active);
}
.c1d296b2a13df:focus, .c1d296b2a13df:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1d296b2a13df:focus span, .c1d296b2a13df:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c1d296b2a13df:focus input, .c1d296b2a13df:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c1d296b2a13df:focus:hover, .c1d296b2a13df:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1d296b2a13df:focus:hover span, .c1d296b2a13df:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c1d296b2a13df:focus:hover input, .c1d296b2a13df:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c1111b2742693 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c1111b2742693 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c1111b2742693 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1111b2742693 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1111b2742693:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c1111b2742693:focus-within input, .c1111b2742693:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c9bc7e194664f, .c9460b1c1d703.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c9bc7e194664f input, .c9460b1c1d703.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c9bc7e194664f span svg, .c9460b1c1d703.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c6e1d47b389ba, .cf473844b6ec4 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c6e1d47b389ba svg, .cf473844b6ec4 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c6e1d47b389ba:hover, .cf473844b6ec4 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c6e1d47b389ba:focus, .cf473844b6ec4 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c6e1d47b389ba.checked, .cf473844b6ec4 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c6e1d47b389ba.checked svg, .cf473844b6ec4 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c6e1d47b389ba.intermediate, .cf473844b6ec4 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c6e1d47b389ba.intermediate svg, .cf473844b6ec4 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c6e1d47b389ba.unchecked, .cf473844b6ec4 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c6e1d47b389ba.unchecked svg, .cf473844b6ec4 label span.unchecked svg {
  display: none;
}

.cf473844b6ec4 {
  display: flex;
  align-items: center;
}
.cf473844b6ec4 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cf473844b6ec4 label input {
  margin: 0;
}
.cf473844b6ec4 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf473844b6ec4 label:focus span, .cf473844b6ec4 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c9460b1c1d703 {
  display: flex;
  flex-direction: column;
}
.c9460b1c1d703 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c9460b1c1d703 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c9460b1c1d703 input:focus-within input, .c9460b1c1d703 input:active input {
  color: var(--input-foreground-color-active);
}
.c9460b1c1d703 input:focus-within, .c9460b1c1d703 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c9460b1c1d703.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c46e3adf83d32 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c949c7decabdc {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c3079eb80ffd2 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ce3a538ff56ba {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c660241942466 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c56c606b672d9 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cd2ad2689fa4d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c475920ddbe9a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c0cb3047a3b8f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c8c77ab4f84d6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c8c77ab4f84d6:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c079d2c94b40b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ce5129a99a425 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c347e464357c3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c6cb657fba3e1 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ca5d930a39aa6 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ca5d930a39aa6:hover, .ca5d930a39aa6:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cb1b685afef6c div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cb1b685afef6c button {
  display: none;
}
.cb1b685afef6c button svg {
  stroke: var(--icon-foreground);
}
.cb1b685afef6c:hover button {
  display: flex;
}

.c85e6786bbc86 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c85e6786bbc86 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c85e6786bbc86 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c32add46c2255 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c32add46c2255:hover div {
  color: var(--entry-foreground-color-hover);
}

.cdf7d4500e466 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c540b1dbb4195 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c540b1dbb4195:hover {
  background-color: var(--menu-background-color-hover);
}

.c1aad94a46d86 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c1aad94a46d86 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c1aad94a46d86 span svg {
  stroke: var(--icon-foreground);
}
.c1aad94a46d86:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c1aad94a46d86:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c87045017c11c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c76ed01ab07b9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c788cd6556f66,
.c22f53b03552e {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c48eee7a37579 .c788cd6556f66,
.c48eee7a37579 .c22f53b03552e {
  transform: scale(1);
}

.c111844aaf3df .c788cd6556f66,
.c111844aaf3df .c22f53b03552e {
  transform: scale(0);
}

.ca167c12d9c1d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  --badge-notification-bg-color: var(--alert-background-color-default);
  --badge-notification-fg-color: var(--alert-text-foreground-color-default);
  --badge-notification-border-color: var(--alert-border-color-default);
  box-sizing: border-box;
  display: grid;
  place-items: center;
  grid-template-columns: 1fr;
  min-height: 2rem;
  height: -moz-fit-content;
  height: fit-content;
  min-width: 5rem;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: 0;
  padding-inline: var(--sp-xs);
  margin: 0;
  border: 1px solid var(--badge-notification-border-color);
  border-radius: 8px;
  background-color: var(--badge-notification-bg-color);
  color: var(--badge-notification-fg-color);
}

.c8f068ab6d0dd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  min-height: 1.25rem;
  border-radius: 6px;
}

.c0c34141dcf83 {
  --badge-notification-bg-color: var(--alert-background-color-warning);
  --badge-notification-fg-color: var(--alert-text-foreground-color-warning);
  --badge-notification-border-color: var(--alert-border-color-warning);
}

.c828e6c54d4d8 {
  --badge-notification-bg-color: var(--alert-background-color-success);
  --badge-notification-fg-color: var(--alert-text-foreground-color-success);
  --badge-notification-border-color: var(--alert-border-color-success);
}

.ca49a67fe9bf6 {
  --badge-notification-bg-color: var(--alert-background-color-info);
  --badge-notification-fg-color: var(--alert-text-foreground-color-info);
  --badge-notification-border-color: var(--alert-border-color-info);
}

.c874e4742ffe1 {
  --badge-notification-bg-color: var(--alert-background-color-error);
  --badge-notification-fg-color: var(--alert-text-foreground-color-error);
  --badge-notification-border-color: var(--alert-border-color-error);
}

.c210020a035a4 {
  --badge-notification-bg-color: transparent;
  --badge-notification-fg-color: var(--alert-text-foreground-color-focus);
  --badge-notification-border-color: var(--alert-border-color-focus);
}
@keyframes c781d07f40825 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c7021f5c646bc {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c7021f5c646bc:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c7021f5c646bc ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c7021f5c646bc ::-webkit-scrollbar-track,
.c7021f5c646bc ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c7021f5c646bc ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c7021f5c646bc ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c7021f5c646bc ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c7021f5c646bc ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c7021f5c646bc ::placeholder,
.c7021f5c646bc ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c4363d78c01b8, .ca0cf0db365fa, .c637427fb548a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c4363d78c01b8 svg, .ca0cf0db365fa svg, .c637427fb548a svg,
.c4363d78c01b8 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c4363d78c01b8:focus-visible, .ca0cf0db365fa:focus-visible, .c637427fb548a:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c4363d78c01b8:focus-visible svg, .ca0cf0db365fa:focus-visible svg, .c637427fb548a:focus-visible svg,
.c4363d78c01b8:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c4363d78c01b8:hover, .ca0cf0db365fa:hover, .c637427fb548a:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c4363d78c01b8:hover svg, .ca0cf0db365fa:hover svg, .c637427fb548a:hover svg,
.c4363d78c01b8:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c4363d78c01b8:active, .ca0cf0db365fa:active, .c637427fb548a:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c4363d78c01b8:active svg, .ca0cf0db365fa:active svg, .c637427fb548a:active svg,
.c4363d78c01b8:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c4363d78c01b8.disabled, .ca0cf0db365fa.disabled, .c637427fb548a.disabled, .c4363d78c01b8[disabled], [disabled].ca0cf0db365fa, [disabled].c637427fb548a, .c4363d78c01b8:disabled, .ca0cf0db365fa:disabled, .c637427fb548a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8a4e1cb407ad, .c85567d194fe0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c8a4e1cb407ad svg, .c85567d194fe0 svg,
.c8a4e1cb407ad span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c8a4e1cb407ad:focus-visible, .c85567d194fe0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8a4e1cb407ad:focus-visible svg, .c85567d194fe0:focus-visible svg,
.c8a4e1cb407ad:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8a4e1cb407ad:hover, .c85567d194fe0:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c8a4e1cb407ad:hover svg, .c85567d194fe0:hover svg,
.c8a4e1cb407ad:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c8a4e1cb407ad:active, .c85567d194fe0:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c8a4e1cb407ad:active svg, .c85567d194fe0:active svg,
.c8a4e1cb407ad:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c8a4e1cb407ad.disabled, .c85567d194fe0.disabled, .c8a4e1cb407ad[disabled], [disabled].c85567d194fe0, .c8a4e1cb407ad:disabled, .c85567d194fe0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c87cdc5d13cfb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c87cdc5d13cfb svg,
.c87cdc5d13cfb span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c87cdc5d13cfb:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c87cdc5d13cfb:focus-visible svg,
.c87cdc5d13cfb:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c87cdc5d13cfb:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c87cdc5d13cfb:hover svg,
.c87cdc5d13cfb:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c87cdc5d13cfb:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c87cdc5d13cfb:active svg,
.c87cdc5d13cfb:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c87cdc5d13cfb.disabled, .c87cdc5d13cfb[disabled], .c87cdc5d13cfb:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0468321ee1f4, .c76f0e890160a button, .ce1bb23d7b59a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c0468321ee1f4 svg, .c76f0e890160a button svg, .ce1bb23d7b59a svg,
.c0468321ee1f4 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c0468321ee1f4:focus-visible, .c76f0e890160a button:focus-visible, .ce1bb23d7b59a:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c0468321ee1f4:focus-visible svg, .c76f0e890160a button:focus-visible svg, .ce1bb23d7b59a:focus-visible svg,
.c0468321ee1f4:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c0468321ee1f4:hover, .c76f0e890160a button:hover, .ce1bb23d7b59a:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c0468321ee1f4:hover svg, .c76f0e890160a button:hover svg, .ce1bb23d7b59a:hover svg,
.c0468321ee1f4:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c0468321ee1f4:active, .c76f0e890160a button:active, .ce1bb23d7b59a:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c0468321ee1f4:active svg, .c76f0e890160a button:active svg, .ce1bb23d7b59a:active svg,
.c0468321ee1f4:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c0468321ee1f4.disabled, .c76f0e890160a button.disabled, .ce1bb23d7b59a.disabled, .c0468321ee1f4[disabled], .c76f0e890160a button[disabled], [disabled].ce1bb23d7b59a, .c0468321ee1f4:disabled, .c76f0e890160a button:disabled, .ce1bb23d7b59a:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c0468321ee1f4.disabled svg, .c76f0e890160a button.disabled svg, .ce1bb23d7b59a.disabled svg,
.c0468321ee1f4.disabled span svg, .c0468321ee1f4[disabled] svg, .c76f0e890160a button[disabled] svg, [disabled].ce1bb23d7b59a svg,
.c0468321ee1f4[disabled] span svg, .c0468321ee1f4:disabled svg, .c76f0e890160a button:disabled svg, .ce1bb23d7b59a:disabled svg,
.c0468321ee1f4:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c29ed2e5d5851 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c29ed2e5d5851 svg {
  color: var(--button-icon-foreground-color-selected);
}

.caec94e9297af {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.caec94e9297af svg,
.caec94e9297af span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.caec94e9297af:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.caec94e9297af:focus-visible svg,
.caec94e9297af:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.caec94e9297af:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.caec94e9297af:hover svg,
.caec94e9297af:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.caec94e9297af:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.caec94e9297af:active svg,
.caec94e9297af:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c646ac345a203 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c3d682c5cc715 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce73bd39cb830 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ce73bd39cb830:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ce73bd39cb830:focus-visible svg,
.ce73bd39cb830:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ce73bd39cb830:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ce73bd39cb830:active {
  border: none;
  background-color: transparent;
}

.c2a80e69f7834, .c85a631f9bd04, .ce1bb23d7b59a svg, .c2875fc5ec8f6, .cbff82b0ac499 span svg, .c76f0e890160a button svg, .c4e25020b1282.intermediate svg, .cc1914ca8e4c1 label span.intermediate svg, .c4e25020b1282.checked svg, .cc1914ca8e4c1 label span.checked svg, .cfa4fae64c98f span svg,
.cfa4fae64c98f label svg, .ca088d523bb54 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c81004590f7ab {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c81004590f7ab:hover {
  fill: none;
  stroke: none;
}

.c2875fc5ec8f6, .cbff82b0ac499 span svg, .c76f0e890160a button svg, .c4e25020b1282.intermediate svg, .cc1914ca8e4c1 label span.intermediate svg, .c4e25020b1282.checked svg, .cc1914ca8e4c1 label span.checked svg, .cfa4fae64c98f span svg,
.cfa4fae64c98f label svg, .ca088d523bb54 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c8ed7d4f21d39 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c8ed7d4f21d39:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cfe7f5cb07a8b, .c37ff0be4224f input, .c4b3764465f26 input, .cfa4fae64c98f input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cfe7f5cb07a8b, .c37ff0be4224f input, .c4b3764465f26 input, .cfa4fae64c98f input {
    height: 23px;
  }
}
.cfe7f5cb07a8b, .c37ff0be4224f input, .c4b3764465f26 input, .cfa4fae64c98f input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cfe7f5cb07a8b[disabled], .c37ff0be4224f input[disabled], .c4b3764465f26 input[disabled], .cfa4fae64c98f input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ca088d523bb54 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c5200c5390a69, .cfa4fae64c98f span,
.cfa4fae64c98f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c5200c5390a69, .cfa4fae64c98f span,
  .cfa4fae64c98f label {
    height: 25px;
  }
}
.c5200c5390a69, .cfa4fae64c98f span,
.cfa4fae64c98f label {
  color: var(--input-foreground-color);
}

.cfa4fae64c98f {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cfa4fae64c98f {
    height: 25px;
    font-size: 10px;
  }
}
.cfa4fae64c98f {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cfa4fae64c98f span svg,
.cfa4fae64c98f label svg {
  color: var(--input-foreground-color);
}
.cfa4fae64c98f ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cfa4fae64c98f ::placeholder {
  color: var(--input-placeholder-color);
}
.cfa4fae64c98f:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cfa4fae64c98f:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cfa4fae64c98f:hover span {
  color: var(--input-foreground-color-hover);
}
.cfa4fae64c98f:hover input {
  color: var(--input-foreground-color-hover);
}
.cfa4fae64c98f:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cfa4fae64c98f:active span {
  color: var(--input-foreground-color-active);
}
.cfa4fae64c98f:active input {
  color: var(--input-foreground-color-active);
}
.cfa4fae64c98f:focus, .cfa4fae64c98f:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cfa4fae64c98f:focus span, .cfa4fae64c98f:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cfa4fae64c98f:focus input, .cfa4fae64c98f:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cfa4fae64c98f:focus:hover, .cfa4fae64c98f:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cfa4fae64c98f:focus:hover span, .cfa4fae64c98f:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cfa4fae64c98f:focus:hover input, .cfa4fae64c98f:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c4b3764465f26 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c4b3764465f26 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c4b3764465f26 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4b3764465f26 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4b3764465f26:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c4b3764465f26:focus-within input, .c4b3764465f26:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ca8a3417a1f2f, .c37ff0be4224f.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ca8a3417a1f2f input, .c37ff0be4224f.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ca8a3417a1f2f span svg, .c37ff0be4224f.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c4e25020b1282, .cc1914ca8e4c1 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c4e25020b1282 svg, .cc1914ca8e4c1 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c4e25020b1282:hover, .cc1914ca8e4c1 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4e25020b1282:focus, .cc1914ca8e4c1 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c4e25020b1282.checked, .cc1914ca8e4c1 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c4e25020b1282.checked svg, .cc1914ca8e4c1 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c4e25020b1282.intermediate, .cc1914ca8e4c1 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c4e25020b1282.intermediate svg, .cc1914ca8e4c1 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c4e25020b1282.unchecked, .cc1914ca8e4c1 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c4e25020b1282.unchecked svg, .cc1914ca8e4c1 label span.unchecked svg {
  display: none;
}

.cc1914ca8e4c1 {
  display: flex;
  align-items: center;
}
.cc1914ca8e4c1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cc1914ca8e4c1 label input {
  margin: 0;
}
.cc1914ca8e4c1 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cc1914ca8e4c1 label:focus span, .cc1914ca8e4c1 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c37ff0be4224f {
  display: flex;
  flex-direction: column;
}
.c37ff0be4224f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c37ff0be4224f input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c37ff0be4224f input:focus-within input, .c37ff0be4224f input:active input {
  color: var(--input-foreground-color-active);
}
.c37ff0be4224f input:focus-within, .c37ff0be4224f input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c37ff0be4224f.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cba4b69a18e29 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c9dddf36e1850 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cd3cf3a39e19b {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ce1bb23d7b59a {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c5c537dc37b85 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c64b3e5417b64 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c85567d194fe0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c637427fb548a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ca0cf0db365fa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c0bede3b8f204 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c0bede3b8f204:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ce625e5c9e555 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c2d3596187ae7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c2af73505e086 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c588bed6aa7ae {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cc75928295a80 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cc75928295a80:hover, .cc75928295a80:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c76f0e890160a div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c76f0e890160a button {
  display: none;
}
.c76f0e890160a button svg {
  stroke: var(--icon-foreground);
}
.c76f0e890160a:hover button {
  display: flex;
}

.c5e2e8e2fbe02 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c5e2e8e2fbe02 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c5e2e8e2fbe02 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cb993976bbea9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cb993976bbea9:hover div {
  color: var(--entry-foreground-color-hover);
}

.c3823a85e140f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c548f45644358 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c548f45644358:hover {
  background-color: var(--menu-background-color-hover);
}

.cbff82b0ac499 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cbff82b0ac499 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cbff82b0ac499 span svg {
  stroke: var(--icon-foreground);
}
.cbff82b0ac499:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cbff82b0ac499:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c5fb25b91ecaa {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c85e3990558f6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c0ea18fa339f5,
.c691116f4948f {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c29c836c07b95 .c0ea18fa339f5,
.c29c836c07b95 .c691116f4948f {
  transform: scale(1);
}

.ce5a1b34a53c4 .c0ea18fa339f5,
.ce5a1b34a53c4 .c691116f4948f {
  transform: scale(0);
}

.cb5d0f5a47461 {
  --context-notification-bg-color: var(--alert-background-color-default);
  --context-notification-fg-color: var(--alert-text-foreground-color-default);
  --context-notification-icon-color: var(--alert-icon-foreground-color-default);
  --context-notification-border-color: var(--alert-border-color-default);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1rem 1fr;
  gap: 0.5rem;
  min-height: 2rem;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--context-notification-border-color);
  border-radius: 8px;
  background-color: var(--context-notification-bg-color);
}

.c696e6ac50a24 {
  --context-notification-bg-color: var(--alert-background-color-warning);
  --context-notification-fg-color: var(--alert-text-foreground-color-warning);
  --context-notification-icon-color: var(--alert-icon-foreground-color-warning);
  --context-notification-border-color: var(--alert-border-color-warning);
}

.cca4fde00bcbd {
  --context-notification-bg-color: var(--alert-background-color-success);
  --context-notification-fg-color: var(--alert-text-foreground-color-success);
  --context-notification-icon-color: var(--alert-icon-foreground-color-success);
  --context-notification-border-color: var(--alert-border-color-success);
}

.cc5756c76c09f {
  --context-notification-bg-color: var(--alert-background-color-info);
  --context-notification-fg-color: var(--alert-text-foreground-color-info);
  --context-notification-icon-color: var(--alert-icon-foreground-color-info);
  --context-notification-border-color: var(--alert-border-color-info);
}

.c78d076a6406d {
  --context-notification-bg-color: var(--alert-background-color-default);
  --context-notification-fg-color: var(--alert-text-foreground-color-default);
  --context-notification-icon-color: var(--alert-icon-foreground-color-default);
  --context-notification-border-color: var(--alert-border-color-default);
}

.c8da481c98304 {
  --context-notification-bg-color: var(--alert-background-color-error);
  --context-notification-fg-color: var(--alert-text-foreground-color-error);
  --context-notification-icon-color: var(--alert-icon-foreground-color-error);
  --context-notification-border-color: var(--alert-border-color-error);
}

.c85a631f9bd04 {
  align-self: self-start;
  color: var(--context-notification-icon-color);
}

.c82e8176f8365 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  align-self: center;
  color: var(--context-notification-fg-color);
  margin: auto 0;
}

.c588bed6aa7ae,
.c1f25f3f73e3a .c82e8176f8365 a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  align-self: center;
  display: inline;
  text-align: left;
  height: 1rem;
  margin: 0;
  color: var(--modal-link-foreground-color);
}
@keyframes cde93a5300bb7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cd9894daa24e2 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cd9894daa24e2:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cd9894daa24e2 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cd9894daa24e2 ::-webkit-scrollbar-track,
.cd9894daa24e2 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cd9894daa24e2 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cd9894daa24e2 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cd9894daa24e2 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd9894daa24e2 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd9894daa24e2 ::placeholder,
.cd9894daa24e2 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c0066594a6614, .caa57e0b9e5a0, .cc3e636ad7281 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c0066594a6614 svg, .caa57e0b9e5a0 svg, .cc3e636ad7281 svg,
.c0066594a6614 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c0066594a6614:focus-visible, .caa57e0b9e5a0:focus-visible, .cc3e636ad7281:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c0066594a6614:focus-visible svg, .caa57e0b9e5a0:focus-visible svg, .cc3e636ad7281:focus-visible svg,
.c0066594a6614:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c0066594a6614:hover, .caa57e0b9e5a0:hover, .cc3e636ad7281:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c0066594a6614:hover svg, .caa57e0b9e5a0:hover svg, .cc3e636ad7281:hover svg,
.c0066594a6614:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c0066594a6614:active, .caa57e0b9e5a0:active, .cc3e636ad7281:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c0066594a6614:active svg, .caa57e0b9e5a0:active svg, .cc3e636ad7281:active svg,
.c0066594a6614:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c0066594a6614.disabled, .caa57e0b9e5a0.disabled, .cc3e636ad7281.disabled, .c0066594a6614[disabled], [disabled].caa57e0b9e5a0, [disabled].cc3e636ad7281, .c0066594a6614:disabled, .caa57e0b9e5a0:disabled, .cc3e636ad7281:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.caeb9ba01be82, .cfc35d76f7312 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.caeb9ba01be82 svg, .cfc35d76f7312 svg,
.caeb9ba01be82 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.caeb9ba01be82:focus-visible, .cfc35d76f7312:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.caeb9ba01be82:focus-visible svg, .cfc35d76f7312:focus-visible svg,
.caeb9ba01be82:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.caeb9ba01be82:hover, .cfc35d76f7312:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.caeb9ba01be82:hover svg, .cfc35d76f7312:hover svg,
.caeb9ba01be82:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.caeb9ba01be82:active, .cfc35d76f7312:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.caeb9ba01be82:active svg, .cfc35d76f7312:active svg,
.caeb9ba01be82:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.caeb9ba01be82.disabled, .cfc35d76f7312.disabled, .caeb9ba01be82[disabled], [disabled].cfc35d76f7312, .caeb9ba01be82:disabled, .cfc35d76f7312:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8dc6fb9b08f6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c8dc6fb9b08f6 svg,
.c8dc6fb9b08f6 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c8dc6fb9b08f6:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8dc6fb9b08f6:focus-visible svg,
.c8dc6fb9b08f6:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8dc6fb9b08f6:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c8dc6fb9b08f6:hover svg,
.c8dc6fb9b08f6:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c8dc6fb9b08f6:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c8dc6fb9b08f6:active svg,
.c8dc6fb9b08f6:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c8dc6fb9b08f6.disabled, .c8dc6fb9b08f6[disabled], .c8dc6fb9b08f6:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8bf763982815, .c163010afc938 button, .cf35005bf9c46 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c8bf763982815 svg, .c163010afc938 button svg, .cf35005bf9c46 svg,
.c8bf763982815 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c8bf763982815:focus-visible, .c163010afc938 button:focus-visible, .cf35005bf9c46:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c8bf763982815:focus-visible svg, .c163010afc938 button:focus-visible svg, .cf35005bf9c46:focus-visible svg,
.c8bf763982815:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c8bf763982815:hover, .c163010afc938 button:hover, .cf35005bf9c46:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c8bf763982815:hover svg, .c163010afc938 button:hover svg, .cf35005bf9c46:hover svg,
.c8bf763982815:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c8bf763982815:active, .c163010afc938 button:active, .cf35005bf9c46:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c8bf763982815:active svg, .c163010afc938 button:active svg, .cf35005bf9c46:active svg,
.c8bf763982815:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c8bf763982815.disabled, .c163010afc938 button.disabled, .cf35005bf9c46.disabled, .c8bf763982815[disabled], .c163010afc938 button[disabled], [disabled].cf35005bf9c46, .c8bf763982815:disabled, .c163010afc938 button:disabled, .cf35005bf9c46:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c8bf763982815.disabled svg, .c163010afc938 button.disabled svg, .cf35005bf9c46.disabled svg,
.c8bf763982815.disabled span svg, .c8bf763982815[disabled] svg, .c163010afc938 button[disabled] svg, [disabled].cf35005bf9c46 svg,
.c8bf763982815[disabled] span svg, .c8bf763982815:disabled svg, .c163010afc938 button:disabled svg, .cf35005bf9c46:disabled svg,
.c8bf763982815:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c16c320ac17af {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c16c320ac17af svg {
  color: var(--button-icon-foreground-color-selected);
}

.ce1048ab23ae7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ce1048ab23ae7 svg,
.ce1048ab23ae7 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ce1048ab23ae7:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ce1048ab23ae7:focus-visible svg,
.ce1048ab23ae7:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ce1048ab23ae7:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ce1048ab23ae7:hover svg,
.ce1048ab23ae7:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ce1048ab23ae7:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ce1048ab23ae7:active svg,
.ce1048ab23ae7:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c6ab60c45bbbc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c0b941cd708e3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6b44306a1576 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c6b44306a1576:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c6b44306a1576:focus-visible svg,
.c6b44306a1576:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c6b44306a1576:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c6b44306a1576:active {
  border: none;
  background-color: transparent;
}

.cc8e03c9f0e82, .cf35005bf9c46 svg, .c794a90941f0a, .c46632d36840f span svg, .c163010afc938 button svg, .c2fc6c31970d6.intermediate svg, .c1528ccb32002 label span.intermediate svg, .c2fc6c31970d6.checked svg, .c1528ccb32002 label span.checked svg, .c77761b1485e5 span svg,
.c77761b1485e5 label svg, .c4b7c0f4c755c svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ca06666bbe461 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ca06666bbe461:hover {
  fill: none;
  stroke: none;
}

.c794a90941f0a, .c46632d36840f span svg, .c163010afc938 button svg, .c2fc6c31970d6.intermediate svg, .c1528ccb32002 label span.intermediate svg, .c2fc6c31970d6.checked svg, .c1528ccb32002 label span.checked svg, .c77761b1485e5 span svg,
.c77761b1485e5 label svg, .c4b7c0f4c755c svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c393609e41675 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c393609e41675:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cef607f08c27d, .cfc0d92ca3eb2 input, .c5f832e005a23 input, .c77761b1485e5 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cef607f08c27d, .cfc0d92ca3eb2 input, .c5f832e005a23 input, .c77761b1485e5 input {
    height: 23px;
  }
}
.cef607f08c27d, .cfc0d92ca3eb2 input, .c5f832e005a23 input, .c77761b1485e5 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cef607f08c27d[disabled], .cfc0d92ca3eb2 input[disabled], .c5f832e005a23 input[disabled], .c77761b1485e5 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c4b7c0f4c755c {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cecfc82f14078, .c77761b1485e5 span,
.c77761b1485e5 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cecfc82f14078, .c77761b1485e5 span,
  .c77761b1485e5 label {
    height: 25px;
  }
}
.cecfc82f14078, .c77761b1485e5 span,
.c77761b1485e5 label {
  color: var(--input-foreground-color);
}

.c77761b1485e5 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c77761b1485e5 {
    height: 25px;
    font-size: 10px;
  }
}
.c77761b1485e5 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c77761b1485e5 span svg,
.c77761b1485e5 label svg {
  color: var(--input-foreground-color);
}
.c77761b1485e5 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c77761b1485e5 ::placeholder {
  color: var(--input-placeholder-color);
}
.c77761b1485e5:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c77761b1485e5:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c77761b1485e5:hover span {
  color: var(--input-foreground-color-hover);
}
.c77761b1485e5:hover input {
  color: var(--input-foreground-color-hover);
}
.c77761b1485e5:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c77761b1485e5:active span {
  color: var(--input-foreground-color-active);
}
.c77761b1485e5:active input {
  color: var(--input-foreground-color-active);
}
.c77761b1485e5:focus, .c77761b1485e5:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c77761b1485e5:focus span, .c77761b1485e5:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c77761b1485e5:focus input, .c77761b1485e5:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c77761b1485e5:focus:hover, .c77761b1485e5:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c77761b1485e5:focus:hover span, .c77761b1485e5:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c77761b1485e5:focus:hover input, .c77761b1485e5:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c5f832e005a23 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c5f832e005a23 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c5f832e005a23 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5f832e005a23 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5f832e005a23:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c5f832e005a23:focus-within input, .c5f832e005a23:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cc09c5cda27a8, .cfc0d92ca3eb2.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cc09c5cda27a8 input, .cfc0d92ca3eb2.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cc09c5cda27a8 span svg, .cfc0d92ca3eb2.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c2fc6c31970d6, .c1528ccb32002 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c2fc6c31970d6 svg, .c1528ccb32002 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c2fc6c31970d6:hover, .c1528ccb32002 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c2fc6c31970d6:focus, .c1528ccb32002 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c2fc6c31970d6.checked, .c1528ccb32002 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c2fc6c31970d6.checked svg, .c1528ccb32002 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c2fc6c31970d6.intermediate, .c1528ccb32002 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c2fc6c31970d6.intermediate svg, .c1528ccb32002 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c2fc6c31970d6.unchecked, .c1528ccb32002 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c2fc6c31970d6.unchecked svg, .c1528ccb32002 label span.unchecked svg {
  display: none;
}

.c1528ccb32002 {
  display: flex;
  align-items: center;
}
.c1528ccb32002 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c1528ccb32002 label input {
  margin: 0;
}
.c1528ccb32002 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c1528ccb32002 label:focus span, .c1528ccb32002 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cfc0d92ca3eb2 {
  display: flex;
  flex-direction: column;
}
.cfc0d92ca3eb2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cfc0d92ca3eb2 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cfc0d92ca3eb2 input:focus-within input, .cfc0d92ca3eb2 input:active input {
  color: var(--input-foreground-color-active);
}
.cfc0d92ca3eb2 input:focus-within, .cfc0d92ca3eb2 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cfc0d92ca3eb2.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc040c7bd4924 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c820a58744abc {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ca30623e85365 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cf35005bf9c46 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c18249aa2868e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c0291817e45f9 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cfc35d76f7312 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc3e636ad7281 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.caa57e0b9e5a0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c9073431db5bc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c9073431db5bc:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cc374da8c099a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c27265498bbaf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c234eded2d498 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c2a1500ab5669 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c8cf0db90bb7a {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c8cf0db90bb7a:hover, .c8cf0db90bb7a:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c163010afc938 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c163010afc938 button {
  display: none;
}
.c163010afc938 button svg {
  stroke: var(--icon-foreground);
}
.c163010afc938:hover button {
  display: flex;
}

.c84aeaf2ef75a {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c84aeaf2ef75a .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c84aeaf2ef75a .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c296f50c663bf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c296f50c663bf:hover div {
  color: var(--entry-foreground-color-hover);
}

.caccd208b534c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c5104b88f62fb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c5104b88f62fb:hover {
  background-color: var(--menu-background-color-hover);
}

.c46632d36840f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c46632d36840f span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c46632d36840f span svg {
  stroke: var(--icon-foreground);
}
.c46632d36840f:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c46632d36840f:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c715530469aca {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c87e1427701c6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c38d34163f8f6,
.ccf0127eab186 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cc9c70fb725bf .c38d34163f8f6,
.cc9c70fb725bf .ccf0127eab186 {
  transform: scale(1);
}

.c2a1fa5fb9d57 .c38d34163f8f6,
.c2a1fa5fb9d57 .ccf0127eab186 {
  transform: scale(0);
}

.ce156b339e99b {
  position: absolute;
  top: 4.5rem;
  margin: auto;
  left: 0;
  right: 0;
  min-height: 3rem;
  min-width: 40rem;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 60rem;
  z-index: 30;
}

.c2a1500ab5669 {
  margin: 0;
}
@keyframes c4d35ed843dc3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c6daae86b24e4 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c6daae86b24e4:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c6daae86b24e4 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c6daae86b24e4 ::-webkit-scrollbar-track,
.c6daae86b24e4 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c6daae86b24e4 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c6daae86b24e4 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c6daae86b24e4 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c6daae86b24e4 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c6daae86b24e4 ::placeholder,
.c6daae86b24e4 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c7d3ff938b1bd, .c5cf080102912, .c535bb7fe2ab7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c7d3ff938b1bd svg, .c5cf080102912 svg, .c535bb7fe2ab7 svg,
.c7d3ff938b1bd span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c7d3ff938b1bd:focus-visible, .c5cf080102912:focus-visible, .c535bb7fe2ab7:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c7d3ff938b1bd:focus-visible svg, .c5cf080102912:focus-visible svg, .c535bb7fe2ab7:focus-visible svg,
.c7d3ff938b1bd:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c7d3ff938b1bd:hover, .c5cf080102912:hover, .c535bb7fe2ab7:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c7d3ff938b1bd:hover svg, .c5cf080102912:hover svg, .c535bb7fe2ab7:hover svg,
.c7d3ff938b1bd:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c7d3ff938b1bd:active, .c5cf080102912:active, .c535bb7fe2ab7:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c7d3ff938b1bd:active svg, .c5cf080102912:active svg, .c535bb7fe2ab7:active svg,
.c7d3ff938b1bd:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c7d3ff938b1bd.disabled, .c5cf080102912.disabled, .c535bb7fe2ab7.disabled, .c7d3ff938b1bd[disabled], [disabled].c5cf080102912, [disabled].c535bb7fe2ab7, .c7d3ff938b1bd:disabled, .c5cf080102912:disabled, .c535bb7fe2ab7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2228fa77d85f, .ce302b5078fa3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c2228fa77d85f svg, .ce302b5078fa3 svg,
.c2228fa77d85f span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c2228fa77d85f:focus-visible, .ce302b5078fa3:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2228fa77d85f:focus-visible svg, .ce302b5078fa3:focus-visible svg,
.c2228fa77d85f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2228fa77d85f:hover, .ce302b5078fa3:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c2228fa77d85f:hover svg, .ce302b5078fa3:hover svg,
.c2228fa77d85f:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c2228fa77d85f:active, .ce302b5078fa3:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c2228fa77d85f:active svg, .ce302b5078fa3:active svg,
.c2228fa77d85f:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c2228fa77d85f.disabled, .ce302b5078fa3.disabled, .c2228fa77d85f[disabled], [disabled].ce302b5078fa3, .c2228fa77d85f:disabled, .ce302b5078fa3:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c384fd221fca7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c384fd221fca7 svg,
.c384fd221fca7 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c384fd221fca7:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c384fd221fca7:focus-visible svg,
.c384fd221fca7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c384fd221fca7:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c384fd221fca7:hover svg,
.c384fd221fca7:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c384fd221fca7:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c384fd221fca7:active svg,
.c384fd221fca7:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c384fd221fca7.disabled, .c384fd221fca7[disabled], .c384fd221fca7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1333b4357386, .cec5d2728e644 button, .c5d919b26ebac, .c29a374ead3cc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c1333b4357386 svg, .cec5d2728e644 button svg, .c5d919b26ebac svg, .c29a374ead3cc svg,
.c1333b4357386 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c1333b4357386:focus-visible, .cec5d2728e644 button:focus-visible, .c5d919b26ebac:focus-visible, .c29a374ead3cc:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c1333b4357386:focus-visible svg, .cec5d2728e644 button:focus-visible svg, .c5d919b26ebac:focus-visible svg, .c29a374ead3cc:focus-visible svg,
.c1333b4357386:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c1333b4357386:hover, .cec5d2728e644 button:hover, .c5d919b26ebac:hover, .c29a374ead3cc:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c1333b4357386:hover svg, .cec5d2728e644 button:hover svg, .c5d919b26ebac:hover svg, .c29a374ead3cc:hover svg,
.c1333b4357386:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c1333b4357386:active, .cec5d2728e644 button:active, .c5d919b26ebac:active, .c29a374ead3cc:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c1333b4357386:active svg, .cec5d2728e644 button:active svg, .c5d919b26ebac:active svg, .c29a374ead3cc:active svg,
.c1333b4357386:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c1333b4357386.disabled, .cec5d2728e644 button.disabled, .c5d919b26ebac.disabled, .c29a374ead3cc.disabled, .c1333b4357386[disabled], .cec5d2728e644 button[disabled], [disabled].c5d919b26ebac, [disabled].c29a374ead3cc, .c1333b4357386:disabled, .cec5d2728e644 button:disabled, .c5d919b26ebac:disabled, .c29a374ead3cc:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c1333b4357386.disabled svg, .cec5d2728e644 button.disabled svg, .c5d919b26ebac.disabled svg, .c29a374ead3cc.disabled svg,
.c1333b4357386.disabled span svg, .c1333b4357386[disabled] svg, .cec5d2728e644 button[disabled] svg, [disabled].c5d919b26ebac svg, [disabled].c29a374ead3cc svg,
.c1333b4357386[disabled] span svg, .c1333b4357386:disabled svg, .cec5d2728e644 button:disabled svg, .c5d919b26ebac:disabled svg, .c29a374ead3cc:disabled svg,
.c1333b4357386:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c5c902d7d44aa {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c5c902d7d44aa svg {
  color: var(--button-icon-foreground-color-selected);
}

.cd403ad5a2b89 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cd403ad5a2b89 svg,
.cd403ad5a2b89 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cd403ad5a2b89:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cd403ad5a2b89:focus-visible svg,
.cd403ad5a2b89:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cd403ad5a2b89:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cd403ad5a2b89:hover svg,
.cd403ad5a2b89:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cd403ad5a2b89:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cd403ad5a2b89:active svg,
.cd403ad5a2b89:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c66c6d6bd494e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cd0f8de04819c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c631c15983401 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c631c15983401:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c631c15983401:focus-visible svg,
.c631c15983401:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c631c15983401:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c631c15983401:active {
  border: none;
  background-color: transparent;
}

.c714217f954c7, .c5d919b26ebac svg, .c29a374ead3cc svg, .c1eee5dce6f9b, .c01cdfd951ef5 span svg, .cec5d2728e644 button svg, .c6b01b24c36cf.intermediate svg, .c2de3373dfe44 label span.intermediate svg, .c6b01b24c36cf.checked svg, .c2de3373dfe44 label span.checked svg, .c658ceaabbf70 span svg,
.c658ceaabbf70 label svg, .c5831074d016a svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cd21d866c40b7 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cd21d866c40b7:hover {
  fill: none;
  stroke: none;
}

.c1eee5dce6f9b, .c01cdfd951ef5 span svg, .cec5d2728e644 button svg, .c6b01b24c36cf.intermediate svg, .c2de3373dfe44 label span.intermediate svg, .c6b01b24c36cf.checked svg, .c2de3373dfe44 label span.checked svg, .c658ceaabbf70 span svg,
.c658ceaabbf70 label svg, .c5831074d016a svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c91b244cf4a10 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c91b244cf4a10:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cbb3c1b62ff9f, .ccc286d147132 input, .c7a33bfc46ffe input, .c658ceaabbf70 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cbb3c1b62ff9f, .ccc286d147132 input, .c7a33bfc46ffe input, .c658ceaabbf70 input {
    height: 23px;
  }
}
.cbb3c1b62ff9f, .ccc286d147132 input, .c7a33bfc46ffe input, .c658ceaabbf70 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cbb3c1b62ff9f[disabled], .ccc286d147132 input[disabled], .c7a33bfc46ffe input[disabled], .c658ceaabbf70 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c5831074d016a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c0c02487822de, .c658ceaabbf70 span,
.c658ceaabbf70 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c0c02487822de, .c658ceaabbf70 span,
  .c658ceaabbf70 label {
    height: 25px;
  }
}
.c0c02487822de, .c658ceaabbf70 span,
.c658ceaabbf70 label {
  color: var(--input-foreground-color);
}

.c658ceaabbf70 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c658ceaabbf70 {
    height: 25px;
    font-size: 10px;
  }
}
.c658ceaabbf70 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c658ceaabbf70 span svg,
.c658ceaabbf70 label svg {
  color: var(--input-foreground-color);
}
.c658ceaabbf70 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c658ceaabbf70 ::placeholder {
  color: var(--input-placeholder-color);
}
.c658ceaabbf70:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c658ceaabbf70:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c658ceaabbf70:hover span {
  color: var(--input-foreground-color-hover);
}
.c658ceaabbf70:hover input {
  color: var(--input-foreground-color-hover);
}
.c658ceaabbf70:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c658ceaabbf70:active span {
  color: var(--input-foreground-color-active);
}
.c658ceaabbf70:active input {
  color: var(--input-foreground-color-active);
}
.c658ceaabbf70:focus, .c658ceaabbf70:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c658ceaabbf70:focus span, .c658ceaabbf70:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c658ceaabbf70:focus input, .c658ceaabbf70:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c658ceaabbf70:focus:hover, .c658ceaabbf70:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c658ceaabbf70:focus:hover span, .c658ceaabbf70:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c658ceaabbf70:focus:hover input, .c658ceaabbf70:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c7a33bfc46ffe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c7a33bfc46ffe input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c7a33bfc46ffe ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c7a33bfc46ffe ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c7a33bfc46ffe:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c7a33bfc46ffe:focus-within input, .c7a33bfc46ffe:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c1ad9de01a5dc, .ccc286d147132.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c1ad9de01a5dc input, .ccc286d147132.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c1ad9de01a5dc span svg, .ccc286d147132.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c6b01b24c36cf, .c2de3373dfe44 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c6b01b24c36cf svg, .c2de3373dfe44 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c6b01b24c36cf:hover, .c2de3373dfe44 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c6b01b24c36cf:focus, .c2de3373dfe44 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c6b01b24c36cf.checked, .c2de3373dfe44 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c6b01b24c36cf.checked svg, .c2de3373dfe44 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c6b01b24c36cf.intermediate, .c2de3373dfe44 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c6b01b24c36cf.intermediate svg, .c2de3373dfe44 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c6b01b24c36cf.unchecked, .c2de3373dfe44 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c6b01b24c36cf.unchecked svg, .c2de3373dfe44 label span.unchecked svg {
  display: none;
}

.c2de3373dfe44 {
  display: flex;
  align-items: center;
}
.c2de3373dfe44 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c2de3373dfe44 label input {
  margin: 0;
}
.c2de3373dfe44 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c2de3373dfe44 label:focus span, .c2de3373dfe44 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ccc286d147132 {
  display: flex;
  flex-direction: column;
}
.ccc286d147132 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ccc286d147132 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ccc286d147132 input:focus-within input, .ccc286d147132 input:active input {
  color: var(--input-foreground-color-active);
}
.ccc286d147132 input:focus-within, .ccc286d147132 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ccc286d147132.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c6e8514d39e37 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c46a1d5f20c08, .ce9a027558e8d {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c188db5516e97, .cc551bfb13254 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c5d919b26ebac, .c29a374ead3cc {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c84f6ce459734 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c8ef7c6b7ded3 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ce302b5078fa3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c535bb7fe2ab7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c5cf080102912 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c3318068db645 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c3318068db645:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c62ca18b20458 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c1872207a8acb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c74876d2357d4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c5f6212bb1e8b {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c4e148303c995 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c4e148303c995:hover, .c4e148303c995:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cec5d2728e644 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cec5d2728e644 button {
  display: none;
}
.cec5d2728e644 button svg {
  stroke: var(--icon-foreground);
}
.cec5d2728e644:hover button {
  display: flex;
}

.cc681b5383e09 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cc681b5383e09 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cc681b5383e09 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c8c1350aa352c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c8c1350aa352c:hover div {
  color: var(--entry-foreground-color-hover);
}

.cd4dc07e1d049 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c0c3836060969 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c0c3836060969:hover {
  background-color: var(--menu-background-color-hover);
}

.c01cdfd951ef5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c01cdfd951ef5 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c01cdfd951ef5 span svg {
  stroke: var(--icon-foreground);
}
.c01cdfd951ef5:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c01cdfd951ef5:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c6309806a54c3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ccba3e210498a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c171d2eaa8cac,
.c0c75326ce4e7 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb74a302533e4 .c171d2eaa8cac,
.cb74a302533e4 .c0c75326ce4e7 {
  transform: scale(1);
}

.cfee99335b084 .c171d2eaa8cac,
.cfee99335b084 .c0c75326ce4e7 {
  transform: scale(0);
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.ce9a027558e8d {
  z-index: var(--z-index-notifications);
}

.cc551bfb13254 {
  max-block-size: initial;
  min-inline-size: 40.5rem;
}

.c45e13dfc7d61 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.5rem;
  margin-block-end: var(--sp-xxxl);
  color: var(--modal-title-foreground-color);
  display: flex;
  gap: var(--sp-m);
}

.c624fe9d8eef8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
}

.c484364bc125a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
}

.c835304c54169 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.cab4c0c56c2c6 {
  margin-block-start: var(--sp-s);
  width: 40%;
}

.cf48cb2e8eb07,
.cc5b5a92a94ed {
  color: var(--color-foreground-secondary);
  display: flex;
  flex-direction: column;
}

.c4be3092e69dd {
  display: flex;
  gap: 2.5rem;
}

.c38b51d4e21f7 {
  display: flex;
  justify-content: center;
  max-inline-size: 14rem;
}
.c38b51d4e21f7 svg {
  inline-size: 100%;
  block-size: auto;
}
@media (max-inline-size: 992px) {
  .c38b51d4e21f7 {
    display: none;
  }
}

.c95d6cc5b9819 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  padding: 0;
  display: flex;
  align-items: center;
}
.c95d6cc5b9819 {
  display: flex;
  flex-direction: column;
  padding: var(--sp-l) 0 0 0;
  gap: 0;
}

.c3c1937e27ecc {
  margin-block-start: 6rem;
  color: var(--color-foreground-primary);
}
@keyframes ca46ff74ff964 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c2d2adc8a1e9c {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c2d2adc8a1e9c:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c2d2adc8a1e9c ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c2d2adc8a1e9c ::-webkit-scrollbar-track,
.c2d2adc8a1e9c ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c2d2adc8a1e9c ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c2d2adc8a1e9c ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c2d2adc8a1e9c ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2d2adc8a1e9c ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2d2adc8a1e9c ::placeholder,
.c2d2adc8a1e9c ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c2c36fed6fd5c, .cd5c82f94a82b, .cd3eea65c435d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c2c36fed6fd5c svg, .cd5c82f94a82b svg, .cd3eea65c435d svg,
.c2c36fed6fd5c span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c2c36fed6fd5c:focus-visible, .cd5c82f94a82b:focus-visible, .cd3eea65c435d:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c2c36fed6fd5c:focus-visible svg, .cd5c82f94a82b:focus-visible svg, .cd3eea65c435d:focus-visible svg,
.c2c36fed6fd5c:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c2c36fed6fd5c:hover, .cd5c82f94a82b:hover, .cd3eea65c435d:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c2c36fed6fd5c:hover svg, .cd5c82f94a82b:hover svg, .cd3eea65c435d:hover svg,
.c2c36fed6fd5c:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c2c36fed6fd5c:active, .cd5c82f94a82b:active, .cd3eea65c435d:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c2c36fed6fd5c:active svg, .cd5c82f94a82b:active svg, .cd3eea65c435d:active svg,
.c2c36fed6fd5c:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c2c36fed6fd5c.disabled, .cd5c82f94a82b.disabled, .cd3eea65c435d.disabled, .c2c36fed6fd5c[disabled], [disabled].cd5c82f94a82b, [disabled].cd3eea65c435d, .c2c36fed6fd5c:disabled, .cd5c82f94a82b:disabled, .cd3eea65c435d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c08e1ee5b7d5f, .c39069bd167be {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c08e1ee5b7d5f svg, .c39069bd167be svg,
.c08e1ee5b7d5f span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c08e1ee5b7d5f:focus-visible, .c39069bd167be:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c08e1ee5b7d5f:focus-visible svg, .c39069bd167be:focus-visible svg,
.c08e1ee5b7d5f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c08e1ee5b7d5f:hover, .c39069bd167be:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c08e1ee5b7d5f:hover svg, .c39069bd167be:hover svg,
.c08e1ee5b7d5f:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c08e1ee5b7d5f:active, .c39069bd167be:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c08e1ee5b7d5f:active svg, .c39069bd167be:active svg,
.c08e1ee5b7d5f:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c08e1ee5b7d5f.disabled, .c39069bd167be.disabled, .c08e1ee5b7d5f[disabled], [disabled].c39069bd167be, .c08e1ee5b7d5f:disabled, .c39069bd167be:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1b9352466961 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c1b9352466961 svg,
.c1b9352466961 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c1b9352466961:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c1b9352466961:focus-visible svg,
.c1b9352466961:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c1b9352466961:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c1b9352466961:hover svg,
.c1b9352466961:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c1b9352466961:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c1b9352466961:active svg,
.c1b9352466961:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c1b9352466961.disabled, .c1b9352466961[disabled], .c1b9352466961:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7b36a921b276, .cb2c8d1b52d63 button, .ca9a4156c3b7e button, .cc42a27ea7d32 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c7b36a921b276 svg, .cb2c8d1b52d63 button svg, .ca9a4156c3b7e button svg, .cc42a27ea7d32 svg,
.c7b36a921b276 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c7b36a921b276:focus-visible, .cb2c8d1b52d63 button:focus-visible, .ca9a4156c3b7e button:focus-visible, .cc42a27ea7d32:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c7b36a921b276:focus-visible svg, .cb2c8d1b52d63 button:focus-visible svg, .ca9a4156c3b7e button:focus-visible svg, .cc42a27ea7d32:focus-visible svg,
.c7b36a921b276:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c7b36a921b276:hover, .cb2c8d1b52d63 button:hover, .ca9a4156c3b7e button:hover, .cc42a27ea7d32:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c7b36a921b276:hover svg, .cb2c8d1b52d63 button:hover svg, .ca9a4156c3b7e button:hover svg, .cc42a27ea7d32:hover svg,
.c7b36a921b276:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c7b36a921b276:active, .cb2c8d1b52d63 button:active, .ca9a4156c3b7e button:active, .cc42a27ea7d32:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c7b36a921b276:active svg, .cb2c8d1b52d63 button:active svg, .ca9a4156c3b7e button:active svg, .cc42a27ea7d32:active svg,
.c7b36a921b276:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c7b36a921b276.disabled, .cb2c8d1b52d63 button.disabled, .ca9a4156c3b7e button.disabled, .cc42a27ea7d32.disabled, .c7b36a921b276[disabled], .cb2c8d1b52d63 button[disabled], .ca9a4156c3b7e button[disabled], [disabled].cc42a27ea7d32, .c7b36a921b276:disabled, .cb2c8d1b52d63 button:disabled, .ca9a4156c3b7e button:disabled, .cc42a27ea7d32:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c7b36a921b276.disabled svg, .cb2c8d1b52d63 button.disabled svg, .ca9a4156c3b7e button.disabled svg, .cc42a27ea7d32.disabled svg,
.c7b36a921b276.disabled span svg, .c7b36a921b276[disabled] svg, .cb2c8d1b52d63 button[disabled] svg, .ca9a4156c3b7e button[disabled] svg, [disabled].cc42a27ea7d32 svg,
.c7b36a921b276[disabled] span svg, .c7b36a921b276:disabled svg, .cb2c8d1b52d63 button:disabled svg, .ca9a4156c3b7e button:disabled svg, .cc42a27ea7d32:disabled svg,
.c7b36a921b276:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c99b04e2c395f {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c99b04e2c395f svg {
  color: var(--button-icon-foreground-color-selected);
}

.c5626cf519f63 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c5626cf519f63 svg,
.c5626cf519f63 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c5626cf519f63:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c5626cf519f63:focus-visible svg,
.c5626cf519f63:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c5626cf519f63:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c5626cf519f63:hover svg,
.c5626cf519f63:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c5626cf519f63:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c5626cf519f63:active svg,
.c5626cf519f63:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c2db2334bdcc5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ce74aada3c036 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce8a2cb39cf76 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ce8a2cb39cf76:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ce8a2cb39cf76:focus-visible svg,
.ce8a2cb39cf76:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ce8a2cb39cf76:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ce8a2cb39cf76:active {
  border: none;
  background-color: transparent;
}

.c32249d585f0b, .cc42a27ea7d32 svg, .cd7f586b4c616, .c9e2fecf0a0f2 span svg, .cb2c8d1b52d63 button svg, .ca9a4156c3b7e button svg, .c62f748d749a4.intermediate svg, .cecc372ad699f label span.intermediate svg, .c62f748d749a4.checked svg, .cecc372ad699f label span.checked svg, .c2cc868d6d522 span svg,
.c2cc868d6d522 label svg, .c1e989de15f77 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cae2016d566c0 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cae2016d566c0:hover {
  fill: none;
  stroke: none;
}

.cd7f586b4c616, .c9e2fecf0a0f2 span svg, .cb2c8d1b52d63 button svg, .ca9a4156c3b7e button svg, .c62f748d749a4.intermediate svg, .cecc372ad699f label span.intermediate svg, .c62f748d749a4.checked svg, .cecc372ad699f label span.checked svg, .c2cc868d6d522 span svg,
.c2cc868d6d522 label svg, .c1e989de15f77 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ceccf78bde935 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ceccf78bde935:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ccbd924d2c4ea, .c1fcb77e0420e input, .c28e13385b462 input, .c2cc868d6d522 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ccbd924d2c4ea, .c1fcb77e0420e input, .c28e13385b462 input, .c2cc868d6d522 input {
    height: 23px;
  }
}
.ccbd924d2c4ea, .c1fcb77e0420e input, .c28e13385b462 input, .c2cc868d6d522 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ccbd924d2c4ea[disabled], .c1fcb77e0420e input[disabled], .c28e13385b462 input[disabled], .c2cc868d6d522 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c1e989de15f77 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cdb764bf4579d, .c2cc868d6d522 span,
.c2cc868d6d522 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cdb764bf4579d, .c2cc868d6d522 span,
  .c2cc868d6d522 label {
    height: 25px;
  }
}
.cdb764bf4579d, .c2cc868d6d522 span,
.c2cc868d6d522 label {
  color: var(--input-foreground-color);
}

.c2cc868d6d522 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c2cc868d6d522 {
    height: 25px;
    font-size: 10px;
  }
}
.c2cc868d6d522 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c2cc868d6d522 span svg,
.c2cc868d6d522 label svg {
  color: var(--input-foreground-color);
}
.c2cc868d6d522 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c2cc868d6d522 ::placeholder {
  color: var(--input-placeholder-color);
}
.c2cc868d6d522:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c2cc868d6d522:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c2cc868d6d522:hover span {
  color: var(--input-foreground-color-hover);
}
.c2cc868d6d522:hover input {
  color: var(--input-foreground-color-hover);
}
.c2cc868d6d522:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c2cc868d6d522:active span {
  color: var(--input-foreground-color-active);
}
.c2cc868d6d522:active input {
  color: var(--input-foreground-color-active);
}
.c2cc868d6d522:focus, .c2cc868d6d522:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c2cc868d6d522:focus span, .c2cc868d6d522:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c2cc868d6d522:focus input, .c2cc868d6d522:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c2cc868d6d522:focus:hover, .c2cc868d6d522:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c2cc868d6d522:focus:hover span, .c2cc868d6d522:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c2cc868d6d522:focus:hover input, .c2cc868d6d522:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c28e13385b462 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c28e13385b462 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c28e13385b462 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c28e13385b462 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c28e13385b462:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c28e13385b462:focus-within input, .c28e13385b462:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c083642fd9f17, .c1fcb77e0420e.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c083642fd9f17 input, .c1fcb77e0420e.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c083642fd9f17 span svg, .c1fcb77e0420e.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c62f748d749a4, .cecc372ad699f label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c62f748d749a4 svg, .cecc372ad699f label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c62f748d749a4:hover, .cecc372ad699f label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c62f748d749a4:focus, .cecc372ad699f label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c62f748d749a4.checked, .cecc372ad699f label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c62f748d749a4.checked svg, .cecc372ad699f label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c62f748d749a4.intermediate, .cecc372ad699f label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c62f748d749a4.intermediate svg, .cecc372ad699f label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c62f748d749a4.unchecked, .cecc372ad699f label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c62f748d749a4.unchecked svg, .cecc372ad699f label span.unchecked svg {
  display: none;
}

.cecc372ad699f {
  display: flex;
  align-items: center;
}
.cecc372ad699f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cecc372ad699f label input {
  margin: 0;
}
.cecc372ad699f label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cecc372ad699f label:focus span, .cecc372ad699f label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c1fcb77e0420e {
  display: flex;
  flex-direction: column;
}
.c1fcb77e0420e label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c1fcb77e0420e input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c1fcb77e0420e input:focus-within input, .c1fcb77e0420e input:active input {
  color: var(--input-foreground-color-active);
}
.c1fcb77e0420e input:focus-within, .c1fcb77e0420e input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1fcb77e0420e.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc73b10b51f74 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.caf34ec80d6a4 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ca8b2085e8e99 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cc42a27ea7d32 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c05ff81cd7187 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c209fa471b0cc {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c39069bd167be {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd3eea65c435d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd5c82f94a82b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cb61aacac1177 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cb61aacac1177:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c533191e9b320 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c098df6d5109d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c1ccd8b8118cf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c3320f9ed2b51 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cb2a591d12584 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cb2a591d12584:hover, .cb2a591d12584:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cb2c8d1b52d63 div, .ca9a4156c3b7e div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cb2c8d1b52d63 button, .ca9a4156c3b7e button {
  display: none;
}
.cb2c8d1b52d63 button svg, .ca9a4156c3b7e button svg {
  stroke: var(--icon-foreground);
}
.cb2c8d1b52d63:hover button, .ca9a4156c3b7e:hover button {
  display: flex;
}

.c2e6e21264708 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c2e6e21264708 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c2e6e21264708 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cca4a0d64ff3f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cca4a0d64ff3f:hover div {
  color: var(--entry-foreground-color-hover);
}

.ccc413d126df9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cd3deb355e9ab {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cd3deb355e9ab:hover {
  background-color: var(--menu-background-color-hover);
}

.c9e2fecf0a0f2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c9e2fecf0a0f2 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c9e2fecf0a0f2 span svg {
  stroke: var(--icon-foreground);
}
.c9e2fecf0a0f2:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c9e2fecf0a0f2:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c1bee07ca7fc6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c765b952bb60d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cea51cbd8709c,
.ce86c270e2329 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c6f175e5ca3de .cea51cbd8709c,
.c6f175e5ca3de .ce86c270e2329 {
  transform: scale(1);
}

.c650e0e1257bd .cea51cbd8709c,
.c650e0e1257bd .ce86c270e2329 {
  transform: scale(0);
}

.cb695205f0f11 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.c6f667f023b2b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--entry-foreground-color);
}

.cd51917af4399 {
  max-width: 1.75rem;
}
.cd494cc332684 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-l);
  width: 100%;
  max-height: calc(100vh - 8rem);
  padding-top: var(--sp-s);
  padding-inline: var(--sp-m);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  background-color: var(--low-emphasis-background);
}

.cb6287ab89d98 {
  max-height: calc(100vh - 11.25rem);
  padding-inline: var(--sp-m);
  background-color: var(--low-emphasis-background);
}
@keyframes c42b304f7866c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ca62fea262a12 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ca62fea262a12:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ca62fea262a12 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ca62fea262a12 ::-webkit-scrollbar-track,
.ca62fea262a12 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ca62fea262a12 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ca62fea262a12 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ca62fea262a12 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca62fea262a12 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca62fea262a12 ::placeholder,
.ca62fea262a12 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ca0e69d1f1bf4, .cd96368facf54, .c23a11efa02a6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ca0e69d1f1bf4 svg, .cd96368facf54 svg, .c23a11efa02a6 svg,
.ca0e69d1f1bf4 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ca0e69d1f1bf4:focus-visible, .cd96368facf54:focus-visible, .c23a11efa02a6:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ca0e69d1f1bf4:focus-visible svg, .cd96368facf54:focus-visible svg, .c23a11efa02a6:focus-visible svg,
.ca0e69d1f1bf4:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ca0e69d1f1bf4:hover, .cd96368facf54:hover, .c23a11efa02a6:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ca0e69d1f1bf4:hover svg, .cd96368facf54:hover svg, .c23a11efa02a6:hover svg,
.ca0e69d1f1bf4:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ca0e69d1f1bf4:active, .cd96368facf54:active, .c23a11efa02a6:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ca0e69d1f1bf4:active svg, .cd96368facf54:active svg, .c23a11efa02a6:active svg,
.ca0e69d1f1bf4:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ca0e69d1f1bf4.disabled, .cd96368facf54.disabled, .c23a11efa02a6.disabled, .ca0e69d1f1bf4[disabled], [disabled].cd96368facf54, [disabled].c23a11efa02a6, .ca0e69d1f1bf4:disabled, .cd96368facf54:disabled, .c23a11efa02a6:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c96ec12813b6b, .c0178162d75ec, .cfa7449bee4ed {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c96ec12813b6b svg, .c0178162d75ec svg, .cfa7449bee4ed svg,
.c96ec12813b6b span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c96ec12813b6b:focus-visible, .c0178162d75ec:focus-visible, .cfa7449bee4ed:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c96ec12813b6b:focus-visible svg, .c0178162d75ec:focus-visible svg, .cfa7449bee4ed:focus-visible svg,
.c96ec12813b6b:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c96ec12813b6b:hover, .c0178162d75ec:hover, .cfa7449bee4ed:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c96ec12813b6b:hover svg, .c0178162d75ec:hover svg, .cfa7449bee4ed:hover svg,
.c96ec12813b6b:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c96ec12813b6b:active, .c0178162d75ec:active, .cfa7449bee4ed:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c96ec12813b6b:active svg, .c0178162d75ec:active svg, .cfa7449bee4ed:active svg,
.c96ec12813b6b:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c96ec12813b6b.disabled, .c0178162d75ec.disabled, .cfa7449bee4ed.disabled, .c96ec12813b6b[disabled], [disabled].c0178162d75ec, [disabled].cfa7449bee4ed, .c96ec12813b6b:disabled, .c0178162d75ec:disabled, .cfa7449bee4ed:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c00c10034eefe {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c00c10034eefe svg,
.c00c10034eefe span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c00c10034eefe:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c00c10034eefe:focus-visible svg,
.c00c10034eefe:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c00c10034eefe:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c00c10034eefe:hover svg,
.c00c10034eefe:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c00c10034eefe:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c00c10034eefe:active svg,
.c00c10034eefe:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c00c10034eefe.disabled, .c00c10034eefe[disabled], .c00c10034eefe:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c69cf46fb0024, .c7ca31c5b0d80,
.c23192dfece68,
.cde3f588d2ae4, .ccf1e016fac8d button, .cf952188c7f02 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c69cf46fb0024 svg, .c7ca31c5b0d80 svg,
.c23192dfece68 svg,
.cde3f588d2ae4 svg, .ccf1e016fac8d button svg, .cf952188c7f02 svg,
.c69cf46fb0024 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c69cf46fb0024:focus-visible, .c7ca31c5b0d80:focus-visible,
.c23192dfece68:focus-visible,
.cde3f588d2ae4:focus-visible, .ccf1e016fac8d button:focus-visible, .cf952188c7f02:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c69cf46fb0024:focus-visible svg, .c7ca31c5b0d80:focus-visible svg,
.c23192dfece68:focus-visible svg,
.cde3f588d2ae4:focus-visible svg, .ccf1e016fac8d button:focus-visible svg, .cf952188c7f02:focus-visible svg,
.c69cf46fb0024:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c69cf46fb0024:hover, .c7ca31c5b0d80:hover,
.c23192dfece68:hover,
.cde3f588d2ae4:hover, .ccf1e016fac8d button:hover, .cf952188c7f02:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c69cf46fb0024:hover svg, .c7ca31c5b0d80:hover svg,
.c23192dfece68:hover svg,
.cde3f588d2ae4:hover svg, .ccf1e016fac8d button:hover svg, .cf952188c7f02:hover svg,
.c69cf46fb0024:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c69cf46fb0024:active, .c7ca31c5b0d80:active,
.c23192dfece68:active,
.cde3f588d2ae4:active, .ccf1e016fac8d button:active, .cf952188c7f02:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c69cf46fb0024:active svg, .c7ca31c5b0d80:active svg,
.c23192dfece68:active svg,
.cde3f588d2ae4:active svg, .ccf1e016fac8d button:active svg, .cf952188c7f02:active svg,
.c69cf46fb0024:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c69cf46fb0024.disabled, .c7ca31c5b0d80.disabled,
.c23192dfece68.disabled,
.cde3f588d2ae4.disabled, .ccf1e016fac8d button.disabled, .cf952188c7f02.disabled, .c69cf46fb0024[disabled], [disabled].c7ca31c5b0d80,
[disabled].c23192dfece68,
[disabled].cde3f588d2ae4, .ccf1e016fac8d button[disabled], [disabled].cf952188c7f02, .c69cf46fb0024:disabled, .c7ca31c5b0d80:disabled,
.c23192dfece68:disabled,
.cde3f588d2ae4:disabled, .ccf1e016fac8d button:disabled, .cf952188c7f02:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c69cf46fb0024.disabled svg, .c7ca31c5b0d80.disabled svg,
.c23192dfece68.disabled svg,
.cde3f588d2ae4.disabled svg, .ccf1e016fac8d button.disabled svg, .cf952188c7f02.disabled svg,
.c69cf46fb0024.disabled span svg, .c69cf46fb0024[disabled] svg, [disabled].c7ca31c5b0d80 svg,
[disabled].c23192dfece68 svg,
[disabled].cde3f588d2ae4 svg, .ccf1e016fac8d button[disabled] svg, [disabled].cf952188c7f02 svg,
.c69cf46fb0024[disabled] span svg, .c69cf46fb0024:disabled svg, .c7ca31c5b0d80:disabled svg,
.c23192dfece68:disabled svg,
.cde3f588d2ae4:disabled svg, .ccf1e016fac8d button:disabled svg, .cf952188c7f02:disabled svg,
.c69cf46fb0024:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c0bbca19b98bf {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c0bbca19b98bf svg {
  color: var(--button-icon-foreground-color-selected);
}

.cf678a8c61b31 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cf678a8c61b31 svg,
.cf678a8c61b31 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cf678a8c61b31:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cf678a8c61b31:focus-visible svg,
.cf678a8c61b31:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cf678a8c61b31:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cf678a8c61b31:hover svg,
.cf678a8c61b31:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cf678a8c61b31:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cf678a8c61b31:active svg,
.cf678a8c61b31:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c1148c2410ffd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c00a115145c56 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c62e832c1b8d2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c62e832c1b8d2:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c62e832c1b8d2:focus-visible svg,
.c62e832c1b8d2:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c62e832c1b8d2:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c62e832c1b8d2:active {
  border: none;
  background-color: transparent;
}

.c35e5ec33225f, .c7ca31c5b0d80 svg,
.c23192dfece68 svg,
.cde3f588d2ae4 svg, .cf952188c7f02 svg, .c128e65354c40, .cb14c79d5a585 .cd0c90e928ef6 svg, .cfc787b57f798 span svg, .ccf1e016fac8d button svg, .c3baa120ea37e.intermediate svg, .c131606cfbe0f label span.intermediate svg, .c3baa120ea37e.checked svg, .c131606cfbe0f label span.checked svg, .c1de7906b17e3 span svg,
.c1de7906b17e3 label svg, .c2bdcde938fcc svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c5c86ec5098d6 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c5c86ec5098d6:hover {
  fill: none;
  stroke: none;
}

.c128e65354c40, .cb14c79d5a585 .cd0c90e928ef6 svg, .cfc787b57f798 span svg, .ccf1e016fac8d button svg, .c3baa120ea37e.intermediate svg, .c131606cfbe0f label span.intermediate svg, .c3baa120ea37e.checked svg, .c131606cfbe0f label span.checked svg, .c1de7906b17e3 span svg,
.c1de7906b17e3 label svg, .c2bdcde938fcc svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ccfabf595054b {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ccfabf595054b:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c967f8601b9c6, .c77f7f56c5565 input, .c587116ab85ad input, .c1de7906b17e3 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c967f8601b9c6, .c77f7f56c5565 input, .c587116ab85ad input, .c1de7906b17e3 input {
    height: 23px;
  }
}
.c967f8601b9c6, .c77f7f56c5565 input, .c587116ab85ad input, .c1de7906b17e3 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c967f8601b9c6[disabled], .c77f7f56c5565 input[disabled], .c587116ab85ad input[disabled], .c1de7906b17e3 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c2bdcde938fcc {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c372f7b69a704, .c1de7906b17e3 span,
.c1de7906b17e3 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c372f7b69a704, .c1de7906b17e3 span,
  .c1de7906b17e3 label {
    height: 25px;
  }
}
.c372f7b69a704, .c1de7906b17e3 span,
.c1de7906b17e3 label {
  color: var(--input-foreground-color);
}

.c1de7906b17e3 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1de7906b17e3 {
    height: 25px;
    font-size: 10px;
  }
}
.c1de7906b17e3 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c1de7906b17e3 span svg,
.c1de7906b17e3 label svg {
  color: var(--input-foreground-color);
}
.c1de7906b17e3 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c1de7906b17e3 ::placeholder {
  color: var(--input-placeholder-color);
}
.c1de7906b17e3:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1de7906b17e3:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c1de7906b17e3:hover span {
  color: var(--input-foreground-color-hover);
}
.c1de7906b17e3:hover input {
  color: var(--input-foreground-color-hover);
}
.c1de7906b17e3:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c1de7906b17e3:active span {
  color: var(--input-foreground-color-active);
}
.c1de7906b17e3:active input {
  color: var(--input-foreground-color-active);
}
.c1de7906b17e3:focus, .c1de7906b17e3:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1de7906b17e3:focus span, .c1de7906b17e3:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c1de7906b17e3:focus input, .c1de7906b17e3:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c1de7906b17e3:focus:hover, .c1de7906b17e3:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1de7906b17e3:focus:hover span, .c1de7906b17e3:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c1de7906b17e3:focus:hover input, .c1de7906b17e3:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c587116ab85ad {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c587116ab85ad input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c587116ab85ad ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c587116ab85ad ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c587116ab85ad:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c587116ab85ad:focus-within input, .c587116ab85ad:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c7efd76c0c546, .c77f7f56c5565.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c7efd76c0c546 input, .c77f7f56c5565.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c7efd76c0c546 span svg, .c77f7f56c5565.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c3baa120ea37e, .c131606cfbe0f label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c3baa120ea37e svg, .c131606cfbe0f label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c3baa120ea37e:hover, .c131606cfbe0f label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c3baa120ea37e:focus, .c131606cfbe0f label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c3baa120ea37e.checked, .c131606cfbe0f label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c3baa120ea37e.checked svg, .c131606cfbe0f label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c3baa120ea37e.intermediate, .c131606cfbe0f label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c3baa120ea37e.intermediate svg, .c131606cfbe0f label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c3baa120ea37e.unchecked, .c131606cfbe0f label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c3baa120ea37e.unchecked svg, .c131606cfbe0f label span.unchecked svg {
  display: none;
}

.c131606cfbe0f {
  display: flex;
  align-items: center;
}
.c131606cfbe0f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c131606cfbe0f label input {
  margin: 0;
}
.c131606cfbe0f label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c131606cfbe0f label:focus span, .c131606cfbe0f label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c77f7f56c5565 {
  display: flex;
  flex-direction: column;
}
.c77f7f56c5565 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c77f7f56c5565 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c77f7f56c5565 input:focus-within input, .c77f7f56c5565 input:active input {
  color: var(--input-foreground-color-active);
}
.c77f7f56c5565 input:focus-within, .c77f7f56c5565 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c77f7f56c5565.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c49b92ef5e5c9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c79ec107aa682 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c4ec67301fcfc {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cf952188c7f02 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cc52ee4ba3121 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ccb7303858fe4 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cfa7449bee4ed {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c23a11efa02a6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd96368facf54 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.caf238ce507a8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.caf238ce507a8:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c9a0a078d531d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ca71ff7125ed4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c22e7369aff34 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c5adf1649d9b0 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c3387bf1718cc {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c3387bf1718cc:hover, .c3387bf1718cc:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ccf1e016fac8d div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ccf1e016fac8d button {
  display: none;
}
.ccf1e016fac8d button svg {
  stroke: var(--icon-foreground);
}
.ccf1e016fac8d:hover button {
  display: flex;
}

.ce47a3cfaf2ea {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ce47a3cfaf2ea .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ce47a3cfaf2ea .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c3342bd7eb32d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c3342bd7eb32d:hover div {
  color: var(--entry-foreground-color-hover);
}

.c095f656a1515 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c84386be6f65a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c84386be6f65a:hover {
  background-color: var(--menu-background-color-hover);
}

.cfc787b57f798 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cfc787b57f798 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cfc787b57f798 span svg {
  stroke: var(--icon-foreground);
}
.cfc787b57f798:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cfc787b57f798:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c212c7c3ef768 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c70de279d02aa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c66f0f741cfd2,
.c86a9fc0d52b6 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c5b049c189e1b .c66f0f741cfd2,
.c5b049c189e1b .c86a9fc0d52b6 {
  transform: scale(1);
}

.ce03aebee2c02 .c66f0f741cfd2,
.ce03aebee2c02 .c86a9fc0d52b6 {
  transform: scale(0);
}

.cb3def00117bc {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 10rem);
  overflow: hidden;
  padding-bottom: 1rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-inline: var(--sp-m);
}

.c9faf3b82fcfd {
  height: calc(100vh - 6.75rem);
}

.c0178162d75ec {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2rem;
  width: 100%;
  margin: 0.5rem 0;
}

.c21f1e9c2ee52 {
  font-family: "robotomono", monospace;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 0 0.25rem 0.5rem 0;
}
.c21f1e9c2ee52 pre {
  border-radius: 8px;
  padding: 1rem;
  overflow: auto;
  height: 100%;
}
.c21f1e9c2ee52 .hljs {
  background: var(--color-background-tertiary);
}
.c21f1e9c2ee52.cd8aec4293fae {
  height: initial;
}

.ca6f6cdc4d1b5 {
  display: grid;
  grid-template-columns: 0.75rem 1fr 3.75rem;
  gap: 0.25rem;
  width: 100%;
}

.c45514c9d2b64 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  align-items: center;
}

.c11800dcbf81e {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
}

.c7ca31c5b0d80,
.c23192dfece68,
.cde3f588d2ae4 {
  height: 2rem;
  width: 1.75rem;
}
.c7ca31c5b0d80 svg,
.c23192dfece68 svg,
.cde3f588d2ae4 svg {
  stroke: none;
}

.cfcc5e57e0e9e {
  max-width: 6.75rem;
}

.c880ef48b1c13 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  width: 4.5rem;
  border: 1px solid transparent;
  background-color: transparent;
  color: var(--menu-foreground-color-disabled);
}

.cabfcd1af3858 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  width: 4.5rem;
  height: 2rem;
  padding: 0.5rem;
  color: var(--menu-foreground-color-disabled);
}

.c12db48921b95 {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding-bottom: 0.5rem;
}

.cb14c79d5a585 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0;
  color: var(--title-foreground-color);
  stroke: var(--title-foreground-color);
}
.cb14c79d5a585 .cd0c90e928ef6 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  border-radius: 8px;
}
.cb14c79d5a585 .cd0c90e928ef6 svg {
  transform: rotate(90deg);
  stroke: none;
}
.cb14c79d5a585 .cd0c90e928ef6.c4bf6b98a38e3 svg {
  transform: rotate(0deg);
}
.cb14c79d5a585:hover {
  color: var(--title-foreground-color-hover);
  stroke: var(--title-foreground-color-hover);
}
.cb14c79d5a585:hover .ce11df5263b2a {
  color: var(--title-foreground-color-hover);
  stroke: var(--title-foreground-color-hover);
}
.cb14c79d5a585:hover .cd0c90e928ef6 svg {
  stroke: var(--title-foreground-color-hover);
}
@keyframes c11ad677157b1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c6cc6798e9815 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c6cc6798e9815:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c6cc6798e9815 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c6cc6798e9815 ::-webkit-scrollbar-track,
.c6cc6798e9815 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c6cc6798e9815 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c6cc6798e9815 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c6cc6798e9815 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c6cc6798e9815 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c6cc6798e9815 ::placeholder,
.c6cc6798e9815 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ca09b7e687f11, .c4a30ed673be9, .cacbf5a4bc137 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ca09b7e687f11 svg, .c4a30ed673be9 svg, .cacbf5a4bc137 svg,
.ca09b7e687f11 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ca09b7e687f11:focus-visible, .c4a30ed673be9:focus-visible, .cacbf5a4bc137:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ca09b7e687f11:focus-visible svg, .c4a30ed673be9:focus-visible svg, .cacbf5a4bc137:focus-visible svg,
.ca09b7e687f11:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ca09b7e687f11:hover, .c4a30ed673be9:hover, .cacbf5a4bc137:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ca09b7e687f11:hover svg, .c4a30ed673be9:hover svg, .cacbf5a4bc137:hover svg,
.ca09b7e687f11:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ca09b7e687f11:active, .c4a30ed673be9:active, .cacbf5a4bc137:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ca09b7e687f11:active svg, .c4a30ed673be9:active svg, .cacbf5a4bc137:active svg,
.ca09b7e687f11:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ca09b7e687f11.disabled, .c4a30ed673be9.disabled, .cacbf5a4bc137.disabled, .ca09b7e687f11[disabled], [disabled].c4a30ed673be9, [disabled].cacbf5a4bc137, .ca09b7e687f11:disabled, .c4a30ed673be9:disabled, .cacbf5a4bc137:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cda92f3e4cf0e, .c62ef38f27ef7, .c2274d05b33d0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cda92f3e4cf0e svg, .c62ef38f27ef7 svg, .c2274d05b33d0 svg,
.cda92f3e4cf0e span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cda92f3e4cf0e:focus-visible, .c62ef38f27ef7:focus-visible, .c2274d05b33d0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cda92f3e4cf0e:focus-visible svg, .c62ef38f27ef7:focus-visible svg, .c2274d05b33d0:focus-visible svg,
.cda92f3e4cf0e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cda92f3e4cf0e:hover, .c62ef38f27ef7:hover, .c2274d05b33d0:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cda92f3e4cf0e:hover svg, .c62ef38f27ef7:hover svg, .c2274d05b33d0:hover svg,
.cda92f3e4cf0e:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cda92f3e4cf0e:active, .c62ef38f27ef7:active, .c2274d05b33d0:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cda92f3e4cf0e:active svg, .c62ef38f27ef7:active svg, .c2274d05b33d0:active svg,
.cda92f3e4cf0e:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cda92f3e4cf0e.disabled, .c62ef38f27ef7.disabled, .c2274d05b33d0.disabled, .cda92f3e4cf0e[disabled], [disabled].c62ef38f27ef7, [disabled].c2274d05b33d0, .cda92f3e4cf0e:disabled, .c62ef38f27ef7:disabled, .c2274d05b33d0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0e73dbedfa0b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c0e73dbedfa0b svg,
.c0e73dbedfa0b span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c0e73dbedfa0b:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c0e73dbedfa0b:focus-visible svg,
.c0e73dbedfa0b:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c0e73dbedfa0b:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c0e73dbedfa0b:hover svg,
.c0e73dbedfa0b:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c0e73dbedfa0b:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c0e73dbedfa0b:active svg,
.c0e73dbedfa0b:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c0e73dbedfa0b.disabled, .c0e73dbedfa0b[disabled], .c0e73dbedfa0b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c14f30c26faa1, .cbc0a0fb34129, .c701c1d4df731 .c31d33438148e, .c0335408b0b34 button, .cdd72b2fdde6e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c14f30c26faa1 svg, .cbc0a0fb34129 svg, .c701c1d4df731 .c31d33438148e svg, .c0335408b0b34 button svg, .cdd72b2fdde6e svg,
.c14f30c26faa1 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c14f30c26faa1:focus-visible, .cbc0a0fb34129:focus-visible, .c701c1d4df731 .c31d33438148e:focus-visible, .c0335408b0b34 button:focus-visible, .cdd72b2fdde6e:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c14f30c26faa1:focus-visible svg, .cbc0a0fb34129:focus-visible svg, .c701c1d4df731 .c31d33438148e:focus-visible svg, .c0335408b0b34 button:focus-visible svg, .cdd72b2fdde6e:focus-visible svg,
.c14f30c26faa1:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c14f30c26faa1:hover, .cbc0a0fb34129:hover, .c701c1d4df731 .c31d33438148e:hover, .c0335408b0b34 button:hover, .cdd72b2fdde6e:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c14f30c26faa1:hover svg, .cbc0a0fb34129:hover svg, .c701c1d4df731 .c31d33438148e:hover svg, .c0335408b0b34 button:hover svg, .cdd72b2fdde6e:hover svg,
.c14f30c26faa1:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c14f30c26faa1:active, .cbc0a0fb34129:active, .c701c1d4df731 .c31d33438148e:active, .c0335408b0b34 button:active, .cdd72b2fdde6e:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c14f30c26faa1:active svg, .cbc0a0fb34129:active svg, .c701c1d4df731 .c31d33438148e:active svg, .c0335408b0b34 button:active svg, .cdd72b2fdde6e:active svg,
.c14f30c26faa1:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c14f30c26faa1.disabled, .cbc0a0fb34129.disabled, .c701c1d4df731 .c31d33438148e.disabled, .c0335408b0b34 button.disabled, .cdd72b2fdde6e.disabled, .c14f30c26faa1[disabled], [disabled].cbc0a0fb34129, .c701c1d4df731 [disabled].c31d33438148e, .c0335408b0b34 button[disabled], [disabled].cdd72b2fdde6e, .c14f30c26faa1:disabled, .cbc0a0fb34129:disabled, .c701c1d4df731 .c31d33438148e:disabled, .c0335408b0b34 button:disabled, .cdd72b2fdde6e:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c14f30c26faa1.disabled svg, .cbc0a0fb34129.disabled svg, .c701c1d4df731 .c31d33438148e.disabled svg, .c0335408b0b34 button.disabled svg, .cdd72b2fdde6e.disabled svg,
.c14f30c26faa1.disabled span svg, .c14f30c26faa1[disabled] svg, [disabled].cbc0a0fb34129 svg, .c701c1d4df731 [disabled].c31d33438148e svg, .c0335408b0b34 button[disabled] svg, [disabled].cdd72b2fdde6e svg,
.c14f30c26faa1[disabled] span svg, .c14f30c26faa1:disabled svg, .cbc0a0fb34129:disabled svg, .c701c1d4df731 .c31d33438148e:disabled svg, .c0335408b0b34 button:disabled svg, .cdd72b2fdde6e:disabled svg,
.c14f30c26faa1:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c0a5f724b29bb {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c0a5f724b29bb svg {
  color: var(--button-icon-foreground-color-selected);
}

.c590c6879085f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c590c6879085f svg,
.c590c6879085f span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c590c6879085f:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c590c6879085f:focus-visible svg,
.c590c6879085f:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c590c6879085f:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c590c6879085f:hover svg,
.c590c6879085f:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c590c6879085f:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c590c6879085f:active svg,
.c590c6879085f:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c910106f1b9cf {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c976732b03136 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd54d71b4034b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cd54d71b4034b:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cd54d71b4034b:focus-visible svg,
.cd54d71b4034b:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cd54d71b4034b:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cd54d71b4034b:active {
  border: none;
  background-color: transparent;
}

.c48966f3f6178, .cbc0a0fb34129 svg, .c701c1d4df731 .c31d33438148e svg, .cdd72b2fdde6e svg, .ca5552fe7e6da, .c7ac585571e35 span svg, .c0335408b0b34 button svg, .cb7bb9ef258b2.intermediate svg, .c3761d748580d label span.intermediate svg, .cb7bb9ef258b2.checked svg, .c3761d748580d label span.checked svg, .c49dbbd4c389d span svg, .c4a2a331a1613 span svg,
.c49dbbd4c389d label svg,
.c4a2a331a1613 label svg, .c21c773884570 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c1a65057f09d4 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c1a65057f09d4:hover {
  fill: none;
  stroke: none;
}

.ca5552fe7e6da, .c7ac585571e35 span svg, .c0335408b0b34 button svg, .cb7bb9ef258b2.intermediate svg, .c3761d748580d label span.intermediate svg, .cb7bb9ef258b2.checked svg, .c3761d748580d label span.checked svg, .c49dbbd4c389d span svg, .c4a2a331a1613 span svg,
.c49dbbd4c389d label svg,
.c4a2a331a1613 label svg, .c21c773884570 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c30bff63ee09a {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c30bff63ee09a:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cbf23b860c0ca, .c8c243def02bb input, .c59b1d2ecf165 input, .c49dbbd4c389d input, .c4a2a331a1613 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cbf23b860c0ca, .c8c243def02bb input, .c59b1d2ecf165 input, .c49dbbd4c389d input, .c4a2a331a1613 input {
    height: 23px;
  }
}
.cbf23b860c0ca, .c8c243def02bb input, .c59b1d2ecf165 input, .c49dbbd4c389d input, .c4a2a331a1613 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cbf23b860c0ca[disabled], .c8c243def02bb input[disabled], .c59b1d2ecf165 input[disabled], .c49dbbd4c389d input[disabled], .c4a2a331a1613 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c21c773884570 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c4fddbf5a05f4, .c49dbbd4c389d span, .c4a2a331a1613 span,
.c49dbbd4c389d label,
.c4a2a331a1613 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c4fddbf5a05f4, .c49dbbd4c389d span, .c4a2a331a1613 span,
  .c49dbbd4c389d label,
  .c4a2a331a1613 label {
    height: 25px;
  }
}
.c4fddbf5a05f4, .c49dbbd4c389d span, .c4a2a331a1613 span,
.c49dbbd4c389d label,
.c4a2a331a1613 label {
  color: var(--input-foreground-color);
}

.c49dbbd4c389d, .c4a2a331a1613 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c49dbbd4c389d, .c4a2a331a1613 {
    height: 25px;
    font-size: 10px;
  }
}
.c49dbbd4c389d, .c4a2a331a1613 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c49dbbd4c389d span svg, .c4a2a331a1613 span svg,
.c49dbbd4c389d label svg,
.c4a2a331a1613 label svg {
  color: var(--input-foreground-color);
}
.c49dbbd4c389d ::-moz-placeholder, .c4a2a331a1613 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c49dbbd4c389d ::placeholder, .c4a2a331a1613 ::placeholder {
  color: var(--input-placeholder-color);
}
.c49dbbd4c389d:focus-within, .c4a2a331a1613:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c49dbbd4c389d:hover, .c4a2a331a1613:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c49dbbd4c389d:hover span, .c4a2a331a1613:hover span {
  color: var(--input-foreground-color-hover);
}
.c49dbbd4c389d:hover input, .c4a2a331a1613:hover input {
  color: var(--input-foreground-color-hover);
}
.c49dbbd4c389d:active, .c4a2a331a1613:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c49dbbd4c389d:active span, .c4a2a331a1613:active span {
  color: var(--input-foreground-color-active);
}
.c49dbbd4c389d:active input, .c4a2a331a1613:active input {
  color: var(--input-foreground-color-active);
}
.c49dbbd4c389d:focus, .c4a2a331a1613:focus, .c49dbbd4c389d:focus-within, .c4a2a331a1613:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c49dbbd4c389d:focus span, .c4a2a331a1613:focus span, .c49dbbd4c389d:focus-within span, .c4a2a331a1613:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c49dbbd4c389d:focus input, .c4a2a331a1613:focus input, .c49dbbd4c389d:focus-within input, .c4a2a331a1613:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c49dbbd4c389d:focus:hover, .c4a2a331a1613:focus:hover, .c49dbbd4c389d:focus-within:hover, .c4a2a331a1613:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c49dbbd4c389d:focus:hover span, .c4a2a331a1613:focus:hover span, .c49dbbd4c389d:focus-within:hover span, .c4a2a331a1613:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c49dbbd4c389d:focus:hover input, .c4a2a331a1613:focus:hover input, .c49dbbd4c389d:focus-within:hover input, .c4a2a331a1613:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c59b1d2ecf165 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c59b1d2ecf165 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c59b1d2ecf165 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c59b1d2ecf165 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c59b1d2ecf165:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c59b1d2ecf165:focus-within input, .c59b1d2ecf165:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c5d2a1c54c562, .c8c243def02bb.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c5d2a1c54c562 input, .c8c243def02bb.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c5d2a1c54c562 span svg, .c8c243def02bb.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cb7bb9ef258b2, .c3761d748580d label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cb7bb9ef258b2 svg, .c3761d748580d label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cb7bb9ef258b2:hover, .c3761d748580d label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb7bb9ef258b2:focus, .c3761d748580d label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cb7bb9ef258b2.checked, .c3761d748580d label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cb7bb9ef258b2.checked svg, .c3761d748580d label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cb7bb9ef258b2.intermediate, .c3761d748580d label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cb7bb9ef258b2.intermediate svg, .c3761d748580d label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cb7bb9ef258b2.unchecked, .c3761d748580d label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cb7bb9ef258b2.unchecked svg, .c3761d748580d label span.unchecked svg {
  display: none;
}

.c3761d748580d {
  display: flex;
  align-items: center;
}
.c3761d748580d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c3761d748580d label input {
  margin: 0;
}
.c3761d748580d label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c3761d748580d label:focus span, .c3761d748580d label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c8c243def02bb {
  display: flex;
  flex-direction: column;
}
.c8c243def02bb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c8c243def02bb input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c8c243def02bb input:focus-within input, .c8c243def02bb input:active input {
  color: var(--input-foreground-color-active);
}
.c8c243def02bb input:focus-within, .c8c243def02bb input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c8c243def02bb.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c198e34dca658 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c3f726492c24f {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c147d20ac6b8a {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cdd72b2fdde6e {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cc228d502760f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c6d7233436b84 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c2274d05b33d0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cacbf5a4bc137 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c4a30ed673be9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cc779934e253f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cc779934e253f:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c353fe2e2138d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cb99dcb212b45 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c017874251dae, .c0f09ad0dccd6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c8e85513fd596 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c21b350831b65 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c21b350831b65:hover, .c21b350831b65:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c0335408b0b34 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c0335408b0b34 button {
  display: none;
}
.c0335408b0b34 button svg {
  stroke: var(--icon-foreground);
}
.c0335408b0b34:hover button {
  display: flex;
}

.c6316f1aa0e15 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c6316f1aa0e15 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c6316f1aa0e15 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ccec6695ed70a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ccec6695ed70a:hover div {
  color: var(--entry-foreground-color-hover);
}

.c6f14de23d2f6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c61c586dad5d0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c61c586dad5d0:hover {
  background-color: var(--menu-background-color-hover);
}

.c7ac585571e35 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c7ac585571e35 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c7ac585571e35 span svg {
  stroke: var(--icon-foreground);
}
.c7ac585571e35:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c7ac585571e35:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cca93724e580b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c329dac701eca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.caa4565d5c5d7,
.ce30ce9109e00 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ca1c29ee40df0 .caa4565d5c5d7,
.ca1c29ee40df0 .ce30ce9109e00 {
  transform: scale(1);
}

.ce3d3ba0d4f84 .caa4565d5c5d7,
.ce3d3ba0d4f84 .ce30ce9109e00 {
  transform: scale(0);
}

.ccd45737864d3 {
  padding-bottom: 1rem;
  margin: 0;
}

.c8bda69625c54 {
  margin: 0;
}

.cb8c40fc61a88 {
  margin: 0;
  color: var(--entry-foreground-color-hover);
  margin-inline-start: calc(-1 * 0.5rem);
  width: calc(100% + 0.5rem);
}

.cbc0a0fb34129 {
  height: 2rem;
  width: 1.75rem;
}
.cbc0a0fb34129 svg {
  stroke: none;
}

.c7ebe685f747f {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}

.c88dbb29ed7cd {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  grid-column: 1/span 9;
}

.ca88a1b27755e {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}

.c701c1d4df731 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.c701c1d4df731 .c31d33438148e {
  height: 2rem;
  width: 1.75rem;
}
.cc6bc7e77ff9d {
  grid-column: span 8;
  display: grid;
  grid-template-columns: subgrid;
}

.c43d4571dc59c {
  grid-column: span 3;
  padding: 0;
}
.c43d4571dc59c .c39a694cda9e9 {
  bottom: 2.25rem;
  width: 5rem;
  top: unset;
}

.c5b8363412646 {
  grid-column: span 2;
  padding: 0;
}
.c5b8363412646 .c39a694cda9e9 {
  bottom: 2.25rem;
  top: unset;
  width: 5rem;
}

.c4a2a331a1613 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  grid-column: span 3;
}

.c62ef38f27ef7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2rem;
  width: 100%;
}
@keyframes c71108a328aa1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c8e2500b5c130 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c8e2500b5c130:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c8e2500b5c130 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c8e2500b5c130 ::-webkit-scrollbar-track,
.c8e2500b5c130 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c8e2500b5c130 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c8e2500b5c130 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c8e2500b5c130 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8e2500b5c130 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8e2500b5c130 ::placeholder,
.c8e2500b5c130 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ce6ae7731b43c, .c289de78e601d, .ca262c4780d5b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ce6ae7731b43c svg, .c289de78e601d svg, .ca262c4780d5b svg,
.ce6ae7731b43c span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ce6ae7731b43c:focus-visible, .c289de78e601d:focus-visible, .ca262c4780d5b:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ce6ae7731b43c:focus-visible svg, .c289de78e601d:focus-visible svg, .ca262c4780d5b:focus-visible svg,
.ce6ae7731b43c:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ce6ae7731b43c:hover, .c289de78e601d:hover, .ca262c4780d5b:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ce6ae7731b43c:hover svg, .c289de78e601d:hover svg, .ca262c4780d5b:hover svg,
.ce6ae7731b43c:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ce6ae7731b43c:active, .c289de78e601d:active, .ca262c4780d5b:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ce6ae7731b43c:active svg, .c289de78e601d:active svg, .ca262c4780d5b:active svg,
.ce6ae7731b43c:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ce6ae7731b43c.disabled, .c289de78e601d.disabled, .ca262c4780d5b.disabled, .ce6ae7731b43c[disabled], [disabled].c289de78e601d, [disabled].ca262c4780d5b, .ce6ae7731b43c:disabled, .c289de78e601d:disabled, .ca262c4780d5b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cac106a0295bc, .c33d57ffca27d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cac106a0295bc svg, .c33d57ffca27d svg,
.cac106a0295bc span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cac106a0295bc:focus-visible, .c33d57ffca27d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cac106a0295bc:focus-visible svg, .c33d57ffca27d:focus-visible svg,
.cac106a0295bc:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cac106a0295bc:hover, .c33d57ffca27d:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cac106a0295bc:hover svg, .c33d57ffca27d:hover svg,
.cac106a0295bc:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cac106a0295bc:active, .c33d57ffca27d:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cac106a0295bc:active svg, .c33d57ffca27d:active svg,
.cac106a0295bc:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cac106a0295bc.disabled, .c33d57ffca27d.disabled, .cac106a0295bc[disabled], [disabled].c33d57ffca27d, .cac106a0295bc:disabled, .c33d57ffca27d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c07ae058e8835 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c07ae058e8835 svg,
.c07ae058e8835 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c07ae058e8835:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c07ae058e8835:focus-visible svg,
.c07ae058e8835:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c07ae058e8835:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c07ae058e8835:hover svg,
.c07ae058e8835:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c07ae058e8835:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c07ae058e8835:active svg,
.c07ae058e8835:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c07ae058e8835.disabled, .c07ae058e8835[disabled], .c07ae058e8835:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cffbf4681e9e8, .c8c2375485b96 button, .cdfb6cf778b48 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cffbf4681e9e8 svg, .c8c2375485b96 button svg, .cdfb6cf778b48 svg,
.cffbf4681e9e8 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cffbf4681e9e8:focus-visible, .c8c2375485b96 button:focus-visible, .cdfb6cf778b48:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cffbf4681e9e8:focus-visible svg, .c8c2375485b96 button:focus-visible svg, .cdfb6cf778b48:focus-visible svg,
.cffbf4681e9e8:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cffbf4681e9e8:hover, .c8c2375485b96 button:hover, .cdfb6cf778b48:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cffbf4681e9e8:hover svg, .c8c2375485b96 button:hover svg, .cdfb6cf778b48:hover svg,
.cffbf4681e9e8:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cffbf4681e9e8:active, .c8c2375485b96 button:active, .cdfb6cf778b48:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cffbf4681e9e8:active svg, .c8c2375485b96 button:active svg, .cdfb6cf778b48:active svg,
.cffbf4681e9e8:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cffbf4681e9e8.disabled, .c8c2375485b96 button.disabled, .cdfb6cf778b48.disabled, .cffbf4681e9e8[disabled], .c8c2375485b96 button[disabled], [disabled].cdfb6cf778b48, .cffbf4681e9e8:disabled, .c8c2375485b96 button:disabled, .cdfb6cf778b48:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cffbf4681e9e8.disabled svg, .c8c2375485b96 button.disabled svg, .cdfb6cf778b48.disabled svg,
.cffbf4681e9e8.disabled span svg, .cffbf4681e9e8[disabled] svg, .c8c2375485b96 button[disabled] svg, [disabled].cdfb6cf778b48 svg,
.cffbf4681e9e8[disabled] span svg, .cffbf4681e9e8:disabled svg, .c8c2375485b96 button:disabled svg, .cdfb6cf778b48:disabled svg,
.cffbf4681e9e8:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ca3f5dfbd2d08 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ca3f5dfbd2d08 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cf9d94e22eaa2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cf9d94e22eaa2 svg,
.cf9d94e22eaa2 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cf9d94e22eaa2:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cf9d94e22eaa2:focus-visible svg,
.cf9d94e22eaa2:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cf9d94e22eaa2:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cf9d94e22eaa2:hover svg,
.cf9d94e22eaa2:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cf9d94e22eaa2:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cf9d94e22eaa2:active svg,
.cf9d94e22eaa2:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cb363dfbd2733 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c275947db8f3b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c928b2bfae165 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c928b2bfae165:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c928b2bfae165:focus-visible svg,
.c928b2bfae165:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c928b2bfae165:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c928b2bfae165:active {
  border: none;
  background-color: transparent;
}

.cdd204142afd2, .cdfb6cf778b48 svg, .c71eda6a92d55, .c782004934346 span svg, .c8c2375485b96 button svg, .c137a34ce186b.intermediate svg, .c180c9968f0bb label span.intermediate svg, .c137a34ce186b.checked svg, .c180c9968f0bb label span.checked svg, .ce612452c2901 span svg,
.ce612452c2901 label svg, .c31285af778bf svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c9d69e8eb3cdb {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c9d69e8eb3cdb:hover {
  fill: none;
  stroke: none;
}

.c71eda6a92d55, .c782004934346 span svg, .c8c2375485b96 button svg, .c137a34ce186b.intermediate svg, .c180c9968f0bb label span.intermediate svg, .c137a34ce186b.checked svg, .c180c9968f0bb label span.checked svg, .ce612452c2901 span svg,
.ce612452c2901 label svg, .c31285af778bf svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c299db376fdca {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c299db376fdca:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cafea1cfa4a5e, .c37409285c405 input, .c42842f8d11b4 input, .ce612452c2901 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cafea1cfa4a5e, .c37409285c405 input, .c42842f8d11b4 input, .ce612452c2901 input {
    height: 23px;
  }
}
.cafea1cfa4a5e, .c37409285c405 input, .c42842f8d11b4 input, .ce612452c2901 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cafea1cfa4a5e[disabled], .c37409285c405 input[disabled], .c42842f8d11b4 input[disabled], .ce612452c2901 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c31285af778bf {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c7d1547e508d1, .ce612452c2901 span,
.ce612452c2901 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c7d1547e508d1, .ce612452c2901 span,
  .ce612452c2901 label {
    height: 25px;
  }
}
.c7d1547e508d1, .ce612452c2901 span,
.ce612452c2901 label {
  color: var(--input-foreground-color);
}

.ce612452c2901 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce612452c2901 {
    height: 25px;
    font-size: 10px;
  }
}
.ce612452c2901 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ce612452c2901 span svg,
.ce612452c2901 label svg {
  color: var(--input-foreground-color);
}
.ce612452c2901 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ce612452c2901 ::placeholder {
  color: var(--input-placeholder-color);
}
.ce612452c2901:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce612452c2901:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ce612452c2901:hover span {
  color: var(--input-foreground-color-hover);
}
.ce612452c2901:hover input {
  color: var(--input-foreground-color-hover);
}
.ce612452c2901:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ce612452c2901:active span {
  color: var(--input-foreground-color-active);
}
.ce612452c2901:active input {
  color: var(--input-foreground-color-active);
}
.ce612452c2901:focus, .ce612452c2901:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce612452c2901:focus span, .ce612452c2901:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ce612452c2901:focus input, .ce612452c2901:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ce612452c2901:focus:hover, .ce612452c2901:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce612452c2901:focus:hover span, .ce612452c2901:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ce612452c2901:focus:hover input, .ce612452c2901:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c42842f8d11b4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c42842f8d11b4 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c42842f8d11b4 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c42842f8d11b4 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c42842f8d11b4:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c42842f8d11b4:focus-within input, .c42842f8d11b4:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cc11fe7802cba, .c37409285c405.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cc11fe7802cba input, .c37409285c405.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cc11fe7802cba span svg, .c37409285c405.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c137a34ce186b, .c180c9968f0bb label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c137a34ce186b svg, .c180c9968f0bb label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c137a34ce186b:hover, .c180c9968f0bb label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c137a34ce186b:focus, .c180c9968f0bb label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c137a34ce186b.checked, .c180c9968f0bb label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c137a34ce186b.checked svg, .c180c9968f0bb label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c137a34ce186b.intermediate, .c180c9968f0bb label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c137a34ce186b.intermediate svg, .c180c9968f0bb label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c137a34ce186b.unchecked, .c180c9968f0bb label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c137a34ce186b.unchecked svg, .c180c9968f0bb label span.unchecked svg {
  display: none;
}

.c180c9968f0bb {
  display: flex;
  align-items: center;
}
.c180c9968f0bb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c180c9968f0bb label input {
  margin: 0;
}
.c180c9968f0bb label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c180c9968f0bb label:focus span, .c180c9968f0bb label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c37409285c405 {
  display: flex;
  flex-direction: column;
}
.c37409285c405 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c37409285c405 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c37409285c405 input:focus-within input, .c37409285c405 input:active input {
  color: var(--input-foreground-color-active);
}
.c37409285c405 input:focus-within, .c37409285c405 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c37409285c405.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c01e1d55761f5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c511777e1415a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c261e98ed52a3 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cdfb6cf778b48 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cdfae3054575f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c67eea8c705dd {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c33d57ffca27d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ca262c4780d5b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c289de78e601d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c2a450429c36b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c2a450429c36b:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c427bb4b5201d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c925c4eb53f24 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c71afc62dfd33 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cf92f1c47bdb6 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cfb5eb8a32723 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cfb5eb8a32723:hover, .cfb5eb8a32723:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c8c2375485b96 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c8c2375485b96 button {
  display: none;
}
.c8c2375485b96 button svg {
  stroke: var(--icon-foreground);
}
.c8c2375485b96:hover button {
  display: flex;
}

.c555828e8b636 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c555828e8b636 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c555828e8b636 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c53f1552ec5bc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c53f1552ec5bc:hover div {
  color: var(--entry-foreground-color-hover);
}

.c3719f26df449 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c6e2d397f6d70 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c6e2d397f6d70:hover {
  background-color: var(--menu-background-color-hover);
}

.c782004934346 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c782004934346 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c782004934346 span svg {
  stroke: var(--icon-foreground);
}
.c782004934346:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c782004934346:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce7888bf310a9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c1d2bc0fc1a15 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c704f46027a5a,
.c9d73e1e5589d {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.caf7224f44839 .c704f46027a5a,
.caf7224f44839 .c9d73e1e5589d {
  transform: scale(1);
}

.cf12270daa90c .c704f46027a5a,
.cf12270daa90c .c9d73e1e5589d {
  transform: scale(0);
}

.c90ae56e41fb1 {
  background-color: var(--panel-background-color);
  height: 100%;
  width: 16rem;
}

.c592b2d1a578c {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  height: calc(100% - 0.125rem);
  overflow-y: auto;
  padding-top: 0.5rem;
}
@keyframes c5cda89ed07ac {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c9e1b9348bb9f {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c9e1b9348bb9f:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c9e1b9348bb9f ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c9e1b9348bb9f ::-webkit-scrollbar-track,
.c9e1b9348bb9f ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c9e1b9348bb9f ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c9e1b9348bb9f ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c9e1b9348bb9f ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9e1b9348bb9f ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9e1b9348bb9f ::placeholder,
.c9e1b9348bb9f ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c5ff4fcda3a1a, .c448333bfba76, .c4623a93b9741 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c5ff4fcda3a1a svg, .c448333bfba76 svg, .c4623a93b9741 svg,
.c5ff4fcda3a1a span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c5ff4fcda3a1a:focus-visible, .c448333bfba76:focus-visible, .c4623a93b9741:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c5ff4fcda3a1a:focus-visible svg, .c448333bfba76:focus-visible svg, .c4623a93b9741:focus-visible svg,
.c5ff4fcda3a1a:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c5ff4fcda3a1a:hover, .c448333bfba76:hover, .c4623a93b9741:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c5ff4fcda3a1a:hover svg, .c448333bfba76:hover svg, .c4623a93b9741:hover svg,
.c5ff4fcda3a1a:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c5ff4fcda3a1a:active, .c448333bfba76:active, .c4623a93b9741:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c5ff4fcda3a1a:active svg, .c448333bfba76:active svg, .c4623a93b9741:active svg,
.c5ff4fcda3a1a:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c5ff4fcda3a1a.disabled, .c448333bfba76.disabled, .c4623a93b9741.disabled, .c5ff4fcda3a1a[disabled], [disabled].c448333bfba76, [disabled].c4623a93b9741, .c5ff4fcda3a1a:disabled, .c448333bfba76:disabled, .c4623a93b9741:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c257da3eda179, .c8d72c997fefa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c257da3eda179 svg, .c8d72c997fefa svg,
.c257da3eda179 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c257da3eda179:focus-visible, .c8d72c997fefa:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c257da3eda179:focus-visible svg, .c8d72c997fefa:focus-visible svg,
.c257da3eda179:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c257da3eda179:hover, .c8d72c997fefa:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c257da3eda179:hover svg, .c8d72c997fefa:hover svg,
.c257da3eda179:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c257da3eda179:active, .c8d72c997fefa:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c257da3eda179:active svg, .c8d72c997fefa:active svg,
.c257da3eda179:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c257da3eda179.disabled, .c8d72c997fefa.disabled, .c257da3eda179[disabled], [disabled].c8d72c997fefa, .c257da3eda179:disabled, .c8d72c997fefa:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9c5545da0ea9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c9c5545da0ea9 svg,
.c9c5545da0ea9 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c9c5545da0ea9:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c9c5545da0ea9:focus-visible svg,
.c9c5545da0ea9:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c9c5545da0ea9:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c9c5545da0ea9:hover svg,
.c9c5545da0ea9:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c9c5545da0ea9:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c9c5545da0ea9:active svg,
.c9c5545da0ea9:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c9c5545da0ea9.disabled, .c9c5545da0ea9[disabled], .c9c5545da0ea9:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca4d56a8dd5b9, .cd2816117152f button, .cd7f8c8d3d37e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca4d56a8dd5b9 svg, .cd2816117152f button svg, .cd7f8c8d3d37e svg,
.ca4d56a8dd5b9 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca4d56a8dd5b9:focus-visible, .cd2816117152f button:focus-visible, .cd7f8c8d3d37e:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca4d56a8dd5b9:focus-visible svg, .cd2816117152f button:focus-visible svg, .cd7f8c8d3d37e:focus-visible svg,
.ca4d56a8dd5b9:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca4d56a8dd5b9:hover, .cd2816117152f button:hover, .cd7f8c8d3d37e:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca4d56a8dd5b9:hover svg, .cd2816117152f button:hover svg, .cd7f8c8d3d37e:hover svg,
.ca4d56a8dd5b9:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca4d56a8dd5b9:active, .cd2816117152f button:active, .cd7f8c8d3d37e:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca4d56a8dd5b9:active svg, .cd2816117152f button:active svg, .cd7f8c8d3d37e:active svg,
.ca4d56a8dd5b9:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca4d56a8dd5b9.disabled, .cd2816117152f button.disabled, .cd7f8c8d3d37e.disabled, .ca4d56a8dd5b9[disabled], .cd2816117152f button[disabled], [disabled].cd7f8c8d3d37e, .ca4d56a8dd5b9:disabled, .cd2816117152f button:disabled, .cd7f8c8d3d37e:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca4d56a8dd5b9.disabled svg, .cd2816117152f button.disabled svg, .cd7f8c8d3d37e.disabled svg,
.ca4d56a8dd5b9.disabled span svg, .ca4d56a8dd5b9[disabled] svg, .cd2816117152f button[disabled] svg, [disabled].cd7f8c8d3d37e svg,
.ca4d56a8dd5b9[disabled] span svg, .ca4d56a8dd5b9:disabled svg, .cd2816117152f button:disabled svg, .cd7f8c8d3d37e:disabled svg,
.ca4d56a8dd5b9:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c2d29857d4236 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c2d29857d4236 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cc420bfb71fa6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cc420bfb71fa6 svg,
.cc420bfb71fa6 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cc420bfb71fa6:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cc420bfb71fa6:focus-visible svg,
.cc420bfb71fa6:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cc420bfb71fa6:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cc420bfb71fa6:hover svg,
.cc420bfb71fa6:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cc420bfb71fa6:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cc420bfb71fa6:active svg,
.cc420bfb71fa6:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cded3f13db11d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c12c96a7bb7ca {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cafd4e621a50d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cafd4e621a50d:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cafd4e621a50d:focus-visible svg,
.cafd4e621a50d:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cafd4e621a50d:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cafd4e621a50d:active {
  border: none;
  background-color: transparent;
}

.cfb911d13e31a, .cd7f8c8d3d37e svg, .c34b1ea268f63, .c3bbf0de5f010 span svg, .cd2816117152f button svg, .c539c076d9d9b.intermediate svg, .ca2e251b99935 label span.intermediate svg, .c539c076d9d9b.checked svg, .ca2e251b99935 label span.checked svg, .cc70edc695189 span svg,
.cc70edc695189 label svg, .c9c0c8e85cd77 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c3bd326f0317c {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c3bd326f0317c:hover {
  fill: none;
  stroke: none;
}

.c34b1ea268f63, .c3bbf0de5f010 span svg, .cd2816117152f button svg, .c539c076d9d9b.intermediate svg, .ca2e251b99935 label span.intermediate svg, .c539c076d9d9b.checked svg, .ca2e251b99935 label span.checked svg, .cc70edc695189 span svg,
.cc70edc695189 label svg, .c9c0c8e85cd77 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c57b49d07b103 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c57b49d07b103:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c77a8bd52df53, .c26e0b17625bb input, .c907b3efb9f4d input, .cc70edc695189 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c77a8bd52df53, .c26e0b17625bb input, .c907b3efb9f4d input, .cc70edc695189 input {
    height: 23px;
  }
}
.c77a8bd52df53, .c26e0b17625bb input, .c907b3efb9f4d input, .cc70edc695189 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c77a8bd52df53[disabled], .c26e0b17625bb input[disabled], .c907b3efb9f4d input[disabled], .cc70edc695189 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c9c0c8e85cd77 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ca2cf0c767eda, .cc70edc695189 span,
.cc70edc695189 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca2cf0c767eda, .cc70edc695189 span,
  .cc70edc695189 label {
    height: 25px;
  }
}
.ca2cf0c767eda, .cc70edc695189 span,
.cc70edc695189 label {
  color: var(--input-foreground-color);
}

.cc70edc695189 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc70edc695189 {
    height: 25px;
    font-size: 10px;
  }
}
.cc70edc695189 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cc70edc695189 span svg,
.cc70edc695189 label svg {
  color: var(--input-foreground-color);
}
.cc70edc695189 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cc70edc695189 ::placeholder {
  color: var(--input-placeholder-color);
}
.cc70edc695189:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc70edc695189:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cc70edc695189:hover span {
  color: var(--input-foreground-color-hover);
}
.cc70edc695189:hover input {
  color: var(--input-foreground-color-hover);
}
.cc70edc695189:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cc70edc695189:active span {
  color: var(--input-foreground-color-active);
}
.cc70edc695189:active input {
  color: var(--input-foreground-color-active);
}
.cc70edc695189:focus, .cc70edc695189:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc70edc695189:focus span, .cc70edc695189:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cc70edc695189:focus input, .cc70edc695189:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cc70edc695189:focus:hover, .cc70edc695189:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc70edc695189:focus:hover span, .cc70edc695189:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cc70edc695189:focus:hover input, .cc70edc695189:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c907b3efb9f4d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c907b3efb9f4d input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c907b3efb9f4d ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c907b3efb9f4d ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c907b3efb9f4d:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c907b3efb9f4d:focus-within input, .c907b3efb9f4d:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c7e00d6c83fc0, .c26e0b17625bb.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c7e00d6c83fc0 input, .c26e0b17625bb.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c7e00d6c83fc0 span svg, .c26e0b17625bb.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c539c076d9d9b, .ca2e251b99935 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c539c076d9d9b svg, .ca2e251b99935 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c539c076d9d9b:hover, .ca2e251b99935 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c539c076d9d9b:focus, .ca2e251b99935 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c539c076d9d9b.checked, .ca2e251b99935 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c539c076d9d9b.checked svg, .ca2e251b99935 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c539c076d9d9b.intermediate, .ca2e251b99935 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c539c076d9d9b.intermediate svg, .ca2e251b99935 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c539c076d9d9b.unchecked, .ca2e251b99935 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c539c076d9d9b.unchecked svg, .ca2e251b99935 label span.unchecked svg {
  display: none;
}

.ca2e251b99935 {
  display: flex;
  align-items: center;
}
.ca2e251b99935 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.ca2e251b99935 label input {
  margin: 0;
}
.ca2e251b99935 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca2e251b99935 label:focus span, .ca2e251b99935 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c26e0b17625bb {
  display: flex;
  flex-direction: column;
}
.c26e0b17625bb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c26e0b17625bb input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c26e0b17625bb input:focus-within input, .c26e0b17625bb input:active input {
  color: var(--input-foreground-color-active);
}
.c26e0b17625bb input:focus-within, .c26e0b17625bb input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c26e0b17625bb.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c2bdfd0f1b22e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ca1cd51506789 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ca4ef766d8cd2 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd7f8c8d3d37e {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cf2f127dcc356 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c6a8e539be4b1 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c8d72c997fefa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c4623a93b9741 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c448333bfba76 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c654ee3401ccc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c654ee3401ccc:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cf423491da972 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cacddeeb1bb5f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cb43fa69bfe4a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cc87d56b63404 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c1168ad5acaf3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c1168ad5acaf3:hover, .c1168ad5acaf3:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cd2816117152f div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cd2816117152f button {
  display: none;
}
.cd2816117152f button svg {
  stroke: var(--icon-foreground);
}
.cd2816117152f:hover button {
  display: flex;
}

.c65e5fcd4f6cd {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c65e5fcd4f6cd .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c65e5fcd4f6cd .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c479b100dc887 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c479b100dc887:hover div {
  color: var(--entry-foreground-color-hover);
}

.ca279ef0908a3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cc9b5f1c46523 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cc9b5f1c46523:hover {
  background-color: var(--menu-background-color-hover);
}

.c3bbf0de5f010 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c3bbf0de5f010 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c3bbf0de5f010 span svg {
  stroke: var(--icon-foreground);
}
.c3bbf0de5f010:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c3bbf0de5f010:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c29661a2773b9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c0baad5b48271 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cdaccbd854263,
.cb9db80ad11c0 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ca55fedaf3dcf .cdaccbd854263,
.ca55fedaf3dcf .cb9db80ad11c0 {
  transform: scale(1);
}

.ca2b324d67ae1 .cdaccbd854263,
.ca2b324d67ae1 .cb9db80ad11c0 {
  transform: scale(0);
}

.c0fe16c9528c4 {
  min-inline-size: 15.75rem;
  inline-size: 100%;
  block-size: 100vh;
  position: relative;
  inset-inline-start: unset;
  inset-inline-end: unset;
  grid-area: right-sidebar;
  overflow: hidden;
}
.c0fe16c9528c4.c21e3b3af0374 {
  block-size: calc(100vh - 3rem);
}
.c0fe16c9528c4.cb54177740ef4 {
  block-size: 100%;
  min-block-size: 0;
}
.c0fe16c9528c4.cb54177740ef4 .c9888b67a9e55 {
  display: flex;
  flex-direction: column;
  min-block-size: 0;
}
.c0fe16c9528c4.cb54177740ef4 .cf4b0afb893c3 {
  flex: 1 1 auto;
  min-block-size: 0;
}

.c1552fdc1bf4e {
  block-size: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: var(--sp-s);
}

.cb63b1db145e2 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--sp-s);
  align-items: center;
  block-size: 2rem;
  padding-inline-start: var(--sp-m);
}

.c5ea82c25238a {
  block-size: -moz-fit-content;
  block-size: fit-content;
  align-items: flex-start;
}

.c33f4d539cadd,
.c1885168398ca {
  color: var(--color-foreground-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  block-size: 2rem;
}

.c8c6f57659261 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  block-size: 2rem;
  padding: var(--sp-s) 0;
  color: var(--color-foreground-primary);
}

.ce9ab1b7f2253 {
  block-size: -moz-fit-content;
  block-size: fit-content;
  padding-block-end: 0;
}

.c33a9239ae1bc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--assets-item-name-foreground-color-rest);
}

.ce2e4ca4b120c {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xxxl);
  margin: var(--sp-xxxl) auto;
  inline-size: 12.5rem;
}

.c9a566913387d {
  display: flex;
  justify-content: center;
}

.cf7e63cad80ca {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--sp-s) var(--sp-m) var(--sp-s) var(--sp-m);
  gap: var(--sp-m);
}
@media (max-width: 1680px) {
  .cf7e63cad80ca {
    flex-direction: column;
    align-items: flex-start;
  }
}

.ce0b70c177b90 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-primary);
  flex: 0 1 50%;
}

.c9723ce618bff {
  display: flex;
  align-items: center;
  flex: 1;
  gap: var(--sp-s);
  justify-content: flex-end;
}
@media (max-width: 1680px) {
  .c9723ce618bff {
    justify-content: flex-start;
  }
}

.ccf2339e7ea87 {
  flex: 0 0 65px;
}
@media (max-width: 1680px) {
  .ccf2339e7ea87 {
    flex: 0 0 100px;
  }
}

.c075f492f8f54 {
  justify-self: end;
}

.c5f819864c51d {
  flex: 0 0 65px;
}
@media (max-width: 1680px) {
  .c5f819864c51d {
    flex: 0 0 100px;
  }
}

.c9888b67a9e55 {
  overflow: hidden;
}

.cf4b0afb893c3 {
  --tabs-nav-padding-inline-start: 0;
  --tabs-nav-padding-inline-end: var(--sp-m);
  overflow: auto;
}
.c9bd33a8966e8 {
  block-size: calc(100vh - 8.75rem);
}

.cf4253e28676d {
  block-size: auto;
  min-block-size: 0;
}
.c1327adec74f2 {
  --detail-color: var(--color-foreground-primary);
  --button-min-inline-size: 9.625rem;
  --button-min-block-size: 2.25rem;
  --button-border-radius: 0.25rem;
  --button-background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--button-background);
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--sp-s);
  align-items: center;
  width: 100%;
  color: var(--detail-color);
  min-block-size: var(--button-min-block-size);
  min-inline-size: var(--button-min-inline-size);
  padding: var(--sp-s);
  border-radius: var(--button-border-radius);
  border: 0.0625rem solid transparent;
  text-align: left;
}
.c1327adec74f2:hover {
  --button-background: var(--color-background-fifty);
}
.c1327adec74f2:hover .c3cbc30eeabeb {
  display: block;
}

.c04451cbe3997 {
  grid-template-columns: auto 1fr auto;
}

.ca27cb4f8cb56 {
  --button-border-active: var(--color-accent-tertiary);
  border: 0.0625rem solid var(--button-border-active);
}

.c3cbc30eeabeb {
  display: none;
}

:where(.c114ec1d75dae, .c1a44e7ab2904) {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.c114ec1d75dae {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--detail-color);
  line-height: 1.4;
}

.c1a44e7ab2904 {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  --detail-color: var(--color-token-foreground);
  line-height: 1.4;
}
.light {
  --low-emphasis-background: #fafafa;
}

.default {
  --low-emphasis-background: #121214;
}

.cc226c82d5d38 {
  --title-gap: var(--sp-xs);
  --title-padding: var(--sp-s);
  --title-color: var(--color-foreground-primary);
  --arrow-color: var(--color-foreground-secondary);
  --box-border-color: var(--color-background-primary);
  padding-block: var(--sp-s);
  padding-inline: var(--sp-m);
  border-block-end: 2px solid var(--box-border-color);
}

.c8b01562d85f4 {
  display: flex;
  align-items: center;
  gap: var(--title-gap);
}

.c09f0fb57f48c {
  display: grid;
  place-items: center;
  color: var(--arrow-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  padding: 0;
  margin: 0;
  border: none;
}

.cec7a969f757d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  flex: 1;
  color: var(--title-color);
  padding-block: var(--title-padding);
}
.c11ae30cc801f {
  --term-color: var(--color-foreground-secondary);
  --detail-color: var(--color-foreground-primary);
  --button-min-inline-size: 9.625rem;
  --button-min-block-size: 2.25rem;
  display: grid;
  grid-template-columns: 40% 1fr;
  align-items: center;
  min-inline-size: var(--button-min-inline-size);
  min-block-size: var(--button-min-block-size);
}

.cfae39851f64d,
.caee95584368a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.cfae39851f64d {
  color: var(--term-color);
}

.caee95584368a {
  color: var(--detail-color);
}

.cf0435c8d12ba {
  --image-margin: var(--sp-m);
  display: grid;
  justify-content: center;
  align-items: center;
  margin: var(--image-margin);
  gap: var(--sp-m);
}

.c9b2412942b66 {
  --image-background: var(--color-background-secondary);
  background: var(--image-background);
}

.ce7848ddf0179 {
  max-block-size: 10rem;
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.c66761eafb9c7 {
  --title-color: var(--color-foreground-secondary);
  --title-value: var(--color-foreground-primary);
}

.c8fde9d4e6176 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--title-color);
}

.c9ef92ab31755 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--title-value);
}

.c55e8b9c9f71c {
  inline-size: 100%;
}
.cdf016f89608e {
  --term-color: var(--color-foreground-secondary);
  --detail-color: var(--color-foreground-primary);
  --button-min-inline-size: 9.625rem;
  --button-min-block-size: 2.25rem;
  display: grid;
  grid-template-columns: 40% 1fr;
  align-items: center;
  min-inline-size: var(--button-min-inline-size);
  min-block-size: var(--button-min-block-size);
}

.cad56555c6872,
.c3f45bd096755 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.cad56555c6872 {
  color: var(--term-color);
}

.c3f45bd096755 {
  color: var(--detail-color);
}

.cb27c74a9eee3 {
  --title-color: var(--color-foreground-secondary);
  --title-value: var(--color-foreground-primary);
}

.c48c3570ee12c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--title-color);
}

.c603aa3db3344 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--title-value);
}

.cc930fd52e109 {
  padding: var(--sp-xs) 0 var(--sp-xs) var(--sp-m);
  margin: 0;
  list-style-type: disc;
}

.c8b15b2d841b6 {
  inline-size: 100%;
}
.cd442c501c5f4 {
  --border-color: var(--color-background-quaternary);
  --border-radius: ${$br-8};
  border: 0.0625rem solid var(--border-color);
  border-radius: var(--border-radius);
}

.c48ff5b5b9412 {
  --detail-color: var(--color-foreground-secondary);
  color: var(--detail-color);
}
.cd17c0576fbb0,
.c52d2d5994a6c {
  align-items: flex-start;
  padding-block: var(--sp-s);
}
@keyframes c5de4b3289a0c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cbd448cf4e489 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cbd448cf4e489:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cbd448cf4e489 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cbd448cf4e489 ::-webkit-scrollbar-track,
.cbd448cf4e489 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cbd448cf4e489 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cbd448cf4e489 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cbd448cf4e489 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cbd448cf4e489 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cbd448cf4e489 ::placeholder,
.cbd448cf4e489 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cf54e77e4423a, .c11e612bbceac, .cce027c65ff54 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cf54e77e4423a svg, .c11e612bbceac svg, .cce027c65ff54 svg,
.cf54e77e4423a span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cf54e77e4423a:focus-visible, .c11e612bbceac:focus-visible, .cce027c65ff54:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cf54e77e4423a:focus-visible svg, .c11e612bbceac:focus-visible svg, .cce027c65ff54:focus-visible svg,
.cf54e77e4423a:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cf54e77e4423a:hover, .c11e612bbceac:hover, .cce027c65ff54:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cf54e77e4423a:hover svg, .c11e612bbceac:hover svg, .cce027c65ff54:hover svg,
.cf54e77e4423a:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cf54e77e4423a:active, .c11e612bbceac:active, .cce027c65ff54:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cf54e77e4423a:active svg, .c11e612bbceac:active svg, .cce027c65ff54:active svg,
.cf54e77e4423a:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cf54e77e4423a.disabled, .c11e612bbceac.disabled, .cce027c65ff54.disabled, .cf54e77e4423a[disabled], [disabled].c11e612bbceac, [disabled].cce027c65ff54, .cf54e77e4423a:disabled, .c11e612bbceac:disabled, .cce027c65ff54:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c59ce017d173f, .c03a80ce1f738 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c59ce017d173f svg, .c03a80ce1f738 svg,
.c59ce017d173f span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c59ce017d173f:focus-visible, .c03a80ce1f738:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c59ce017d173f:focus-visible svg, .c03a80ce1f738:focus-visible svg,
.c59ce017d173f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c59ce017d173f:hover, .c03a80ce1f738:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c59ce017d173f:hover svg, .c03a80ce1f738:hover svg,
.c59ce017d173f:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c59ce017d173f:active, .c03a80ce1f738:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c59ce017d173f:active svg, .c03a80ce1f738:active svg,
.c59ce017d173f:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c59ce017d173f.disabled, .c03a80ce1f738.disabled, .c59ce017d173f[disabled], [disabled].c03a80ce1f738, .c59ce017d173f:disabled, .c03a80ce1f738:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd0e6723cbc6e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cd0e6723cbc6e svg,
.cd0e6723cbc6e span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cd0e6723cbc6e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd0e6723cbc6e:focus-visible svg,
.cd0e6723cbc6e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd0e6723cbc6e:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cd0e6723cbc6e:hover svg,
.cd0e6723cbc6e:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cd0e6723cbc6e:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cd0e6723cbc6e:active svg,
.cd0e6723cbc6e:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cd0e6723cbc6e.disabled, .cd0e6723cbc6e[disabled], .cd0e6723cbc6e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8b002c898cfe, .c3e8b567e728d button, .cf118e24c155d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c8b002c898cfe svg, .c3e8b567e728d button svg, .cf118e24c155d svg,
.c8b002c898cfe span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c8b002c898cfe:focus-visible, .c3e8b567e728d button:focus-visible, .cf118e24c155d:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c8b002c898cfe:focus-visible svg, .c3e8b567e728d button:focus-visible svg, .cf118e24c155d:focus-visible svg,
.c8b002c898cfe:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c8b002c898cfe:hover, .c3e8b567e728d button:hover, .cf118e24c155d:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c8b002c898cfe:hover svg, .c3e8b567e728d button:hover svg, .cf118e24c155d:hover svg,
.c8b002c898cfe:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c8b002c898cfe:active, .c3e8b567e728d button:active, .cf118e24c155d:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c8b002c898cfe:active svg, .c3e8b567e728d button:active svg, .cf118e24c155d:active svg,
.c8b002c898cfe:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c8b002c898cfe.disabled, .c3e8b567e728d button.disabled, .cf118e24c155d.disabled, .c8b002c898cfe[disabled], .c3e8b567e728d button[disabled], [disabled].cf118e24c155d, .c8b002c898cfe:disabled, .c3e8b567e728d button:disabled, .cf118e24c155d:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c8b002c898cfe.disabled svg, .c3e8b567e728d button.disabled svg, .cf118e24c155d.disabled svg,
.c8b002c898cfe.disabled span svg, .c8b002c898cfe[disabled] svg, .c3e8b567e728d button[disabled] svg, [disabled].cf118e24c155d svg,
.c8b002c898cfe[disabled] span svg, .c8b002c898cfe:disabled svg, .c3e8b567e728d button:disabled svg, .cf118e24c155d:disabled svg,
.c8b002c898cfe:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c3809b871eee0 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c3809b871eee0 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c1ba7e5717bd6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c1ba7e5717bd6 svg,
.c1ba7e5717bd6 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c1ba7e5717bd6:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c1ba7e5717bd6:focus-visible svg,
.c1ba7e5717bd6:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c1ba7e5717bd6:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c1ba7e5717bd6:hover svg,
.c1ba7e5717bd6:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c1ba7e5717bd6:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c1ba7e5717bd6:active svg,
.c1ba7e5717bd6:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cb98792a4f9ce {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cf6d29e23140b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5f513380eb52 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c5f513380eb52:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c5f513380eb52:focus-visible svg,
.c5f513380eb52:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c5f513380eb52:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c5f513380eb52:active {
  border: none;
  background-color: transparent;
}

.c8f3056f86aae, .cf118e24c155d svg, .c7c9c76d4b71d, .ca708692f7556 span svg, .c3e8b567e728d button svg, .c263501f0c587.intermediate svg, .cdc0e01d1b2c5 label span.intermediate svg, .c263501f0c587.checked svg, .cdc0e01d1b2c5 label span.checked svg, .c17033bba0dd4 span svg,
.c17033bba0dd4 label svg, .c0e71be8f9c2b svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cea20b81ee062 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cea20b81ee062:hover {
  fill: none;
  stroke: none;
}

.c7c9c76d4b71d, .ca708692f7556 span svg, .c3e8b567e728d button svg, .c263501f0c587.intermediate svg, .cdc0e01d1b2c5 label span.intermediate svg, .c263501f0c587.checked svg, .cdc0e01d1b2c5 label span.checked svg, .c17033bba0dd4 span svg,
.c17033bba0dd4 label svg, .c0e71be8f9c2b svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c02cfdff28654 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c02cfdff28654:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cd11850319ad3, .cb5a07367bfcd input, .cc23ec709117d input, .c17033bba0dd4 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cd11850319ad3, .cb5a07367bfcd input, .cc23ec709117d input, .c17033bba0dd4 input {
    height: 23px;
  }
}
.cd11850319ad3, .cb5a07367bfcd input, .cc23ec709117d input, .c17033bba0dd4 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cd11850319ad3[disabled], .cb5a07367bfcd input[disabled], .cc23ec709117d input[disabled], .c17033bba0dd4 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c0e71be8f9c2b {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c136ae66c53cc, .c17033bba0dd4 span,
.c17033bba0dd4 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c136ae66c53cc, .c17033bba0dd4 span,
  .c17033bba0dd4 label {
    height: 25px;
  }
}
.c136ae66c53cc, .c17033bba0dd4 span,
.c17033bba0dd4 label {
  color: var(--input-foreground-color);
}

.c17033bba0dd4 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c17033bba0dd4 {
    height: 25px;
    font-size: 10px;
  }
}
.c17033bba0dd4 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c17033bba0dd4 span svg,
.c17033bba0dd4 label svg {
  color: var(--input-foreground-color);
}
.c17033bba0dd4 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c17033bba0dd4 ::placeholder {
  color: var(--input-placeholder-color);
}
.c17033bba0dd4:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c17033bba0dd4:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c17033bba0dd4:hover span {
  color: var(--input-foreground-color-hover);
}
.c17033bba0dd4:hover input {
  color: var(--input-foreground-color-hover);
}
.c17033bba0dd4:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c17033bba0dd4:active span {
  color: var(--input-foreground-color-active);
}
.c17033bba0dd4:active input {
  color: var(--input-foreground-color-active);
}
.c17033bba0dd4:focus, .c17033bba0dd4:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c17033bba0dd4:focus span, .c17033bba0dd4:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c17033bba0dd4:focus input, .c17033bba0dd4:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c17033bba0dd4:focus:hover, .c17033bba0dd4:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c17033bba0dd4:focus:hover span, .c17033bba0dd4:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c17033bba0dd4:focus:hover input, .c17033bba0dd4:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cc23ec709117d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cc23ec709117d input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cc23ec709117d ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc23ec709117d ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc23ec709117d:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cc23ec709117d:focus-within input, .cc23ec709117d:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c25aa878d356c, .cb5a07367bfcd.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c25aa878d356c input, .cb5a07367bfcd.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c25aa878d356c span svg, .cb5a07367bfcd.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c263501f0c587, .cdc0e01d1b2c5 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c263501f0c587 svg, .cdc0e01d1b2c5 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c263501f0c587:hover, .cdc0e01d1b2c5 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c263501f0c587:focus, .cdc0e01d1b2c5 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c263501f0c587.checked, .cdc0e01d1b2c5 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c263501f0c587.checked svg, .cdc0e01d1b2c5 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c263501f0c587.intermediate, .cdc0e01d1b2c5 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c263501f0c587.intermediate svg, .cdc0e01d1b2c5 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c263501f0c587.unchecked, .cdc0e01d1b2c5 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c263501f0c587.unchecked svg, .cdc0e01d1b2c5 label span.unchecked svg {
  display: none;
}

.cdc0e01d1b2c5 {
  display: flex;
  align-items: center;
}
.cdc0e01d1b2c5 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cdc0e01d1b2c5 label input {
  margin: 0;
}
.cdc0e01d1b2c5 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cdc0e01d1b2c5 label:focus span, .cdc0e01d1b2c5 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cb5a07367bfcd {
  display: flex;
  flex-direction: column;
}
.cb5a07367bfcd label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cb5a07367bfcd input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cb5a07367bfcd input:focus-within input, .cb5a07367bfcd input:active input {
  color: var(--input-foreground-color-active);
}
.cb5a07367bfcd input:focus-within, .cb5a07367bfcd input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb5a07367bfcd.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c1192606ff58e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c8ff252e982f0 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cb24577ba735d {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cf118e24c155d {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c526a7da1c4b4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc092e401fca9 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c03a80ce1f738 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cce027c65ff54 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c11e612bbceac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c47c1b690fc82 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c47c1b690fc82:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ce54e5e04902e {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cd6006262f85e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c3a20caf5a224 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ced96664af890 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c2b0792173b70 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c2b0792173b70:hover, .c2b0792173b70:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c3e8b567e728d div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c3e8b567e728d button {
  display: none;
}
.c3e8b567e728d button svg {
  stroke: var(--icon-foreground);
}
.c3e8b567e728d:hover button {
  display: flex;
}

.c065ca07a3ec2, .c61749ef77ce1 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c065ca07a3ec2 .attr-label, .c61749ef77ce1 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c065ca07a3ec2 .attr-value, .c61749ef77ce1 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cf1619e0e15d6, .c6b4399b2c39a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cf1619e0e15d6:hover div, .c6b4399b2c39a:hover div {
  color: var(--entry-foreground-color-hover);
}

.ca1423febe456 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c9b070b47ac24 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c9b070b47ac24:hover {
  background-color: var(--menu-background-color-hover);
}

.ca708692f7556 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ca708692f7556 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ca708692f7556 span svg {
  stroke: var(--icon-foreground);
}
.ca708692f7556:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ca708692f7556:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ceb06150b9659 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c57f62b47e6cf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ccca15e91c408,
.cf73a50412885 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cd9b65641981f .ccca15e91c408,
.cd9b65641981f .cf73a50412885 {
  transform: scale(1);
}

.cdf6a0ec2abd2 .ccca15e91c408,
.cdf6a0ec2abd2 .cf73a50412885 {
  transform: scale(0);
}

.c37337137eae7 {
  --box-border-color: var(--color-background-primary);
  display: flex;
  flex-direction: column;
  border-block-end: 0.125rem solid var(--box-border-color);
}

.c06050b685e29 {
  margin-inline-start: 0;
}

.c78d123bfbec7 {
  color: var(--entry-foreground-color-hover);
  padding-block: var(--sp-s);
}

.c61749ef77ce1 {
  block-size: 2.25rem;
}

.c78ac275002f0 {
  max-inline-size: 1.75rem;
}
@keyframes ccdffaf51f347 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c5b5ca4b06ff2 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c5b5ca4b06ff2:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c5b5ca4b06ff2 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c5b5ca4b06ff2 ::-webkit-scrollbar-track,
.c5b5ca4b06ff2 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c5b5ca4b06ff2 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c5b5ca4b06ff2 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c5b5ca4b06ff2 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5b5ca4b06ff2 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5b5ca4b06ff2 ::placeholder,
.c5b5ca4b06ff2 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cae9bc746bd1e, .ceff0e2c72995, .cd705cbe52c4e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cae9bc746bd1e svg, .ceff0e2c72995 svg, .cd705cbe52c4e svg,
.cae9bc746bd1e span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cae9bc746bd1e:focus-visible, .ceff0e2c72995:focus-visible, .cd705cbe52c4e:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cae9bc746bd1e:focus-visible svg, .ceff0e2c72995:focus-visible svg, .cd705cbe52c4e:focus-visible svg,
.cae9bc746bd1e:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cae9bc746bd1e:hover, .ceff0e2c72995:hover, .cd705cbe52c4e:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cae9bc746bd1e:hover svg, .ceff0e2c72995:hover svg, .cd705cbe52c4e:hover svg,
.cae9bc746bd1e:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cae9bc746bd1e:active, .ceff0e2c72995:active, .cd705cbe52c4e:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cae9bc746bd1e:active svg, .ceff0e2c72995:active svg, .cd705cbe52c4e:active svg,
.cae9bc746bd1e:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cae9bc746bd1e.disabled, .ceff0e2c72995.disabled, .cd705cbe52c4e.disabled, .cae9bc746bd1e[disabled], [disabled].ceff0e2c72995, [disabled].cd705cbe52c4e, .cae9bc746bd1e:disabled, .ceff0e2c72995:disabled, .cd705cbe52c4e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c767218dea089, .ce36c5158f140 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c767218dea089 svg, .ce36c5158f140 svg,
.c767218dea089 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c767218dea089:focus-visible, .ce36c5158f140:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c767218dea089:focus-visible svg, .ce36c5158f140:focus-visible svg,
.c767218dea089:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c767218dea089:hover, .ce36c5158f140:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c767218dea089:hover svg, .ce36c5158f140:hover svg,
.c767218dea089:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c767218dea089:active, .ce36c5158f140:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c767218dea089:active svg, .ce36c5158f140:active svg,
.c767218dea089:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c767218dea089.disabled, .ce36c5158f140.disabled, .c767218dea089[disabled], [disabled].ce36c5158f140, .c767218dea089:disabled, .ce36c5158f140:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c407aeace27a3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c407aeace27a3 svg,
.c407aeace27a3 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c407aeace27a3:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c407aeace27a3:focus-visible svg,
.c407aeace27a3:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c407aeace27a3:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c407aeace27a3:hover svg,
.c407aeace27a3:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c407aeace27a3:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c407aeace27a3:active svg,
.c407aeace27a3:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c407aeace27a3.disabled, .c407aeace27a3[disabled], .c407aeace27a3:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce004f48feb25, .c454967abf873 button, .cd614bcd35b8b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ce004f48feb25 svg, .c454967abf873 button svg, .cd614bcd35b8b svg,
.ce004f48feb25 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ce004f48feb25:focus-visible, .c454967abf873 button:focus-visible, .cd614bcd35b8b:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ce004f48feb25:focus-visible svg, .c454967abf873 button:focus-visible svg, .cd614bcd35b8b:focus-visible svg,
.ce004f48feb25:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ce004f48feb25:hover, .c454967abf873 button:hover, .cd614bcd35b8b:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ce004f48feb25:hover svg, .c454967abf873 button:hover svg, .cd614bcd35b8b:hover svg,
.ce004f48feb25:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ce004f48feb25:active, .c454967abf873 button:active, .cd614bcd35b8b:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ce004f48feb25:active svg, .c454967abf873 button:active svg, .cd614bcd35b8b:active svg,
.ce004f48feb25:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ce004f48feb25.disabled, .c454967abf873 button.disabled, .cd614bcd35b8b.disabled, .ce004f48feb25[disabled], .c454967abf873 button[disabled], [disabled].cd614bcd35b8b, .ce004f48feb25:disabled, .c454967abf873 button:disabled, .cd614bcd35b8b:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ce004f48feb25.disabled svg, .c454967abf873 button.disabled svg, .cd614bcd35b8b.disabled svg,
.ce004f48feb25.disabled span svg, .ce004f48feb25[disabled] svg, .c454967abf873 button[disabled] svg, [disabled].cd614bcd35b8b svg,
.ce004f48feb25[disabled] span svg, .ce004f48feb25:disabled svg, .c454967abf873 button:disabled svg, .cd614bcd35b8b:disabled svg,
.ce004f48feb25:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c431ba73d0428 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c431ba73d0428 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c4cc3410ffbb9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c4cc3410ffbb9 svg,
.c4cc3410ffbb9 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c4cc3410ffbb9:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c4cc3410ffbb9:focus-visible svg,
.c4cc3410ffbb9:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c4cc3410ffbb9:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c4cc3410ffbb9:hover svg,
.c4cc3410ffbb9:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c4cc3410ffbb9:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c4cc3410ffbb9:active svg,
.c4cc3410ffbb9:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c04991254b7ef {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cdb67c90e46ec {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1d483411a6f0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c1d483411a6f0:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c1d483411a6f0:focus-visible svg,
.c1d483411a6f0:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c1d483411a6f0:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c1d483411a6f0:active {
  border: none;
  background-color: transparent;
}

.c587288f64763, .cd614bcd35b8b svg, .cb3c96ac03c47, .cdd00df390a88 span svg, .c454967abf873 button svg, .c07ca07400d1b.intermediate svg, .c1c8b6b112803 label span.intermediate svg, .c07ca07400d1b.checked svg, .c1c8b6b112803 label span.checked svg, .c6a78c9b6fc52 span svg,
.c6a78c9b6fc52 label svg, .c80332769202e svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c3e5aef9604f4 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c3e5aef9604f4:hover {
  fill: none;
  stroke: none;
}

.cb3c96ac03c47, .cdd00df390a88 span svg, .c454967abf873 button svg, .c07ca07400d1b.intermediate svg, .c1c8b6b112803 label span.intermediate svg, .c07ca07400d1b.checked svg, .c1c8b6b112803 label span.checked svg, .c6a78c9b6fc52 span svg,
.c6a78c9b6fc52 label svg, .c80332769202e svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c18f0a8fca71e {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c18f0a8fca71e:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c2eab4c16a202, .cf12fa514fc1d input, .ce3a7358f3cca input, .c6a78c9b6fc52 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c2eab4c16a202, .cf12fa514fc1d input, .ce3a7358f3cca input, .c6a78c9b6fc52 input {
    height: 23px;
  }
}
.c2eab4c16a202, .cf12fa514fc1d input, .ce3a7358f3cca input, .c6a78c9b6fc52 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c2eab4c16a202[disabled], .cf12fa514fc1d input[disabled], .ce3a7358f3cca input[disabled], .c6a78c9b6fc52 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c80332769202e {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c97cef3d0b52f, .c6a78c9b6fc52 span,
.c6a78c9b6fc52 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c97cef3d0b52f, .c6a78c9b6fc52 span,
  .c6a78c9b6fc52 label {
    height: 25px;
  }
}
.c97cef3d0b52f, .c6a78c9b6fc52 span,
.c6a78c9b6fc52 label {
  color: var(--input-foreground-color);
}

.c6a78c9b6fc52 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6a78c9b6fc52 {
    height: 25px;
    font-size: 10px;
  }
}
.c6a78c9b6fc52 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c6a78c9b6fc52 span svg,
.c6a78c9b6fc52 label svg {
  color: var(--input-foreground-color);
}
.c6a78c9b6fc52 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c6a78c9b6fc52 ::placeholder {
  color: var(--input-placeholder-color);
}
.c6a78c9b6fc52:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c6a78c9b6fc52:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c6a78c9b6fc52:hover span {
  color: var(--input-foreground-color-hover);
}
.c6a78c9b6fc52:hover input {
  color: var(--input-foreground-color-hover);
}
.c6a78c9b6fc52:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c6a78c9b6fc52:active span {
  color: var(--input-foreground-color-active);
}
.c6a78c9b6fc52:active input {
  color: var(--input-foreground-color-active);
}
.c6a78c9b6fc52:focus, .c6a78c9b6fc52:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6a78c9b6fc52:focus span, .c6a78c9b6fc52:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c6a78c9b6fc52:focus input, .c6a78c9b6fc52:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c6a78c9b6fc52:focus:hover, .c6a78c9b6fc52:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c6a78c9b6fc52:focus:hover span, .c6a78c9b6fc52:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c6a78c9b6fc52:focus:hover input, .c6a78c9b6fc52:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ce3a7358f3cca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ce3a7358f3cca input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ce3a7358f3cca ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce3a7358f3cca ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce3a7358f3cca:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ce3a7358f3cca:focus-within input, .ce3a7358f3cca:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c1d5697ba140e, .cf12fa514fc1d.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c1d5697ba140e input, .cf12fa514fc1d.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c1d5697ba140e span svg, .cf12fa514fc1d.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c07ca07400d1b, .c1c8b6b112803 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c07ca07400d1b svg, .c1c8b6b112803 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c07ca07400d1b:hover, .c1c8b6b112803 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c07ca07400d1b:focus, .c1c8b6b112803 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c07ca07400d1b.checked, .c1c8b6b112803 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c07ca07400d1b.checked svg, .c1c8b6b112803 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c07ca07400d1b.intermediate, .c1c8b6b112803 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c07ca07400d1b.intermediate svg, .c1c8b6b112803 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c07ca07400d1b.unchecked, .c1c8b6b112803 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c07ca07400d1b.unchecked svg, .c1c8b6b112803 label span.unchecked svg {
  display: none;
}

.c1c8b6b112803 {
  display: flex;
  align-items: center;
}
.c1c8b6b112803 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c1c8b6b112803 label input {
  margin: 0;
}
.c1c8b6b112803 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c1c8b6b112803 label:focus span, .c1c8b6b112803 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cf12fa514fc1d {
  display: flex;
  flex-direction: column;
}
.cf12fa514fc1d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cf12fa514fc1d input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cf12fa514fc1d input:focus-within input, .cf12fa514fc1d input:active input {
  color: var(--input-foreground-color-active);
}
.cf12fa514fc1d input:focus-within, .cf12fa514fc1d input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf12fa514fc1d.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c70b2b38105ad {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cbe40dbc57605 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c93870f95ba41 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd614bcd35b8b {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c69cbd6aa0a6d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc37f4c353890 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ce36c5158f140 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd705cbe52c4e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ceff0e2c72995 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce1bf4d7214cc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce1bf4d7214cc:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ccb02e41290d1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c10f64c025c46 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c7d62197c197b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c1963eba43488 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c9af0260ed621 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c9af0260ed621:hover, .c9af0260ed621:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c454967abf873 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c454967abf873 button {
  display: none;
}
.c454967abf873 button svg {
  stroke: var(--icon-foreground);
}
.c454967abf873:hover button {
  display: flex;
}

.c64904ddaace7, .cebbe6cc3b3a3 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c64904ddaace7 .attr-label, .cebbe6cc3b3a3 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c64904ddaace7 .attr-value, .cebbe6cc3b3a3 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cf6e3df0e5743 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cf6e3df0e5743:hover div {
  color: var(--entry-foreground-color-hover);
}

.c2203fd3f6874 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cac0fdffb73da {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cac0fdffb73da:hover {
  background-color: var(--menu-background-color-hover);
}

.cdd00df390a88 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cdd00df390a88 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cdd00df390a88 span svg {
  stroke: var(--icon-foreground);
}
.cdd00df390a88:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cdd00df390a88:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c912ac7b2bf96 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c725f00583f6a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c8bf06bd81313,
.c35b00beed959 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c7c75447e613e .c8bf06bd81313,
.c7c75447e613e .c35b00beed959 {
  transform: scale(1);
}

.cca60fdb034db .c8bf06bd81313,
.cca60fdb034db .c35b00beed959 {
  transform: scale(0);
}

.cda2165003cfc {
  max-inline-size: 15rem;
}

.cebbe6cc3b3a3 {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: var(--sp-xs);
  align-items: center;
}

.cdbb9bcf5d1fe {
  display: flex;
  justify-content: center;
  align-items: center;
  block-size: 2rem;
}

.c680c6ab78972 {
  inline-size: 4.5rem;
  block-size: 2rem;
}

.c9ea56d3b996a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  block-size: 2rem;
  padding: var(--sp-s) 0;
  color: var(--color-foreground-secondary);
}

.c5359b3b3148d {
  inline-size: 100%;
  padding: var(--sp-s) var(--sp-xxs);
  background-color: transparent;
  border-color: transparent;
  color: var(--color-foreground-secondary);
}

.cf9dd830ecc76 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  padding-left: var(--sp-xxs);
  color: var(--color-foreground-secondary);
}

.cda694d54de18 {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-xs);
  flex-grow: 1;
  max-inline-size: 9rem;
}
.cda694d54de18 button {
  visibility: hidden;
  min-inline-size: 1.75rem;
}
.cda694d54de18:hover button {
  visibility: visible;
}

.cc4dee31a9946 {
  max-block-size: 2rem;
}

.ccc7b894e19fa {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: var(--sp-xs);
}

.c55877dcf7bde {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  padding: var(--sp-s);
  padding-inline-end: var(--sp-xs);
  block-size: 2rem;
  max-inline-size: 5rem;
}

.ccdca4ffb262c {
  display: grid;
  grid-template-columns: 1fr 1.75rem;
}

.c5dea84c180eb {
  line-height: 1rem;
  display: grid;
  grid-template-columns: 1fr auto;
}

.c1631d174caaf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--menu-foreground-color);
  text-transform: uppercase;
}

.cb555344b8f28 {
  text-transform: none;
}

.cb512bbec0b54 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--menu-foreground-color);
  text-transform: uppercase;
  inline-size: 100%;
}

.c730befb5bb52 {
  min-block-size: 1rem;
  padding-right: var(--sp-s);
  inline-size: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
}

.c10bc400137b2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
  word-break: break-word;
}

.cfdc683a8fe8a {
  grid-column: 1/4;
}

.cbe9621fe8925 {
  justify-content: center;
  inline-size: 100%;
  margin-block-start: var(--sp-xs);
}

.cf429eeb2f1f8 {
  background-color: var(--menu-background-color);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  inline-size: 15.5rem;
  block-size: 10rem;
  max-block-size: 10rem;
  max-inline-size: 15.5rem;
  margin: var(--sp-s) 0;
  border-radius: 0.5rem;
}

.cf91c3d367652 {
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@keyframes c7a7357ce2060 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c5d4c616f8e63 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c5d4c616f8e63:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c5d4c616f8e63 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c5d4c616f8e63 ::-webkit-scrollbar-track,
.c5d4c616f8e63 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c5d4c616f8e63 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c5d4c616f8e63 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c5d4c616f8e63 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5d4c616f8e63 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5d4c616f8e63 ::placeholder,
.c5d4c616f8e63 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ce2db1fd3bf7e, .c106b79fa685c, .cc8ebb9056a06 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ce2db1fd3bf7e svg, .c106b79fa685c svg, .cc8ebb9056a06 svg,
.ce2db1fd3bf7e span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ce2db1fd3bf7e:focus-visible, .c106b79fa685c:focus-visible, .cc8ebb9056a06:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ce2db1fd3bf7e:focus-visible svg, .c106b79fa685c:focus-visible svg, .cc8ebb9056a06:focus-visible svg,
.ce2db1fd3bf7e:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ce2db1fd3bf7e:hover, .c106b79fa685c:hover, .cc8ebb9056a06:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ce2db1fd3bf7e:hover svg, .c106b79fa685c:hover svg, .cc8ebb9056a06:hover svg,
.ce2db1fd3bf7e:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ce2db1fd3bf7e:active, .c106b79fa685c:active, .cc8ebb9056a06:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ce2db1fd3bf7e:active svg, .c106b79fa685c:active svg, .cc8ebb9056a06:active svg,
.ce2db1fd3bf7e:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ce2db1fd3bf7e.disabled, .c106b79fa685c.disabled, .cc8ebb9056a06.disabled, .ce2db1fd3bf7e[disabled], [disabled].c106b79fa685c, [disabled].cc8ebb9056a06, .ce2db1fd3bf7e:disabled, .c106b79fa685c:disabled, .cc8ebb9056a06:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbf633808e6f0, .cc969c5ea8d2f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cbf633808e6f0 svg, .cc969c5ea8d2f svg,
.cbf633808e6f0 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cbf633808e6f0:focus-visible, .cc969c5ea8d2f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cbf633808e6f0:focus-visible svg, .cc969c5ea8d2f:focus-visible svg,
.cbf633808e6f0:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cbf633808e6f0:hover, .cc969c5ea8d2f:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cbf633808e6f0:hover svg, .cc969c5ea8d2f:hover svg,
.cbf633808e6f0:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cbf633808e6f0:active, .cc969c5ea8d2f:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cbf633808e6f0:active svg, .cc969c5ea8d2f:active svg,
.cbf633808e6f0:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cbf633808e6f0.disabled, .cc969c5ea8d2f.disabled, .cbf633808e6f0[disabled], [disabled].cc969c5ea8d2f, .cbf633808e6f0:disabled, .cc969c5ea8d2f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c54ac66a3a424 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c54ac66a3a424 svg,
.c54ac66a3a424 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c54ac66a3a424:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c54ac66a3a424:focus-visible svg,
.c54ac66a3a424:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c54ac66a3a424:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c54ac66a3a424:hover svg,
.c54ac66a3a424:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c54ac66a3a424:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c54ac66a3a424:active svg,
.c54ac66a3a424:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c54ac66a3a424.disabled, .c54ac66a3a424[disabled], .c54ac66a3a424:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c249ac2576837, .cf695cbd97df1 button, .c99ca40bbe309 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c249ac2576837 svg, .cf695cbd97df1 button svg, .c99ca40bbe309 svg,
.c249ac2576837 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c249ac2576837:focus-visible, .cf695cbd97df1 button:focus-visible, .c99ca40bbe309:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c249ac2576837:focus-visible svg, .cf695cbd97df1 button:focus-visible svg, .c99ca40bbe309:focus-visible svg,
.c249ac2576837:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c249ac2576837:hover, .cf695cbd97df1 button:hover, .c99ca40bbe309:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c249ac2576837:hover svg, .cf695cbd97df1 button:hover svg, .c99ca40bbe309:hover svg,
.c249ac2576837:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c249ac2576837:active, .cf695cbd97df1 button:active, .c99ca40bbe309:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c249ac2576837:active svg, .cf695cbd97df1 button:active svg, .c99ca40bbe309:active svg,
.c249ac2576837:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c249ac2576837.disabled, .cf695cbd97df1 button.disabled, .c99ca40bbe309.disabled, .c249ac2576837[disabled], .cf695cbd97df1 button[disabled], [disabled].c99ca40bbe309, .c249ac2576837:disabled, .cf695cbd97df1 button:disabled, .c99ca40bbe309:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c249ac2576837.disabled svg, .cf695cbd97df1 button.disabled svg, .c99ca40bbe309.disabled svg,
.c249ac2576837.disabled span svg, .c249ac2576837[disabled] svg, .cf695cbd97df1 button[disabled] svg, [disabled].c99ca40bbe309 svg,
.c249ac2576837[disabled] span svg, .c249ac2576837:disabled svg, .cf695cbd97df1 button:disabled svg, .c99ca40bbe309:disabled svg,
.c249ac2576837:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ca35b7e9c80c3 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ca35b7e9c80c3 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c0c9dbd79776f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c0c9dbd79776f svg,
.c0c9dbd79776f span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c0c9dbd79776f:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c0c9dbd79776f:focus-visible svg,
.c0c9dbd79776f:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c0c9dbd79776f:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c0c9dbd79776f:hover svg,
.c0c9dbd79776f:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c0c9dbd79776f:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c0c9dbd79776f:active svg,
.c0c9dbd79776f:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c384c9ff907c0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7f71d2b1c52f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c52b8619cad89 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c52b8619cad89:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c52b8619cad89:focus-visible svg,
.c52b8619cad89:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c52b8619cad89:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c52b8619cad89:active {
  border: none;
  background-color: transparent;
}

.ccad3fc39c665, .c99ca40bbe309 svg, .c7d1b888fe9ef, .c348bc0a5e072 span svg, .cf695cbd97df1 button svg, .ce21e4f09cc66.intermediate svg, .c00450e312abf label span.intermediate svg, .ce21e4f09cc66.checked svg, .c00450e312abf label span.checked svg, .cf288649172dd span svg,
.cf288649172dd label svg, .ccdd5ffc07989 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cff1c5090fb5f {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cff1c5090fb5f:hover {
  fill: none;
  stroke: none;
}

.c7d1b888fe9ef, .c348bc0a5e072 span svg, .cf695cbd97df1 button svg, .ce21e4f09cc66.intermediate svg, .c00450e312abf label span.intermediate svg, .ce21e4f09cc66.checked svg, .c00450e312abf label span.checked svg, .cf288649172dd span svg,
.cf288649172dd label svg, .ccdd5ffc07989 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ce69fe896231d {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ce69fe896231d:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c887d948749da, .cbf6f3721f1be input, .c349a74fd45f9 input, .cf288649172dd input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c887d948749da, .cbf6f3721f1be input, .c349a74fd45f9 input, .cf288649172dd input {
    height: 23px;
  }
}
.c887d948749da, .cbf6f3721f1be input, .c349a74fd45f9 input, .cf288649172dd input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c887d948749da[disabled], .cbf6f3721f1be input[disabled], .c349a74fd45f9 input[disabled], .cf288649172dd input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ccdd5ffc07989 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c12307ab9ab86, .cf288649172dd span,
.cf288649172dd label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c12307ab9ab86, .cf288649172dd span,
  .cf288649172dd label {
    height: 25px;
  }
}
.c12307ab9ab86, .cf288649172dd span,
.cf288649172dd label {
  color: var(--input-foreground-color);
}

.cf288649172dd {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf288649172dd {
    height: 25px;
    font-size: 10px;
  }
}
.cf288649172dd {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cf288649172dd span svg,
.cf288649172dd label svg {
  color: var(--input-foreground-color);
}
.cf288649172dd ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cf288649172dd ::placeholder {
  color: var(--input-placeholder-color);
}
.cf288649172dd:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf288649172dd:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cf288649172dd:hover span {
  color: var(--input-foreground-color-hover);
}
.cf288649172dd:hover input {
  color: var(--input-foreground-color-hover);
}
.cf288649172dd:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cf288649172dd:active span {
  color: var(--input-foreground-color-active);
}
.cf288649172dd:active input {
  color: var(--input-foreground-color-active);
}
.cf288649172dd:focus, .cf288649172dd:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf288649172dd:focus span, .cf288649172dd:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cf288649172dd:focus input, .cf288649172dd:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cf288649172dd:focus:hover, .cf288649172dd:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cf288649172dd:focus:hover span, .cf288649172dd:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cf288649172dd:focus:hover input, .cf288649172dd:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c349a74fd45f9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c349a74fd45f9 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c349a74fd45f9 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c349a74fd45f9 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c349a74fd45f9:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c349a74fd45f9:focus-within input, .c349a74fd45f9:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c98ed248b7801, .cbf6f3721f1be.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c98ed248b7801 input, .cbf6f3721f1be.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c98ed248b7801 span svg, .cbf6f3721f1be.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ce21e4f09cc66, .c00450e312abf label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ce21e4f09cc66 svg, .c00450e312abf label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ce21e4f09cc66:hover, .c00450e312abf label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ce21e4f09cc66:focus, .c00450e312abf label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ce21e4f09cc66.checked, .c00450e312abf label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ce21e4f09cc66.checked svg, .c00450e312abf label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ce21e4f09cc66.intermediate, .c00450e312abf label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ce21e4f09cc66.intermediate svg, .c00450e312abf label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ce21e4f09cc66.unchecked, .c00450e312abf label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ce21e4f09cc66.unchecked svg, .c00450e312abf label span.unchecked svg {
  display: none;
}

.c00450e312abf {
  display: flex;
  align-items: center;
}
.c00450e312abf label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c00450e312abf label input {
  margin: 0;
}
.c00450e312abf label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c00450e312abf label:focus span, .c00450e312abf label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cbf6f3721f1be {
  display: flex;
  flex-direction: column;
}
.cbf6f3721f1be label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cbf6f3721f1be input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cbf6f3721f1be input:focus-within input, .cbf6f3721f1be input:active input {
  color: var(--input-foreground-color-active);
}
.cbf6f3721f1be input:focus-within, .cbf6f3721f1be input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cbf6f3721f1be.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ca4067a6819b1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c2073fd3dec0b {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c23088557991e {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c99ca40bbe309 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c3f2f33780049 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cfb4127ae914b {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cc969c5ea8d2f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc8ebb9056a06 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c106b79fa685c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cd5fe0f644cf4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cd5fe0f644cf4:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cac7245486dc4 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cadbadc4b1986 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cc825a41d6e7b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cdc78465e4a5b {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c0ca66f1d89a6 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c0ca66f1d89a6:hover, .c0ca66f1d89a6:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cf695cbd97df1 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cf695cbd97df1 button {
  display: none;
}
.cf695cbd97df1 button svg {
  stroke: var(--icon-foreground);
}
.cf695cbd97df1:hover button {
  display: flex;
}

.cfee4e5fb4fe1 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cfee4e5fb4fe1 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cfee4e5fb4fe1 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c825cdd5c75b6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c825cdd5c75b6:hover div {
  color: var(--entry-foreground-color-hover);
}

.c7f0d7aeed3fe {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c85621d5ca977 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c85621d5ca977:hover {
  background-color: var(--menu-background-color-hover);
}

.c348bc0a5e072 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c348bc0a5e072 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c348bc0a5e072 span svg {
  stroke: var(--icon-foreground);
}
.c348bc0a5e072:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c348bc0a5e072:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c47c9c9425589 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ce67daa2acf19 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cf81b75bac577,
.c6f35d2efbf10 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cbc866f8bfa7f .cf81b75bac577,
.cbc866f8bfa7f .c6f35d2efbf10 {
  transform: scale(1);
}

.c09fde0b06efa .cf81b75bac577,
.c09fde0b06efa .c6f35d2efbf10 {
  transform: scale(0);
}

.cebc597453193 {
  --box-border-color: var(--color-background-primary);
  display: flex;
  flex-direction: column;
  border-block-end: 0.125rem solid var(--box-border-color);
}

.cab317a875d7f {
  margin-inline-start: 0;
}

.c49899bf707fb {
  color: var(--entry-foreground-color-hover);
  padding-block: var(--sp-s);
}

.c923d0563cd85 {
  display: grid;
  gap: 0.25rem;
}

.c130c6eefbd81 {
  block-size: 2.25rem;
}
@keyframes c3122e702719e {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c314c34037472 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c314c34037472:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c314c34037472 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c314c34037472 ::-webkit-scrollbar-track,
.c314c34037472 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c314c34037472 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c314c34037472 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c314c34037472 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c314c34037472 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c314c34037472 ::placeholder,
.c314c34037472 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cabb9df914d9d, .c0b5409f455e6, .cec497be71671 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cabb9df914d9d svg, .c0b5409f455e6 svg, .cec497be71671 svg,
.cabb9df914d9d span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cabb9df914d9d:focus-visible, .c0b5409f455e6:focus-visible, .cec497be71671:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cabb9df914d9d:focus-visible svg, .c0b5409f455e6:focus-visible svg, .cec497be71671:focus-visible svg,
.cabb9df914d9d:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cabb9df914d9d:hover, .c0b5409f455e6:hover, .cec497be71671:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cabb9df914d9d:hover svg, .c0b5409f455e6:hover svg, .cec497be71671:hover svg,
.cabb9df914d9d:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cabb9df914d9d:active, .c0b5409f455e6:active, .cec497be71671:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cabb9df914d9d:active svg, .c0b5409f455e6:active svg, .cec497be71671:active svg,
.cabb9df914d9d:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cabb9df914d9d.disabled, .c0b5409f455e6.disabled, .cec497be71671.disabled, .cabb9df914d9d[disabled], [disabled].c0b5409f455e6, [disabled].cec497be71671, .cabb9df914d9d:disabled, .c0b5409f455e6:disabled, .cec497be71671:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c33c494b9ce38, .c372cb079c339 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c33c494b9ce38 svg, .c372cb079c339 svg,
.c33c494b9ce38 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c33c494b9ce38:focus-visible, .c372cb079c339:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c33c494b9ce38:focus-visible svg, .c372cb079c339:focus-visible svg,
.c33c494b9ce38:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c33c494b9ce38:hover, .c372cb079c339:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c33c494b9ce38:hover svg, .c372cb079c339:hover svg,
.c33c494b9ce38:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c33c494b9ce38:active, .c372cb079c339:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c33c494b9ce38:active svg, .c372cb079c339:active svg,
.c33c494b9ce38:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c33c494b9ce38.disabled, .c372cb079c339.disabled, .c33c494b9ce38[disabled], [disabled].c372cb079c339, .c33c494b9ce38:disabled, .c372cb079c339:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3f7306dd382c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c3f7306dd382c svg,
.c3f7306dd382c span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c3f7306dd382c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c3f7306dd382c:focus-visible svg,
.c3f7306dd382c:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c3f7306dd382c:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c3f7306dd382c:hover svg,
.c3f7306dd382c:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c3f7306dd382c:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c3f7306dd382c:active svg,
.c3f7306dd382c:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c3f7306dd382c.disabled, .c3f7306dd382c[disabled], .c3f7306dd382c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb4c4acd9d4b3, .cc26fee74ea86 button, .c41d6fd0567e4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cb4c4acd9d4b3 svg, .cc26fee74ea86 button svg, .c41d6fd0567e4 svg,
.cb4c4acd9d4b3 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cb4c4acd9d4b3:focus-visible, .cc26fee74ea86 button:focus-visible, .c41d6fd0567e4:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cb4c4acd9d4b3:focus-visible svg, .cc26fee74ea86 button:focus-visible svg, .c41d6fd0567e4:focus-visible svg,
.cb4c4acd9d4b3:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cb4c4acd9d4b3:hover, .cc26fee74ea86 button:hover, .c41d6fd0567e4:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cb4c4acd9d4b3:hover svg, .cc26fee74ea86 button:hover svg, .c41d6fd0567e4:hover svg,
.cb4c4acd9d4b3:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cb4c4acd9d4b3:active, .cc26fee74ea86 button:active, .c41d6fd0567e4:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cb4c4acd9d4b3:active svg, .cc26fee74ea86 button:active svg, .c41d6fd0567e4:active svg,
.cb4c4acd9d4b3:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cb4c4acd9d4b3.disabled, .cc26fee74ea86 button.disabled, .c41d6fd0567e4.disabled, .cb4c4acd9d4b3[disabled], .cc26fee74ea86 button[disabled], [disabled].c41d6fd0567e4, .cb4c4acd9d4b3:disabled, .cc26fee74ea86 button:disabled, .c41d6fd0567e4:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cb4c4acd9d4b3.disabled svg, .cc26fee74ea86 button.disabled svg, .c41d6fd0567e4.disabled svg,
.cb4c4acd9d4b3.disabled span svg, .cb4c4acd9d4b3[disabled] svg, .cc26fee74ea86 button[disabled] svg, [disabled].c41d6fd0567e4 svg,
.cb4c4acd9d4b3[disabled] span svg, .cb4c4acd9d4b3:disabled svg, .cc26fee74ea86 button:disabled svg, .c41d6fd0567e4:disabled svg,
.cb4c4acd9d4b3:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.caeec0f1398ec {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.caeec0f1398ec svg {
  color: var(--button-icon-foreground-color-selected);
}

.cd401d5bb9a08 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cd401d5bb9a08 svg,
.cd401d5bb9a08 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cd401d5bb9a08:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cd401d5bb9a08:focus-visible svg,
.cd401d5bb9a08:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cd401d5bb9a08:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cd401d5bb9a08:hover svg,
.cd401d5bb9a08:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cd401d5bb9a08:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cd401d5bb9a08:active svg,
.cd401d5bb9a08:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c6c82cbca166a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cd1dcd37f28ef {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c41cc7e1545f5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c41cc7e1545f5:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c41cc7e1545f5:focus-visible svg,
.c41cc7e1545f5:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c41cc7e1545f5:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c41cc7e1545f5:active {
  border: none;
  background-color: transparent;
}

.c7509c320521a, .c41d6fd0567e4 svg, .ca9d087ae663b, .cc9a8d53dbee6 span svg, .cc26fee74ea86 button svg, .c0836639c5247.intermediate svg, .cf58f485768d2 label span.intermediate svg, .c0836639c5247.checked svg, .cf58f485768d2 label span.checked svg, .cea82f94aec2f span svg,
.cea82f94aec2f label svg, .c49f1b6a82b73 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c7c184f24bc92 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c7c184f24bc92:hover {
  fill: none;
  stroke: none;
}

.ca9d087ae663b, .cc9a8d53dbee6 span svg, .cc26fee74ea86 button svg, .c0836639c5247.intermediate svg, .cf58f485768d2 label span.intermediate svg, .c0836639c5247.checked svg, .cf58f485768d2 label span.checked svg, .cea82f94aec2f span svg,
.cea82f94aec2f label svg, .c49f1b6a82b73 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c6c70f0a28308 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c6c70f0a28308:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c8853473a4b8b, .cb91d950aaf2d input, .c11a7d6e7cd39 input, .cea82f94aec2f input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c8853473a4b8b, .cb91d950aaf2d input, .c11a7d6e7cd39 input, .cea82f94aec2f input {
    height: 23px;
  }
}
.c8853473a4b8b, .cb91d950aaf2d input, .c11a7d6e7cd39 input, .cea82f94aec2f input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c8853473a4b8b[disabled], .cb91d950aaf2d input[disabled], .c11a7d6e7cd39 input[disabled], .cea82f94aec2f input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c49f1b6a82b73 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cfd4e0ae08975, .cea82f94aec2f span,
.cea82f94aec2f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cfd4e0ae08975, .cea82f94aec2f span,
  .cea82f94aec2f label {
    height: 25px;
  }
}
.cfd4e0ae08975, .cea82f94aec2f span,
.cea82f94aec2f label {
  color: var(--input-foreground-color);
}

.cea82f94aec2f {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cea82f94aec2f {
    height: 25px;
    font-size: 10px;
  }
}
.cea82f94aec2f {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cea82f94aec2f span svg,
.cea82f94aec2f label svg {
  color: var(--input-foreground-color);
}
.cea82f94aec2f ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cea82f94aec2f ::placeholder {
  color: var(--input-placeholder-color);
}
.cea82f94aec2f:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cea82f94aec2f:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cea82f94aec2f:hover span {
  color: var(--input-foreground-color-hover);
}
.cea82f94aec2f:hover input {
  color: var(--input-foreground-color-hover);
}
.cea82f94aec2f:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cea82f94aec2f:active span {
  color: var(--input-foreground-color-active);
}
.cea82f94aec2f:active input {
  color: var(--input-foreground-color-active);
}
.cea82f94aec2f:focus, .cea82f94aec2f:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cea82f94aec2f:focus span, .cea82f94aec2f:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cea82f94aec2f:focus input, .cea82f94aec2f:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cea82f94aec2f:focus:hover, .cea82f94aec2f:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cea82f94aec2f:focus:hover span, .cea82f94aec2f:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cea82f94aec2f:focus:hover input, .cea82f94aec2f:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c11a7d6e7cd39 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c11a7d6e7cd39 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c11a7d6e7cd39 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c11a7d6e7cd39 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c11a7d6e7cd39:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c11a7d6e7cd39:focus-within input, .c11a7d6e7cd39:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cb1719c6ee765, .cb91d950aaf2d.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cb1719c6ee765 input, .cb91d950aaf2d.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cb1719c6ee765 span svg, .cb91d950aaf2d.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c0836639c5247, .cf58f485768d2 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c0836639c5247 svg, .cf58f485768d2 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c0836639c5247:hover, .cf58f485768d2 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0836639c5247:focus, .cf58f485768d2 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c0836639c5247.checked, .cf58f485768d2 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c0836639c5247.checked svg, .cf58f485768d2 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c0836639c5247.intermediate, .cf58f485768d2 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c0836639c5247.intermediate svg, .cf58f485768d2 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c0836639c5247.unchecked, .cf58f485768d2 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c0836639c5247.unchecked svg, .cf58f485768d2 label span.unchecked svg {
  display: none;
}

.cf58f485768d2 {
  display: flex;
  align-items: center;
}
.cf58f485768d2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cf58f485768d2 label input {
  margin: 0;
}
.cf58f485768d2 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf58f485768d2 label:focus span, .cf58f485768d2 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cb91d950aaf2d {
  display: flex;
  flex-direction: column;
}
.cb91d950aaf2d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cb91d950aaf2d input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cb91d950aaf2d input:focus-within input, .cb91d950aaf2d input:active input {
  color: var(--input-foreground-color-active);
}
.cb91d950aaf2d input:focus-within, .cb91d950aaf2d input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cb91d950aaf2d.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cd95f41d7fa66 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cda03490afd59 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cd6ab6fd9ce04 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c41d6fd0567e4 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c09dae9eac50a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc533aa84333c {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c372cb079c339 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cec497be71671 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c0b5409f455e6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cf14e41fe7535 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cf14e41fe7535:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c826e8acd9e68 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cad3b73366eb6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c60e4bf4d8c0e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c207a85516636 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c0a3dc52ef2d3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c0a3dc52ef2d3:hover, .c0a3dc52ef2d3:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cc26fee74ea86 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cc26fee74ea86 button {
  display: none;
}
.cc26fee74ea86 button svg {
  stroke: var(--icon-foreground);
}
.cc26fee74ea86:hover button {
  display: flex;
}

.c0920d5903e74, .cb8234a427a38 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c0920d5903e74 .attr-label, .cb8234a427a38 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c0920d5903e74 .attr-value, .cb8234a427a38 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cb9383d7eb8df, .ccb148e8b2f89 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cb9383d7eb8df:hover div, .ccb148e8b2f89:hover div {
  color: var(--entry-foreground-color-hover);
}

.c67f518b03416 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ccd8b00a2ad7f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ccd8b00a2ad7f:hover {
  background-color: var(--menu-background-color-hover);
}

.cc9a8d53dbee6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cc9a8d53dbee6 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc9a8d53dbee6 span svg {
  stroke: var(--icon-foreground);
}
.cc9a8d53dbee6:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cc9a8d53dbee6:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c958821d68e12 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c9073c72bcfbe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c8571abcbb58b,
.cf9bbb2814959 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c927c76a7c6c9 .c8571abcbb58b,
.c927c76a7c6c9 .cf9bbb2814959 {
  transform: scale(1);
}

.ca1b458aee8ec .c8571abcbb58b,
.ca1b458aee8ec .cf9bbb2814959 {
  transform: scale(0);
}

.c1ec901f68734 {
  --box-border-color: var(--color-background-primary);
  display: flex;
  flex-direction: column;
  border-block-end: 0.125rem solid var(--box-border-color);
}

.ccc87c47d0bc0 {
  margin-inline-start: 0;
}

.c9bfb7a575f86 {
  color: var(--entry-foreground-color-hover);
  padding-block: var(--sp-s);
}

.cb8234a427a38 {
  block-size: 2.25rem;
}

.c99fd0297b30a {
  max-inline-size: 1.75rem;
}
@keyframes c66ebd000ee86 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c58f2be485ac3 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c58f2be485ac3:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c58f2be485ac3 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c58f2be485ac3 ::-webkit-scrollbar-track,
.c58f2be485ac3 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c58f2be485ac3 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c58f2be485ac3 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c58f2be485ac3 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c58f2be485ac3 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c58f2be485ac3 ::placeholder,
.c58f2be485ac3 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ce51dd0ffc0ca, .cc597d7af17ef, .c1029dad2d790 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ce51dd0ffc0ca svg, .cc597d7af17ef svg, .c1029dad2d790 svg,
.ce51dd0ffc0ca span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ce51dd0ffc0ca:focus-visible, .cc597d7af17ef:focus-visible, .c1029dad2d790:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ce51dd0ffc0ca:focus-visible svg, .cc597d7af17ef:focus-visible svg, .c1029dad2d790:focus-visible svg,
.ce51dd0ffc0ca:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ce51dd0ffc0ca:hover, .cc597d7af17ef:hover, .c1029dad2d790:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ce51dd0ffc0ca:hover svg, .cc597d7af17ef:hover svg, .c1029dad2d790:hover svg,
.ce51dd0ffc0ca:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ce51dd0ffc0ca:active, .cc597d7af17ef:active, .c1029dad2d790:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ce51dd0ffc0ca:active svg, .cc597d7af17ef:active svg, .c1029dad2d790:active svg,
.ce51dd0ffc0ca:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ce51dd0ffc0ca.disabled, .cc597d7af17ef.disabled, .c1029dad2d790.disabled, .ce51dd0ffc0ca[disabled], [disabled].cc597d7af17ef, [disabled].c1029dad2d790, .ce51dd0ffc0ca:disabled, .cc597d7af17ef:disabled, .c1029dad2d790:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7ed75c93eaa1, .cdc6acdee34d8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c7ed75c93eaa1 svg, .cdc6acdee34d8 svg,
.c7ed75c93eaa1 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c7ed75c93eaa1:focus-visible, .cdc6acdee34d8:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c7ed75c93eaa1:focus-visible svg, .cdc6acdee34d8:focus-visible svg,
.c7ed75c93eaa1:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c7ed75c93eaa1:hover, .cdc6acdee34d8:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c7ed75c93eaa1:hover svg, .cdc6acdee34d8:hover svg,
.c7ed75c93eaa1:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c7ed75c93eaa1:active, .cdc6acdee34d8:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c7ed75c93eaa1:active svg, .cdc6acdee34d8:active svg,
.c7ed75c93eaa1:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c7ed75c93eaa1.disabled, .cdc6acdee34d8.disabled, .c7ed75c93eaa1[disabled], [disabled].cdc6acdee34d8, .c7ed75c93eaa1:disabled, .cdc6acdee34d8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c283ff7990c35 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c283ff7990c35 svg,
.c283ff7990c35 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c283ff7990c35:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c283ff7990c35:focus-visible svg,
.c283ff7990c35:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c283ff7990c35:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c283ff7990c35:hover svg,
.c283ff7990c35:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c283ff7990c35:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c283ff7990c35:active svg,
.c283ff7990c35:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c283ff7990c35.disabled, .c283ff7990c35[disabled], .c283ff7990c35:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cee9e82207592, .c67eaf300faf3 button, .cc68f16a5a5b2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cee9e82207592 svg, .c67eaf300faf3 button svg, .cc68f16a5a5b2 svg,
.cee9e82207592 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cee9e82207592:focus-visible, .c67eaf300faf3 button:focus-visible, .cc68f16a5a5b2:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cee9e82207592:focus-visible svg, .c67eaf300faf3 button:focus-visible svg, .cc68f16a5a5b2:focus-visible svg,
.cee9e82207592:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cee9e82207592:hover, .c67eaf300faf3 button:hover, .cc68f16a5a5b2:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cee9e82207592:hover svg, .c67eaf300faf3 button:hover svg, .cc68f16a5a5b2:hover svg,
.cee9e82207592:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cee9e82207592:active, .c67eaf300faf3 button:active, .cc68f16a5a5b2:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cee9e82207592:active svg, .c67eaf300faf3 button:active svg, .cc68f16a5a5b2:active svg,
.cee9e82207592:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cee9e82207592.disabled, .c67eaf300faf3 button.disabled, .cc68f16a5a5b2.disabled, .cee9e82207592[disabled], .c67eaf300faf3 button[disabled], [disabled].cc68f16a5a5b2, .cee9e82207592:disabled, .c67eaf300faf3 button:disabled, .cc68f16a5a5b2:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cee9e82207592.disabled svg, .c67eaf300faf3 button.disabled svg, .cc68f16a5a5b2.disabled svg,
.cee9e82207592.disabled span svg, .cee9e82207592[disabled] svg, .c67eaf300faf3 button[disabled] svg, [disabled].cc68f16a5a5b2 svg,
.cee9e82207592[disabled] span svg, .cee9e82207592:disabled svg, .c67eaf300faf3 button:disabled svg, .cc68f16a5a5b2:disabled svg,
.cee9e82207592:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cb2970aa6e656 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cb2970aa6e656 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c0ab431580b98 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c0ab431580b98 svg,
.c0ab431580b98 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c0ab431580b98:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c0ab431580b98:focus-visible svg,
.c0ab431580b98:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c0ab431580b98:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c0ab431580b98:hover svg,
.c0ab431580b98:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c0ab431580b98:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c0ab431580b98:active svg,
.c0ab431580b98:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c5498a816b333 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c52e53cc11a33 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c07b8eee94a82 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c07b8eee94a82:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c07b8eee94a82:focus-visible svg,
.c07b8eee94a82:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c07b8eee94a82:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c07b8eee94a82:active {
  border: none;
  background-color: transparent;
}

.c14e6ec12619c, .cc68f16a5a5b2 svg, .c5f25fb838af9, .c9b1dd11c6ded span svg, .c67eaf300faf3 button svg, .c0c4c33dd3c08.intermediate svg, .cf573ae236308 label span.intermediate svg, .c0c4c33dd3c08.checked svg, .cf573ae236308 label span.checked svg, .c584656abfc21 span svg,
.c584656abfc21 label svg, .c9c745c53f422 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cade534046331 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cade534046331:hover {
  fill: none;
  stroke: none;
}

.c5f25fb838af9, .c9b1dd11c6ded span svg, .c67eaf300faf3 button svg, .c0c4c33dd3c08.intermediate svg, .cf573ae236308 label span.intermediate svg, .c0c4c33dd3c08.checked svg, .cf573ae236308 label span.checked svg, .c584656abfc21 span svg,
.c584656abfc21 label svg, .c9c745c53f422 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c95b32cfc5ba6 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c95b32cfc5ba6:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c2378bfce00d8, .c1eeb0bc47713 input, .ca556db7bfd96 input, .c584656abfc21 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c2378bfce00d8, .c1eeb0bc47713 input, .ca556db7bfd96 input, .c584656abfc21 input {
    height: 23px;
  }
}
.c2378bfce00d8, .c1eeb0bc47713 input, .ca556db7bfd96 input, .c584656abfc21 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c2378bfce00d8[disabled], .c1eeb0bc47713 input[disabled], .ca556db7bfd96 input[disabled], .c584656abfc21 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c9c745c53f422 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c62e87bb7508e, .c584656abfc21 span,
.c584656abfc21 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c62e87bb7508e, .c584656abfc21 span,
  .c584656abfc21 label {
    height: 25px;
  }
}
.c62e87bb7508e, .c584656abfc21 span,
.c584656abfc21 label {
  color: var(--input-foreground-color);
}

.c584656abfc21 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c584656abfc21 {
    height: 25px;
    font-size: 10px;
  }
}
.c584656abfc21 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c584656abfc21 span svg,
.c584656abfc21 label svg {
  color: var(--input-foreground-color);
}
.c584656abfc21 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c584656abfc21 ::placeholder {
  color: var(--input-placeholder-color);
}
.c584656abfc21:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c584656abfc21:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c584656abfc21:hover span {
  color: var(--input-foreground-color-hover);
}
.c584656abfc21:hover input {
  color: var(--input-foreground-color-hover);
}
.c584656abfc21:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c584656abfc21:active span {
  color: var(--input-foreground-color-active);
}
.c584656abfc21:active input {
  color: var(--input-foreground-color-active);
}
.c584656abfc21:focus, .c584656abfc21:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c584656abfc21:focus span, .c584656abfc21:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c584656abfc21:focus input, .c584656abfc21:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c584656abfc21:focus:hover, .c584656abfc21:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c584656abfc21:focus:hover span, .c584656abfc21:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c584656abfc21:focus:hover input, .c584656abfc21:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ca556db7bfd96 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ca556db7bfd96 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ca556db7bfd96 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ca556db7bfd96 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ca556db7bfd96:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ca556db7bfd96:focus-within input, .ca556db7bfd96:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cc03f8c004d5f, .c1eeb0bc47713.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cc03f8c004d5f input, .c1eeb0bc47713.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cc03f8c004d5f span svg, .c1eeb0bc47713.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c0c4c33dd3c08, .cf573ae236308 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c0c4c33dd3c08 svg, .cf573ae236308 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c0c4c33dd3c08:hover, .cf573ae236308 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0c4c33dd3c08:focus, .cf573ae236308 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c0c4c33dd3c08.checked, .cf573ae236308 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c0c4c33dd3c08.checked svg, .cf573ae236308 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c0c4c33dd3c08.intermediate, .cf573ae236308 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c0c4c33dd3c08.intermediate svg, .cf573ae236308 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c0c4c33dd3c08.unchecked, .cf573ae236308 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c0c4c33dd3c08.unchecked svg, .cf573ae236308 label span.unchecked svg {
  display: none;
}

.cf573ae236308 {
  display: flex;
  align-items: center;
}
.cf573ae236308 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cf573ae236308 label input {
  margin: 0;
}
.cf573ae236308 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cf573ae236308 label:focus span, .cf573ae236308 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c1eeb0bc47713 {
  display: flex;
  flex-direction: column;
}
.c1eeb0bc47713 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c1eeb0bc47713 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c1eeb0bc47713 input:focus-within input, .c1eeb0bc47713 input:active input {
  color: var(--input-foreground-color-active);
}
.c1eeb0bc47713 input:focus-within, .c1eeb0bc47713 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1eeb0bc47713.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c35cf6ca94dec {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cbd67fe7f207c {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c82c65145f52d {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cc68f16a5a5b2 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c456f6da7c68f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c29e92585395a {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cdc6acdee34d8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c1029dad2d790 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc597d7af17ef {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c6ad587eac7db {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c6ad587eac7db:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c1e99d2940a37 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c6a2f099bfaab {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cc46e8dac5568 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c19536c0c8809 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.ca0a055040569 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.ca0a055040569:hover, .ca0a055040569:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c67eaf300faf3 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c67eaf300faf3 button {
  display: none;
}
.c67eaf300faf3 button svg {
  stroke: var(--icon-foreground);
}
.c67eaf300faf3:hover button {
  display: flex;
}

.c863daa7d626c, .c6957d7142924 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c863daa7d626c .attr-label, .c6957d7142924 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c863daa7d626c .attr-value, .c6957d7142924 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c24ed9e87a0ed, .c6ceace539921 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c24ed9e87a0ed:hover div, .c6ceace539921:hover div {
  color: var(--entry-foreground-color-hover);
}

.cd094fc75251b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cd7e0e062fc8b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cd7e0e062fc8b:hover {
  background-color: var(--menu-background-color-hover);
}

.c9b1dd11c6ded {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c9b1dd11c6ded span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c9b1dd11c6ded span svg {
  stroke: var(--icon-foreground);
}
.c9b1dd11c6ded:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c9b1dd11c6ded:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cdb3a707c8c77 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c3ec1d55ea4b4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c58028da7f622,
.cee99e2b501d2 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c61aba98e290c .c58028da7f622,
.c61aba98e290c .cee99e2b501d2 {
  transform: scale(1);
}

.c4268e09c2363 .c58028da7f622,
.c4268e09c2363 .cee99e2b501d2 {
  transform: scale(0);
}

.c94520664d707 {
  --box-border-color: var(--color-background-primary);
  display: flex;
  flex-direction: column;
  border-block-end: 0.125rem solid var(--box-border-color);
}

.c0a9f06cac487 {
  margin-inline-start: 0;
}

.c73cebf1d7b6f {
  color: var(--entry-foreground-color-hover);
  padding-block: var(--sp-s);
}

.c6957d7142924 {
  block-size: 2.25rem;
}

.c0ace2ee3a0d3 {
  max-inline-size: 1.75rem;
}
@keyframes c0e8d6e1e04eb {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cf003c92822ef {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cf003c92822ef:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cf003c92822ef ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cf003c92822ef ::-webkit-scrollbar-track,
.cf003c92822ef ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cf003c92822ef ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cf003c92822ef ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cf003c92822ef ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cf003c92822ef ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cf003c92822ef ::placeholder,
.cf003c92822ef ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cb3f90efc0e61, .c0e891367301b, .cd9444c2f7cd0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cb3f90efc0e61 svg, .c0e891367301b svg, .cd9444c2f7cd0 svg,
.cb3f90efc0e61 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cb3f90efc0e61:focus-visible, .c0e891367301b:focus-visible, .cd9444c2f7cd0:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cb3f90efc0e61:focus-visible svg, .c0e891367301b:focus-visible svg, .cd9444c2f7cd0:focus-visible svg,
.cb3f90efc0e61:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cb3f90efc0e61:hover, .c0e891367301b:hover, .cd9444c2f7cd0:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cb3f90efc0e61:hover svg, .c0e891367301b:hover svg, .cd9444c2f7cd0:hover svg,
.cb3f90efc0e61:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cb3f90efc0e61:active, .c0e891367301b:active, .cd9444c2f7cd0:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cb3f90efc0e61:active svg, .c0e891367301b:active svg, .cd9444c2f7cd0:active svg,
.cb3f90efc0e61:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cb3f90efc0e61.disabled, .c0e891367301b.disabled, .cd9444c2f7cd0.disabled, .cb3f90efc0e61[disabled], [disabled].c0e891367301b, [disabled].cd9444c2f7cd0, .cb3f90efc0e61:disabled, .c0e891367301b:disabled, .cd9444c2f7cd0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8feece468ccb, .c75326f3f406a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c8feece468ccb svg, .c75326f3f406a svg,
.c8feece468ccb span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c8feece468ccb:focus-visible, .c75326f3f406a:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c8feece468ccb:focus-visible svg, .c75326f3f406a:focus-visible svg,
.c8feece468ccb:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c8feece468ccb:hover, .c75326f3f406a:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c8feece468ccb:hover svg, .c75326f3f406a:hover svg,
.c8feece468ccb:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c8feece468ccb:active, .c75326f3f406a:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c8feece468ccb:active svg, .c75326f3f406a:active svg,
.c8feece468ccb:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c8feece468ccb.disabled, .c75326f3f406a.disabled, .c8feece468ccb[disabled], [disabled].c75326f3f406a, .c8feece468ccb:disabled, .c75326f3f406a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7049e43aa407 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c7049e43aa407 svg,
.c7049e43aa407 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c7049e43aa407:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c7049e43aa407:focus-visible svg,
.c7049e43aa407:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c7049e43aa407:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c7049e43aa407:hover svg,
.c7049e43aa407:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c7049e43aa407:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c7049e43aa407:active svg,
.c7049e43aa407:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c7049e43aa407.disabled, .c7049e43aa407[disabled], .c7049e43aa407:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c58003398d897, .c46c16eba21ab button, .c00bb65c2088e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c58003398d897 svg, .c46c16eba21ab button svg, .c00bb65c2088e svg,
.c58003398d897 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c58003398d897:focus-visible, .c46c16eba21ab button:focus-visible, .c00bb65c2088e:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c58003398d897:focus-visible svg, .c46c16eba21ab button:focus-visible svg, .c00bb65c2088e:focus-visible svg,
.c58003398d897:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c58003398d897:hover, .c46c16eba21ab button:hover, .c00bb65c2088e:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c58003398d897:hover svg, .c46c16eba21ab button:hover svg, .c00bb65c2088e:hover svg,
.c58003398d897:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c58003398d897:active, .c46c16eba21ab button:active, .c00bb65c2088e:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c58003398d897:active svg, .c46c16eba21ab button:active svg, .c00bb65c2088e:active svg,
.c58003398d897:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c58003398d897.disabled, .c46c16eba21ab button.disabled, .c00bb65c2088e.disabled, .c58003398d897[disabled], .c46c16eba21ab button[disabled], [disabled].c00bb65c2088e, .c58003398d897:disabled, .c46c16eba21ab button:disabled, .c00bb65c2088e:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c58003398d897.disabled svg, .c46c16eba21ab button.disabled svg, .c00bb65c2088e.disabled svg,
.c58003398d897.disabled span svg, .c58003398d897[disabled] svg, .c46c16eba21ab button[disabled] svg, [disabled].c00bb65c2088e svg,
.c58003398d897[disabled] span svg, .c58003398d897:disabled svg, .c46c16eba21ab button:disabled svg, .c00bb65c2088e:disabled svg,
.c58003398d897:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c4454bebde0dd {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c4454bebde0dd svg {
  color: var(--button-icon-foreground-color-selected);
}

.c42ada750018b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c42ada750018b svg,
.c42ada750018b span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c42ada750018b:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c42ada750018b:focus-visible svg,
.c42ada750018b:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c42ada750018b:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c42ada750018b:hover svg,
.c42ada750018b:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c42ada750018b:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c42ada750018b:active svg,
.c42ada750018b:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cb963657f9de8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c1b231921e8f2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8ca44396c7c2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c8ca44396c7c2:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c8ca44396c7c2:focus-visible svg,
.c8ca44396c7c2:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c8ca44396c7c2:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c8ca44396c7c2:active {
  border: none;
  background-color: transparent;
}

.c0599fa41e140, .c00bb65c2088e svg, .c1dfdce72cc5e, .c064c98ad9b24 span svg, .c46c16eba21ab button svg, .c758389ed9c49.intermediate svg, .c13e9a42e3a40 label span.intermediate svg, .c758389ed9c49.checked svg, .c13e9a42e3a40 label span.checked svg, .c347a6a2868af span svg,
.c347a6a2868af label svg, .cba4afbdbf880 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c469acc0cfd00 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c469acc0cfd00:hover {
  fill: none;
  stroke: none;
}

.c1dfdce72cc5e, .c064c98ad9b24 span svg, .c46c16eba21ab button svg, .c758389ed9c49.intermediate svg, .c13e9a42e3a40 label span.intermediate svg, .c758389ed9c49.checked svg, .c13e9a42e3a40 label span.checked svg, .c347a6a2868af span svg,
.c347a6a2868af label svg, .cba4afbdbf880 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c319d7d2c159f {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c319d7d2c159f:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c0978d8f5cdde, .c0fa95bb9c68c input, .ce9eb41d845c5 input, .c347a6a2868af input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c0978d8f5cdde, .c0fa95bb9c68c input, .ce9eb41d845c5 input, .c347a6a2868af input {
    height: 23px;
  }
}
.c0978d8f5cdde, .c0fa95bb9c68c input, .ce9eb41d845c5 input, .c347a6a2868af input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c0978d8f5cdde[disabled], .c0fa95bb9c68c input[disabled], .ce9eb41d845c5 input[disabled], .c347a6a2868af input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cba4afbdbf880 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c9c2a35ea35be, .c347a6a2868af span,
.c347a6a2868af label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c9c2a35ea35be, .c347a6a2868af span,
  .c347a6a2868af label {
    height: 25px;
  }
}
.c9c2a35ea35be, .c347a6a2868af span,
.c347a6a2868af label {
  color: var(--input-foreground-color);
}

.c347a6a2868af {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c347a6a2868af {
    height: 25px;
    font-size: 10px;
  }
}
.c347a6a2868af {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c347a6a2868af span svg,
.c347a6a2868af label svg {
  color: var(--input-foreground-color);
}
.c347a6a2868af ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c347a6a2868af ::placeholder {
  color: var(--input-placeholder-color);
}
.c347a6a2868af:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c347a6a2868af:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c347a6a2868af:hover span {
  color: var(--input-foreground-color-hover);
}
.c347a6a2868af:hover input {
  color: var(--input-foreground-color-hover);
}
.c347a6a2868af:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c347a6a2868af:active span {
  color: var(--input-foreground-color-active);
}
.c347a6a2868af:active input {
  color: var(--input-foreground-color-active);
}
.c347a6a2868af:focus, .c347a6a2868af:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c347a6a2868af:focus span, .c347a6a2868af:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c347a6a2868af:focus input, .c347a6a2868af:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c347a6a2868af:focus:hover, .c347a6a2868af:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c347a6a2868af:focus:hover span, .c347a6a2868af:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c347a6a2868af:focus:hover input, .c347a6a2868af:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ce9eb41d845c5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ce9eb41d845c5 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ce9eb41d845c5 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce9eb41d845c5 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce9eb41d845c5:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ce9eb41d845c5:focus-within input, .ce9eb41d845c5:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c5bb79e597a3b, .c0fa95bb9c68c.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c5bb79e597a3b input, .c0fa95bb9c68c.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c5bb79e597a3b span svg, .c0fa95bb9c68c.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c758389ed9c49, .c13e9a42e3a40 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c758389ed9c49 svg, .c13e9a42e3a40 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c758389ed9c49:hover, .c13e9a42e3a40 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c758389ed9c49:focus, .c13e9a42e3a40 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c758389ed9c49.checked, .c13e9a42e3a40 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c758389ed9c49.checked svg, .c13e9a42e3a40 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c758389ed9c49.intermediate, .c13e9a42e3a40 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c758389ed9c49.intermediate svg, .c13e9a42e3a40 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c758389ed9c49.unchecked, .c13e9a42e3a40 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c758389ed9c49.unchecked svg, .c13e9a42e3a40 label span.unchecked svg {
  display: none;
}

.c13e9a42e3a40 {
  display: flex;
  align-items: center;
}
.c13e9a42e3a40 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c13e9a42e3a40 label input {
  margin: 0;
}
.c13e9a42e3a40 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c13e9a42e3a40 label:focus span, .c13e9a42e3a40 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c0fa95bb9c68c {
  display: flex;
  flex-direction: column;
}
.c0fa95bb9c68c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c0fa95bb9c68c input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c0fa95bb9c68c input:focus-within input, .c0fa95bb9c68c input:active input {
  color: var(--input-foreground-color-active);
}
.c0fa95bb9c68c input:focus-within, .c0fa95bb9c68c input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c0fa95bb9c68c.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cfcde4f79094b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c97f9b32c3eb8 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cfad8e35663d4 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c00bb65c2088e {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c4ef3bb320b1e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c119f3fd93dbf {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c75326f3f406a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd9444c2f7cd0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c0e891367301b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c6b85392e6208 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c6b85392e6208:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c1d55c877cf5a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c65956907b7c5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ca37618dd5a10 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ca60c83c4c749 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cea630c59acf7 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cea630c59acf7:hover, .cea630c59acf7:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c46c16eba21ab div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c46c16eba21ab button {
  display: none;
}
.c46c16eba21ab button svg {
  stroke: var(--icon-foreground);
}
.c46c16eba21ab:hover button {
  display: flex;
}

.cc3acf63cf801, .c971a411645ad {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cc3acf63cf801 .attr-label, .c971a411645ad .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cc3acf63cf801 .attr-value, .c971a411645ad .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c762c1dd96334, .cd3ce4a3a7002 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c762c1dd96334:hover div, .cd3ce4a3a7002:hover div {
  color: var(--entry-foreground-color-hover);
}

.cd37fe5ffa256 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c2e1cdacb6919 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c2e1cdacb6919:hover {
  background-color: var(--menu-background-color-hover);
}

.c064c98ad9b24 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c064c98ad9b24 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c064c98ad9b24 span svg {
  stroke: var(--icon-foreground);
}
.c064c98ad9b24:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c064c98ad9b24:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c3e03a1de1d11 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c585fe2b74f7e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c113d339ce439,
.c15c637d4a6b2 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c08aede6da8d9 .c113d339ce439,
.c08aede6da8d9 .c15c637d4a6b2 {
  transform: scale(1);
}

.c983edddf7680 .c113d339ce439,
.c983edddf7680 .c15c637d4a6b2 {
  transform: scale(0);
}

.ccdaa6181333d {
  --box-border-color: var(--color-background-primary);
  display: flex;
  flex-direction: column;
  border-block-end: 0.125rem solid var(--box-border-color);
}

.ca4f3611a9ec8 {
  margin-inline-start: 0;
}

.ce7cc55611eff {
  color: var(--entry-foreground-color-hover);
  padding-block: var(--sp-s);
}

.c971a411645ad {
  block-size: 2.25rem;
}

.c54d0f4c2c5d7 {
  max-inline-size: 1.75rem;
  max-inline-size: 1.75rem;
}
@keyframes c8198d037d057 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cc69ac5292c43 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cc69ac5292c43:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cc69ac5292c43 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cc69ac5292c43 ::-webkit-scrollbar-track,
.cc69ac5292c43 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cc69ac5292c43 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cc69ac5292c43 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cc69ac5292c43 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc69ac5292c43 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc69ac5292c43 ::placeholder,
.cc69ac5292c43 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c06f590cd5d2b, .c53750021e5b9, .c4eadeac9fe93 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c06f590cd5d2b svg, .c53750021e5b9 svg, .c4eadeac9fe93 svg,
.c06f590cd5d2b span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c06f590cd5d2b:focus-visible, .c53750021e5b9:focus-visible, .c4eadeac9fe93:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c06f590cd5d2b:focus-visible svg, .c53750021e5b9:focus-visible svg, .c4eadeac9fe93:focus-visible svg,
.c06f590cd5d2b:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c06f590cd5d2b:hover, .c53750021e5b9:hover, .c4eadeac9fe93:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c06f590cd5d2b:hover svg, .c53750021e5b9:hover svg, .c4eadeac9fe93:hover svg,
.c06f590cd5d2b:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c06f590cd5d2b:active, .c53750021e5b9:active, .c4eadeac9fe93:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c06f590cd5d2b:active svg, .c53750021e5b9:active svg, .c4eadeac9fe93:active svg,
.c06f590cd5d2b:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c06f590cd5d2b.disabled, .c53750021e5b9.disabled, .c4eadeac9fe93.disabled, .c06f590cd5d2b[disabled], [disabled].c53750021e5b9, [disabled].c4eadeac9fe93, .c06f590cd5d2b:disabled, .c53750021e5b9:disabled, .c4eadeac9fe93:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc967eb354e1d, .c8f9d8715a89f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cc967eb354e1d svg, .c8f9d8715a89f svg,
.cc967eb354e1d span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cc967eb354e1d:focus-visible, .c8f9d8715a89f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cc967eb354e1d:focus-visible svg, .c8f9d8715a89f:focus-visible svg,
.cc967eb354e1d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cc967eb354e1d:hover, .c8f9d8715a89f:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cc967eb354e1d:hover svg, .c8f9d8715a89f:hover svg,
.cc967eb354e1d:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cc967eb354e1d:active, .c8f9d8715a89f:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cc967eb354e1d:active svg, .c8f9d8715a89f:active svg,
.cc967eb354e1d:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cc967eb354e1d.disabled, .c8f9d8715a89f.disabled, .cc967eb354e1d[disabled], [disabled].c8f9d8715a89f, .cc967eb354e1d:disabled, .c8f9d8715a89f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4159cd810776 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c4159cd810776 svg,
.c4159cd810776 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c4159cd810776:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4159cd810776:focus-visible svg,
.c4159cd810776:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4159cd810776:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c4159cd810776:hover svg,
.c4159cd810776:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c4159cd810776:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c4159cd810776:active svg,
.c4159cd810776:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c4159cd810776.disabled, .c4159cd810776[disabled], .c4159cd810776:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c684988cd3f3b, .c8705e0a115de button, .c4fec02de2e35 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c684988cd3f3b svg, .c8705e0a115de button svg, .c4fec02de2e35 svg,
.c684988cd3f3b span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c684988cd3f3b:focus-visible, .c8705e0a115de button:focus-visible, .c4fec02de2e35:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c684988cd3f3b:focus-visible svg, .c8705e0a115de button:focus-visible svg, .c4fec02de2e35:focus-visible svg,
.c684988cd3f3b:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c684988cd3f3b:hover, .c8705e0a115de button:hover, .c4fec02de2e35:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c684988cd3f3b:hover svg, .c8705e0a115de button:hover svg, .c4fec02de2e35:hover svg,
.c684988cd3f3b:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c684988cd3f3b:active, .c8705e0a115de button:active, .c4fec02de2e35:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c684988cd3f3b:active svg, .c8705e0a115de button:active svg, .c4fec02de2e35:active svg,
.c684988cd3f3b:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c684988cd3f3b.disabled, .c8705e0a115de button.disabled, .c4fec02de2e35.disabled, .c684988cd3f3b[disabled], .c8705e0a115de button[disabled], [disabled].c4fec02de2e35, .c684988cd3f3b:disabled, .c8705e0a115de button:disabled, .c4fec02de2e35:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c684988cd3f3b.disabled svg, .c8705e0a115de button.disabled svg, .c4fec02de2e35.disabled svg,
.c684988cd3f3b.disabled span svg, .c684988cd3f3b[disabled] svg, .c8705e0a115de button[disabled] svg, [disabled].c4fec02de2e35 svg,
.c684988cd3f3b[disabled] span svg, .c684988cd3f3b:disabled svg, .c8705e0a115de button:disabled svg, .c4fec02de2e35:disabled svg,
.c684988cd3f3b:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c49547f5bd9cd {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c49547f5bd9cd svg {
  color: var(--button-icon-foreground-color-selected);
}

.c0d74bde8b9c2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c0d74bde8b9c2 svg,
.c0d74bde8b9c2 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c0d74bde8b9c2:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c0d74bde8b9c2:focus-visible svg,
.c0d74bde8b9c2:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c0d74bde8b9c2:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c0d74bde8b9c2:hover svg,
.c0d74bde8b9c2:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c0d74bde8b9c2:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c0d74bde8b9c2:active svg,
.c0d74bde8b9c2:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cc5c7399de9a3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7c490ce1078a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0701d974e0af {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c0701d974e0af:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c0701d974e0af:focus-visible svg,
.c0701d974e0af:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c0701d974e0af:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c0701d974e0af:active {
  border: none;
  background-color: transparent;
}

.c6657fdd69baf, .c4fec02de2e35 svg, .c657fc860ebd0, .c4e2ed8a78f9d span svg, .c8705e0a115de button svg, .cd1c529d586da.intermediate svg, .c2de378276ef1 label span.intermediate svg, .cd1c529d586da.checked svg, .c2de378276ef1 label span.checked svg, .c0b5c5fbfd6ca span svg,
.c0b5c5fbfd6ca label svg, .c63cd6c319162 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cb8febbc5c42f {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cb8febbc5c42f:hover {
  fill: none;
  stroke: none;
}

.c657fc860ebd0, .c4e2ed8a78f9d span svg, .c8705e0a115de button svg, .cd1c529d586da.intermediate svg, .c2de378276ef1 label span.intermediate svg, .cd1c529d586da.checked svg, .c2de378276ef1 label span.checked svg, .c0b5c5fbfd6ca span svg,
.c0b5c5fbfd6ca label svg, .c63cd6c319162 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c95fb71c07f25 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c95fb71c07f25:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c6afa418924c0, .cd45002f90504 input, .c7bd22b5aa162 input, .c0b5c5fbfd6ca input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c6afa418924c0, .cd45002f90504 input, .c7bd22b5aa162 input, .c0b5c5fbfd6ca input {
    height: 23px;
  }
}
.c6afa418924c0, .cd45002f90504 input, .c7bd22b5aa162 input, .c0b5c5fbfd6ca input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c6afa418924c0[disabled], .cd45002f90504 input[disabled], .c7bd22b5aa162 input[disabled], .c0b5c5fbfd6ca input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c63cd6c319162 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c58d20d1b2e21, .c0b5c5fbfd6ca span,
.c0b5c5fbfd6ca label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c58d20d1b2e21, .c0b5c5fbfd6ca span,
  .c0b5c5fbfd6ca label {
    height: 25px;
  }
}
.c58d20d1b2e21, .c0b5c5fbfd6ca span,
.c0b5c5fbfd6ca label {
  color: var(--input-foreground-color);
}

.c0b5c5fbfd6ca {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c0b5c5fbfd6ca {
    height: 25px;
    font-size: 10px;
  }
}
.c0b5c5fbfd6ca {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c0b5c5fbfd6ca span svg,
.c0b5c5fbfd6ca label svg {
  color: var(--input-foreground-color);
}
.c0b5c5fbfd6ca ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c0b5c5fbfd6ca ::placeholder {
  color: var(--input-placeholder-color);
}
.c0b5c5fbfd6ca:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c0b5c5fbfd6ca:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c0b5c5fbfd6ca:hover span {
  color: var(--input-foreground-color-hover);
}
.c0b5c5fbfd6ca:hover input {
  color: var(--input-foreground-color-hover);
}
.c0b5c5fbfd6ca:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c0b5c5fbfd6ca:active span {
  color: var(--input-foreground-color-active);
}
.c0b5c5fbfd6ca:active input {
  color: var(--input-foreground-color-active);
}
.c0b5c5fbfd6ca:focus, .c0b5c5fbfd6ca:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c0b5c5fbfd6ca:focus span, .c0b5c5fbfd6ca:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c0b5c5fbfd6ca:focus input, .c0b5c5fbfd6ca:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c0b5c5fbfd6ca:focus:hover, .c0b5c5fbfd6ca:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c0b5c5fbfd6ca:focus:hover span, .c0b5c5fbfd6ca:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c0b5c5fbfd6ca:focus:hover input, .c0b5c5fbfd6ca:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c7bd22b5aa162 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c7bd22b5aa162 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c7bd22b5aa162 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c7bd22b5aa162 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c7bd22b5aa162:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c7bd22b5aa162:focus-within input, .c7bd22b5aa162:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c5ec11053be39, .cd45002f90504.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c5ec11053be39 input, .cd45002f90504.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c5ec11053be39 span svg, .cd45002f90504.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cd1c529d586da, .c2de378276ef1 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cd1c529d586da svg, .c2de378276ef1 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cd1c529d586da:hover, .c2de378276ef1 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd1c529d586da:focus, .c2de378276ef1 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cd1c529d586da.checked, .c2de378276ef1 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cd1c529d586da.checked svg, .c2de378276ef1 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cd1c529d586da.intermediate, .c2de378276ef1 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cd1c529d586da.intermediate svg, .c2de378276ef1 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cd1c529d586da.unchecked, .c2de378276ef1 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cd1c529d586da.unchecked svg, .c2de378276ef1 label span.unchecked svg {
  display: none;
}

.c2de378276ef1 {
  display: flex;
  align-items: center;
}
.c2de378276ef1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c2de378276ef1 label input {
  margin: 0;
}
.c2de378276ef1 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c2de378276ef1 label:focus span, .c2de378276ef1 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cd45002f90504 {
  display: flex;
  flex-direction: column;
}
.cd45002f90504 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cd45002f90504 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cd45002f90504 input:focus-within input, .cd45002f90504 input:active input {
  color: var(--input-foreground-color-active);
}
.cd45002f90504 input:focus-within, .cd45002f90504 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd45002f90504.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c720e6a7c66dd {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c1f4b2a331cb3 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c6e3f5c19ed3a {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c4fec02de2e35 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ceb6cebc2a4e8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c5af2ad2a61d3 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c8f9d8715a89f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c4eadeac9fe93 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c53750021e5b9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c7d162d16966d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c7d162d16966d:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c29d82d409605 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ccafb28b8af23 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cea20648e5e71 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cfcd4814e98a3 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cf6d25653c2bd {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cf6d25653c2bd:hover, .cf6d25653c2bd:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c8705e0a115de div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c8705e0a115de button {
  display: none;
}
.c8705e0a115de button svg {
  stroke: var(--icon-foreground);
}
.c8705e0a115de:hover button {
  display: flex;
}

.cc721ee7d67ff, .c762ae92fbfec {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cc721ee7d67ff .attr-label, .c762ae92fbfec .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cc721ee7d67ff .attr-value, .c762ae92fbfec .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cb1e416474008, .c3a01b2416da6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cb1e416474008:hover div, .c3a01b2416da6:hover div {
  color: var(--entry-foreground-color-hover);
}

.c3c091e81833e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c3748557c185e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c3748557c185e:hover {
  background-color: var(--menu-background-color-hover);
}

.c4e2ed8a78f9d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c4e2ed8a78f9d span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c4e2ed8a78f9d span svg {
  stroke: var(--icon-foreground);
}
.c4e2ed8a78f9d:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c4e2ed8a78f9d:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce755a6e5cb15 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ca24873c9d591 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cf7bca3c24349,
.c5bfe0e3d122d {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cde4268e3e923 .cf7bca3c24349,
.cde4268e3e923 .c5bfe0e3d122d {
  transform: scale(1);
}

.cb1f066e9733d .cf7bca3c24349,
.cb1f066e9733d .c5bfe0e3d122d {
  transform: scale(0);
}

.c3b17dc773b97 {
  --box-border-color: var(--color-background-primary);
  display: flex;
  flex-direction: column;
  border-block-end: 0.125rem solid var(--box-border-color);
}

.cecccc7ade223 {
  margin-inline-start: 0;
}

.ce0afe052d31e {
  color: var(--entry-foreground-color-hover);
  padding-block: var(--sp-s);
}

.c762ae92fbfec {
  block-size: 2.25rem;
}
@keyframes c7bda1a3c90e0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ce51ffe953091 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ce51ffe953091:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ce51ffe953091 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ce51ffe953091 ::-webkit-scrollbar-track,
.ce51ffe953091 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ce51ffe953091 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ce51ffe953091 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ce51ffe953091 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ce51ffe953091 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ce51ffe953091 ::placeholder,
.ce51ffe953091 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c716d2cde05ac, .cca40f24b585e, .c94c1d9aabf57 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c716d2cde05ac svg, .cca40f24b585e svg, .c94c1d9aabf57 svg,
.c716d2cde05ac span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c716d2cde05ac:focus-visible, .cca40f24b585e:focus-visible, .c94c1d9aabf57:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c716d2cde05ac:focus-visible svg, .cca40f24b585e:focus-visible svg, .c94c1d9aabf57:focus-visible svg,
.c716d2cde05ac:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c716d2cde05ac:hover, .cca40f24b585e:hover, .c94c1d9aabf57:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c716d2cde05ac:hover svg, .cca40f24b585e:hover svg, .c94c1d9aabf57:hover svg,
.c716d2cde05ac:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c716d2cde05ac:active, .cca40f24b585e:active, .c94c1d9aabf57:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c716d2cde05ac:active svg, .cca40f24b585e:active svg, .c94c1d9aabf57:active svg,
.c716d2cde05ac:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c716d2cde05ac.disabled, .cca40f24b585e.disabled, .c94c1d9aabf57.disabled, .c716d2cde05ac[disabled], [disabled].cca40f24b585e, [disabled].c94c1d9aabf57, .c716d2cde05ac:disabled, .cca40f24b585e:disabled, .c94c1d9aabf57:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4d1099a278a3, .ce1a9315ac31b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c4d1099a278a3 svg, .ce1a9315ac31b svg,
.c4d1099a278a3 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c4d1099a278a3:focus-visible, .ce1a9315ac31b:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4d1099a278a3:focus-visible svg, .ce1a9315ac31b:focus-visible svg,
.c4d1099a278a3:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4d1099a278a3:hover, .ce1a9315ac31b:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c4d1099a278a3:hover svg, .ce1a9315ac31b:hover svg,
.c4d1099a278a3:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c4d1099a278a3:active, .ce1a9315ac31b:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c4d1099a278a3:active svg, .ce1a9315ac31b:active svg,
.c4d1099a278a3:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c4d1099a278a3.disabled, .ce1a9315ac31b.disabled, .c4d1099a278a3[disabled], [disabled].ce1a9315ac31b, .c4d1099a278a3:disabled, .ce1a9315ac31b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c19c04468d7fd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c19c04468d7fd svg,
.c19c04468d7fd span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c19c04468d7fd:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c19c04468d7fd:focus-visible svg,
.c19c04468d7fd:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c19c04468d7fd:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c19c04468d7fd:hover svg,
.c19c04468d7fd:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c19c04468d7fd:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c19c04468d7fd:active svg,
.c19c04468d7fd:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c19c04468d7fd.disabled, .c19c04468d7fd[disabled], .c19c04468d7fd:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c07d5f4414011, .c20518d1801e8 button, .c20f4b34716c9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c07d5f4414011 svg, .c20518d1801e8 button svg, .c20f4b34716c9 svg,
.c07d5f4414011 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c07d5f4414011:focus-visible, .c20518d1801e8 button:focus-visible, .c20f4b34716c9:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c07d5f4414011:focus-visible svg, .c20518d1801e8 button:focus-visible svg, .c20f4b34716c9:focus-visible svg,
.c07d5f4414011:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c07d5f4414011:hover, .c20518d1801e8 button:hover, .c20f4b34716c9:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c07d5f4414011:hover svg, .c20518d1801e8 button:hover svg, .c20f4b34716c9:hover svg,
.c07d5f4414011:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c07d5f4414011:active, .c20518d1801e8 button:active, .c20f4b34716c9:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c07d5f4414011:active svg, .c20518d1801e8 button:active svg, .c20f4b34716c9:active svg,
.c07d5f4414011:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c07d5f4414011.disabled, .c20518d1801e8 button.disabled, .c20f4b34716c9.disabled, .c07d5f4414011[disabled], .c20518d1801e8 button[disabled], [disabled].c20f4b34716c9, .c07d5f4414011:disabled, .c20518d1801e8 button:disabled, .c20f4b34716c9:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c07d5f4414011.disabled svg, .c20518d1801e8 button.disabled svg, .c20f4b34716c9.disabled svg,
.c07d5f4414011.disabled span svg, .c07d5f4414011[disabled] svg, .c20518d1801e8 button[disabled] svg, [disabled].c20f4b34716c9 svg,
.c07d5f4414011[disabled] span svg, .c07d5f4414011:disabled svg, .c20518d1801e8 button:disabled svg, .c20f4b34716c9:disabled svg,
.c07d5f4414011:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c6ba877ca9013 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c6ba877ca9013 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cdf056e3be793 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cdf056e3be793 svg,
.cdf056e3be793 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cdf056e3be793:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cdf056e3be793:focus-visible svg,
.cdf056e3be793:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cdf056e3be793:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cdf056e3be793:hover svg,
.cdf056e3be793:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cdf056e3be793:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cdf056e3be793:active svg,
.cdf056e3be793:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c2becdd885059 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c7287704ca666 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd13637da1f43 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cd13637da1f43:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cd13637da1f43:focus-visible svg,
.cd13637da1f43:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cd13637da1f43:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cd13637da1f43:active {
  border: none;
  background-color: transparent;
}

.c99ab5ec92ce5, .c20f4b34716c9 svg, .ccad8d8c258e7, .cde29d43acfe0 span svg, .c20518d1801e8 button svg, .c26238dee51ae.intermediate svg, .c044f2e1e33e0 label span.intermediate svg, .c26238dee51ae.checked svg, .c044f2e1e33e0 label span.checked svg, .cec0afb8d0cbf span svg,
.cec0afb8d0cbf label svg, .c26afeb8d70e1 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c2b7fb6ee8f64 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c2b7fb6ee8f64:hover {
  fill: none;
  stroke: none;
}

.ccad8d8c258e7, .cde29d43acfe0 span svg, .c20518d1801e8 button svg, .c26238dee51ae.intermediate svg, .c044f2e1e33e0 label span.intermediate svg, .c26238dee51ae.checked svg, .c044f2e1e33e0 label span.checked svg, .cec0afb8d0cbf span svg,
.cec0afb8d0cbf label svg, .c26afeb8d70e1 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c3ab0fbdb47bf {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c3ab0fbdb47bf:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c986bc3d914a5, .c4edb9100bcdf input, .c8e75a6677fec input, .cec0afb8d0cbf input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c986bc3d914a5, .c4edb9100bcdf input, .c8e75a6677fec input, .cec0afb8d0cbf input {
    height: 23px;
  }
}
.c986bc3d914a5, .c4edb9100bcdf input, .c8e75a6677fec input, .cec0afb8d0cbf input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c986bc3d914a5[disabled], .c4edb9100bcdf input[disabled], .c8e75a6677fec input[disabled], .cec0afb8d0cbf input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c26afeb8d70e1 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ccc306f1a1977, .cec0afb8d0cbf span,
.cec0afb8d0cbf label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ccc306f1a1977, .cec0afb8d0cbf span,
  .cec0afb8d0cbf label {
    height: 25px;
  }
}
.ccc306f1a1977, .cec0afb8d0cbf span,
.cec0afb8d0cbf label {
  color: var(--input-foreground-color);
}

.cec0afb8d0cbf {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cec0afb8d0cbf {
    height: 25px;
    font-size: 10px;
  }
}
.cec0afb8d0cbf {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cec0afb8d0cbf span svg,
.cec0afb8d0cbf label svg {
  color: var(--input-foreground-color);
}
.cec0afb8d0cbf ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cec0afb8d0cbf ::placeholder {
  color: var(--input-placeholder-color);
}
.cec0afb8d0cbf:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cec0afb8d0cbf:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cec0afb8d0cbf:hover span {
  color: var(--input-foreground-color-hover);
}
.cec0afb8d0cbf:hover input {
  color: var(--input-foreground-color-hover);
}
.cec0afb8d0cbf:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cec0afb8d0cbf:active span {
  color: var(--input-foreground-color-active);
}
.cec0afb8d0cbf:active input {
  color: var(--input-foreground-color-active);
}
.cec0afb8d0cbf:focus, .cec0afb8d0cbf:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cec0afb8d0cbf:focus span, .cec0afb8d0cbf:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cec0afb8d0cbf:focus input, .cec0afb8d0cbf:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cec0afb8d0cbf:focus:hover, .cec0afb8d0cbf:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cec0afb8d0cbf:focus:hover span, .cec0afb8d0cbf:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cec0afb8d0cbf:focus:hover input, .cec0afb8d0cbf:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c8e75a6677fec {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c8e75a6677fec input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c8e75a6677fec ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c8e75a6677fec ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c8e75a6677fec:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c8e75a6677fec:focus-within input, .c8e75a6677fec:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c3779e4f2b71a, .c4edb9100bcdf.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c3779e4f2b71a input, .c4edb9100bcdf.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c3779e4f2b71a span svg, .c4edb9100bcdf.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c26238dee51ae, .c044f2e1e33e0 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c26238dee51ae svg, .c044f2e1e33e0 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c26238dee51ae:hover, .c044f2e1e33e0 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c26238dee51ae:focus, .c044f2e1e33e0 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c26238dee51ae.checked, .c044f2e1e33e0 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c26238dee51ae.checked svg, .c044f2e1e33e0 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c26238dee51ae.intermediate, .c044f2e1e33e0 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c26238dee51ae.intermediate svg, .c044f2e1e33e0 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c26238dee51ae.unchecked, .c044f2e1e33e0 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c26238dee51ae.unchecked svg, .c044f2e1e33e0 label span.unchecked svg {
  display: none;
}

.c044f2e1e33e0 {
  display: flex;
  align-items: center;
}
.c044f2e1e33e0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c044f2e1e33e0 label input {
  margin: 0;
}
.c044f2e1e33e0 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c044f2e1e33e0 label:focus span, .c044f2e1e33e0 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c4edb9100bcdf {
  display: flex;
  flex-direction: column;
}
.c4edb9100bcdf label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c4edb9100bcdf input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c4edb9100bcdf input:focus-within input, .c4edb9100bcdf input:active input {
  color: var(--input-foreground-color-active);
}
.c4edb9100bcdf input:focus-within, .c4edb9100bcdf input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c4edb9100bcdf.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc94d137072c9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c76e2474d570d {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c52164989a3fe {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c20f4b34716c9 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ce2c1885d14d5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c03e4185b9509 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ce1a9315ac31b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c94c1d9aabf57 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cca40f24b585e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c40cfa9e7c4c9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c40cfa9e7c4c9:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c9cfd6889cc7f {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cebf6cd6aff76 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ca1e1f895b67d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c65aa9ae5d43d {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c8b051a888fc0 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c8b051a888fc0:hover, .c8b051a888fc0:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c20518d1801e8 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c20518d1801e8 button {
  display: none;
}
.c20518d1801e8 button svg {
  stroke: var(--icon-foreground);
}
.c20518d1801e8:hover button {
  display: flex;
}

.c3435f93a57fe, .cc72c411a1272 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c3435f93a57fe .attr-label, .cc72c411a1272 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c3435f93a57fe .attr-value, .cc72c411a1272 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cbfe19a9c6592, .c9c2b951d6ab8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cbfe19a9c6592:hover div, .c9c2b951d6ab8:hover div {
  color: var(--entry-foreground-color-hover);
}

.c6e6191b15fa4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c1a8f265ab592 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c1a8f265ab592:hover {
  background-color: var(--menu-background-color-hover);
}

.cde29d43acfe0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cde29d43acfe0 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cde29d43acfe0 span svg {
  stroke: var(--icon-foreground);
}
.cde29d43acfe0:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cde29d43acfe0:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c92403c18f18b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c6ada0e67c49c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c14e0d4d7a6ef,
.c27fd9653ff93 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c1fa67611481c .c14e0d4d7a6ef,
.c1fa67611481c .c27fd9653ff93 {
  transform: scale(1);
}

.c6a611da8466f .c14e0d4d7a6ef,
.c6a611da8466f .c27fd9653ff93 {
  transform: scale(0);
}

.c6a8d32a0fc5f {
  --box-border-color: var(--color-background-primary);
  display: flex;
  flex-direction: column;
  border-block-end: 0.125rem solid var(--box-border-color);
}

.c084353273984 {
  margin-inline-start: 0;
}

.c04ecae7fe6f0 {
  color: var(--entry-foreground-color-hover);
  padding-block: var(--sp-s);
}

.c573152de4fda {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.cc72c411a1272 {
  block-size: 2.25rem;
}

.c80231fcae692 {
  display: grid;
  gap: var(--sp-xs);
}
@keyframes caa601fa308e8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cd7a393128897 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cd7a393128897:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cd7a393128897 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cd7a393128897 ::-webkit-scrollbar-track,
.cd7a393128897 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cd7a393128897 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cd7a393128897 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cd7a393128897 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd7a393128897 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd7a393128897 ::placeholder,
.cd7a393128897 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cd6548adcb42b, .ce3097cfab6bc, .cb449999a9410 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cd6548adcb42b svg, .ce3097cfab6bc svg, .cb449999a9410 svg,
.cd6548adcb42b span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cd6548adcb42b:focus-visible, .ce3097cfab6bc:focus-visible, .cb449999a9410:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cd6548adcb42b:focus-visible svg, .ce3097cfab6bc:focus-visible svg, .cb449999a9410:focus-visible svg,
.cd6548adcb42b:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cd6548adcb42b:hover, .ce3097cfab6bc:hover, .cb449999a9410:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cd6548adcb42b:hover svg, .ce3097cfab6bc:hover svg, .cb449999a9410:hover svg,
.cd6548adcb42b:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cd6548adcb42b:active, .ce3097cfab6bc:active, .cb449999a9410:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cd6548adcb42b:active svg, .ce3097cfab6bc:active svg, .cb449999a9410:active svg,
.cd6548adcb42b:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cd6548adcb42b.disabled, .ce3097cfab6bc.disabled, .cb449999a9410.disabled, .cd6548adcb42b[disabled], [disabled].ce3097cfab6bc, [disabled].cb449999a9410, .cd6548adcb42b:disabled, .ce3097cfab6bc:disabled, .cb449999a9410:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c96009b64fe15, .c2335669d096c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c96009b64fe15 svg, .c2335669d096c svg,
.c96009b64fe15 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c96009b64fe15:focus-visible, .c2335669d096c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c96009b64fe15:focus-visible svg, .c2335669d096c:focus-visible svg,
.c96009b64fe15:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c96009b64fe15:hover, .c2335669d096c:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c96009b64fe15:hover svg, .c2335669d096c:hover svg,
.c96009b64fe15:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c96009b64fe15:active, .c2335669d096c:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c96009b64fe15:active svg, .c2335669d096c:active svg,
.c96009b64fe15:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c96009b64fe15.disabled, .c2335669d096c.disabled, .c96009b64fe15[disabled], [disabled].c2335669d096c, .c96009b64fe15:disabled, .c2335669d096c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c14961c63ec06 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c14961c63ec06 svg,
.c14961c63ec06 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c14961c63ec06:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c14961c63ec06:focus-visible svg,
.c14961c63ec06:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c14961c63ec06:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c14961c63ec06:hover svg,
.c14961c63ec06:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c14961c63ec06:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c14961c63ec06:active svg,
.c14961c63ec06:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c14961c63ec06.disabled, .c14961c63ec06[disabled], .c14961c63ec06:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd9bd30d86ba8, .c11fec053facf button, .c98577fd4c5c6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cd9bd30d86ba8 svg, .c11fec053facf button svg, .c98577fd4c5c6 svg,
.cd9bd30d86ba8 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cd9bd30d86ba8:focus-visible, .c11fec053facf button:focus-visible, .c98577fd4c5c6:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cd9bd30d86ba8:focus-visible svg, .c11fec053facf button:focus-visible svg, .c98577fd4c5c6:focus-visible svg,
.cd9bd30d86ba8:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cd9bd30d86ba8:hover, .c11fec053facf button:hover, .c98577fd4c5c6:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cd9bd30d86ba8:hover svg, .c11fec053facf button:hover svg, .c98577fd4c5c6:hover svg,
.cd9bd30d86ba8:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cd9bd30d86ba8:active, .c11fec053facf button:active, .c98577fd4c5c6:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cd9bd30d86ba8:active svg, .c11fec053facf button:active svg, .c98577fd4c5c6:active svg,
.cd9bd30d86ba8:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cd9bd30d86ba8.disabled, .c11fec053facf button.disabled, .c98577fd4c5c6.disabled, .cd9bd30d86ba8[disabled], .c11fec053facf button[disabled], [disabled].c98577fd4c5c6, .cd9bd30d86ba8:disabled, .c11fec053facf button:disabled, .c98577fd4c5c6:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cd9bd30d86ba8.disabled svg, .c11fec053facf button.disabled svg, .c98577fd4c5c6.disabled svg,
.cd9bd30d86ba8.disabled span svg, .cd9bd30d86ba8[disabled] svg, .c11fec053facf button[disabled] svg, [disabled].c98577fd4c5c6 svg,
.cd9bd30d86ba8[disabled] span svg, .cd9bd30d86ba8:disabled svg, .c11fec053facf button:disabled svg, .c98577fd4c5c6:disabled svg,
.cd9bd30d86ba8:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cc33a9e00f467 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cc33a9e00f467 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ce87b3e456384 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ce87b3e456384 svg,
.ce87b3e456384 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ce87b3e456384:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ce87b3e456384:focus-visible svg,
.ce87b3e456384:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ce87b3e456384:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ce87b3e456384:hover svg,
.ce87b3e456384:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ce87b3e456384:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ce87b3e456384:active svg,
.ce87b3e456384:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c162362d4e417 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c157a9e3125aa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3b3d6af3cf9f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c3b3d6af3cf9f:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c3b3d6af3cf9f:focus-visible svg,
.c3b3d6af3cf9f:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c3b3d6af3cf9f:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c3b3d6af3cf9f:active {
  border: none;
  background-color: transparent;
}

.c2223c16eee94, .c98577fd4c5c6 svg, .c690d03984053, .c4c5a93d0ba32 span svg, .c11fec053facf button svg, .c4df9bf06932a.intermediate svg, .c5fd718c7e6fe label span.intermediate svg, .c4df9bf06932a.checked svg, .c5fd718c7e6fe label span.checked svg, .ce82618dfcaed span svg,
.ce82618dfcaed label svg, .ccaf0f625ef5e svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c7f195d9b31d2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c7f195d9b31d2:hover {
  fill: none;
  stroke: none;
}

.c690d03984053, .c4c5a93d0ba32 span svg, .c11fec053facf button svg, .c4df9bf06932a.intermediate svg, .c5fd718c7e6fe label span.intermediate svg, .c4df9bf06932a.checked svg, .c5fd718c7e6fe label span.checked svg, .ce82618dfcaed span svg,
.ce82618dfcaed label svg, .ccaf0f625ef5e svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c027e2d406e2c {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c027e2d406e2c:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c74b4cda33613, .c3c675b20d17b input, .cd76af91c1bfb input, .ce82618dfcaed input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c74b4cda33613, .c3c675b20d17b input, .cd76af91c1bfb input, .ce82618dfcaed input {
    height: 23px;
  }
}
.c74b4cda33613, .c3c675b20d17b input, .cd76af91c1bfb input, .ce82618dfcaed input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c74b4cda33613[disabled], .c3c675b20d17b input[disabled], .cd76af91c1bfb input[disabled], .ce82618dfcaed input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ccaf0f625ef5e {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cf04793af647e, .ce82618dfcaed span,
.ce82618dfcaed label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf04793af647e, .ce82618dfcaed span,
  .ce82618dfcaed label {
    height: 25px;
  }
}
.cf04793af647e, .ce82618dfcaed span,
.ce82618dfcaed label {
  color: var(--input-foreground-color);
}

.ce82618dfcaed {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ce82618dfcaed {
    height: 25px;
    font-size: 10px;
  }
}
.ce82618dfcaed {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ce82618dfcaed span svg,
.ce82618dfcaed label svg {
  color: var(--input-foreground-color);
}
.ce82618dfcaed ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ce82618dfcaed ::placeholder {
  color: var(--input-placeholder-color);
}
.ce82618dfcaed:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce82618dfcaed:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ce82618dfcaed:hover span {
  color: var(--input-foreground-color-hover);
}
.ce82618dfcaed:hover input {
  color: var(--input-foreground-color-hover);
}
.ce82618dfcaed:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ce82618dfcaed:active span {
  color: var(--input-foreground-color-active);
}
.ce82618dfcaed:active input {
  color: var(--input-foreground-color-active);
}
.ce82618dfcaed:focus, .ce82618dfcaed:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce82618dfcaed:focus span, .ce82618dfcaed:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ce82618dfcaed:focus input, .ce82618dfcaed:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ce82618dfcaed:focus:hover, .ce82618dfcaed:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ce82618dfcaed:focus:hover span, .ce82618dfcaed:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ce82618dfcaed:focus:hover input, .ce82618dfcaed:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cd76af91c1bfb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cd76af91c1bfb input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cd76af91c1bfb ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd76af91c1bfb ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd76af91c1bfb:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cd76af91c1bfb:focus-within input, .cd76af91c1bfb:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c9b44ea4a42c8, .c3c675b20d17b.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c9b44ea4a42c8 input, .c3c675b20d17b.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c9b44ea4a42c8 span svg, .c3c675b20d17b.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c4df9bf06932a, .c5fd718c7e6fe label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c4df9bf06932a svg, .c5fd718c7e6fe label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c4df9bf06932a:hover, .c5fd718c7e6fe label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4df9bf06932a:focus, .c5fd718c7e6fe label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c4df9bf06932a.checked, .c5fd718c7e6fe label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c4df9bf06932a.checked svg, .c5fd718c7e6fe label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c4df9bf06932a.intermediate, .c5fd718c7e6fe label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c4df9bf06932a.intermediate svg, .c5fd718c7e6fe label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c4df9bf06932a.unchecked, .c5fd718c7e6fe label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c4df9bf06932a.unchecked svg, .c5fd718c7e6fe label span.unchecked svg {
  display: none;
}

.c5fd718c7e6fe {
  display: flex;
  align-items: center;
}
.c5fd718c7e6fe label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c5fd718c7e6fe label input {
  margin: 0;
}
.c5fd718c7e6fe label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5fd718c7e6fe label:focus span, .c5fd718c7e6fe label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c3c675b20d17b {
  display: flex;
  flex-direction: column;
}
.c3c675b20d17b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c3c675b20d17b input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c3c675b20d17b input:focus-within input, .c3c675b20d17b input:active input {
  color: var(--input-foreground-color-active);
}
.c3c675b20d17b input:focus-within, .c3c675b20d17b input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3c675b20d17b.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c1e8f9bfa2fc6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c38337baa592e {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c3603cf72ad91 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c98577fd4c5c6 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cddd5fafdbe3a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c668e2de55046 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c2335669d096c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb449999a9410 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce3097cfab6bc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c5690a5327e17 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c5690a5327e17:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c83855449c953 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c526e5cc6485e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c045a248ea1cb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ceb832525eddd {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c5966f5ff82ec {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c5966f5ff82ec:hover, .c5966f5ff82ec:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c11fec053facf div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c11fec053facf button {
  display: none;
}
.c11fec053facf button svg {
  stroke: var(--icon-foreground);
}
.c11fec053facf:hover button {
  display: flex;
}

.c87a8360aebda, .ca4b8f5241595 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c87a8360aebda .attr-label, .ca4b8f5241595 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c87a8360aebda .attr-value, .ca4b8f5241595 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c06dc2af218cf, .c788adc438fd7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c06dc2af218cf:hover div, .c788adc438fd7:hover div {
  color: var(--entry-foreground-color-hover);
}

.cf8cd185da572 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cc31d2d06a517 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cc31d2d06a517:hover {
  background-color: var(--menu-background-color-hover);
}

.c4c5a93d0ba32 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c4c5a93d0ba32 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c4c5a93d0ba32 span svg {
  stroke: var(--icon-foreground);
}
.c4c5a93d0ba32:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c4c5a93d0ba32:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cc5bb994d32b3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cd3a27e86358a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cd96c6417e135,
.c0e20bad45100 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb12e0d019357 .cd96c6417e135,
.cb12e0d019357 .c0e20bad45100 {
  transform: scale(1);
}

.c91148735fe49 .cd96c6417e135,
.c91148735fe49 .c0e20bad45100 {
  transform: scale(0);
}

.c27db9ee0f542 {
  --box-border-color: var(--color-background-primary);
  display: flex;
  flex-direction: column;
  border-block-end: 0.125rem solid var(--box-border-color);
}

.c66302caf4140 {
  margin-inline-start: 0;
}

.c3a74dfe8a853 {
  color: var(--entry-foreground-color-hover);
  padding-block: var(--sp-s);
}

.ca4b8f5241595 {
  block-size: 2.25rem;
}

.c517a101efb05 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  justify-content: space-between;
  block-size: 2rem;
}
.c517a101efb05 span {
  block-size: 2rem;
  display: flex;
  align-items: center;
}
.c517a101efb05 button {
  display: none;
}
.c517a101efb05:hover button {
  display: block;
}
@keyframes c20ef53fe1619 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c285eca9fed8e {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c285eca9fed8e:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c285eca9fed8e ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c285eca9fed8e ::-webkit-scrollbar-track,
.c285eca9fed8e ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c285eca9fed8e ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c285eca9fed8e ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c285eca9fed8e ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c285eca9fed8e ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c285eca9fed8e ::placeholder,
.c285eca9fed8e ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cf64e7cfe4e47, .cc0019475acb0, .c994609cd489b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cf64e7cfe4e47 svg, .cc0019475acb0 svg, .c994609cd489b svg,
.cf64e7cfe4e47 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cf64e7cfe4e47:focus-visible, .cc0019475acb0:focus-visible, .c994609cd489b:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cf64e7cfe4e47:focus-visible svg, .cc0019475acb0:focus-visible svg, .c994609cd489b:focus-visible svg,
.cf64e7cfe4e47:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cf64e7cfe4e47:hover, .cc0019475acb0:hover, .c994609cd489b:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cf64e7cfe4e47:hover svg, .cc0019475acb0:hover svg, .c994609cd489b:hover svg,
.cf64e7cfe4e47:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cf64e7cfe4e47:active, .cc0019475acb0:active, .c994609cd489b:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cf64e7cfe4e47:active svg, .cc0019475acb0:active svg, .c994609cd489b:active svg,
.cf64e7cfe4e47:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cf64e7cfe4e47.disabled, .cc0019475acb0.disabled, .c994609cd489b.disabled, .cf64e7cfe4e47[disabled], [disabled].cc0019475acb0, [disabled].c994609cd489b, .cf64e7cfe4e47:disabled, .cc0019475acb0:disabled, .c994609cd489b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd91e67a06c63, .c3542853568da {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cd91e67a06c63 svg, .c3542853568da svg,
.cd91e67a06c63 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cd91e67a06c63:focus-visible, .c3542853568da:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd91e67a06c63:focus-visible svg, .c3542853568da:focus-visible svg,
.cd91e67a06c63:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd91e67a06c63:hover, .c3542853568da:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cd91e67a06c63:hover svg, .c3542853568da:hover svg,
.cd91e67a06c63:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cd91e67a06c63:active, .c3542853568da:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cd91e67a06c63:active svg, .c3542853568da:active svg,
.cd91e67a06c63:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cd91e67a06c63.disabled, .c3542853568da.disabled, .cd91e67a06c63[disabled], [disabled].c3542853568da, .cd91e67a06c63:disabled, .c3542853568da:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cdf76a4f0e979 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cdf76a4f0e979 svg,
.cdf76a4f0e979 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cdf76a4f0e979:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cdf76a4f0e979:focus-visible svg,
.cdf76a4f0e979:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cdf76a4f0e979:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cdf76a4f0e979:hover svg,
.cdf76a4f0e979:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cdf76a4f0e979:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cdf76a4f0e979:active svg,
.cdf76a4f0e979:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cdf76a4f0e979.disabled, .cdf76a4f0e979[disabled], .cdf76a4f0e979:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd74568be8a39, .c69a122958e8f button, .c7ff2c7b0c544 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cd74568be8a39 svg, .c69a122958e8f button svg, .c7ff2c7b0c544 svg,
.cd74568be8a39 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cd74568be8a39:focus-visible, .c69a122958e8f button:focus-visible, .c7ff2c7b0c544:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cd74568be8a39:focus-visible svg, .c69a122958e8f button:focus-visible svg, .c7ff2c7b0c544:focus-visible svg,
.cd74568be8a39:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cd74568be8a39:hover, .c69a122958e8f button:hover, .c7ff2c7b0c544:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cd74568be8a39:hover svg, .c69a122958e8f button:hover svg, .c7ff2c7b0c544:hover svg,
.cd74568be8a39:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cd74568be8a39:active, .c69a122958e8f button:active, .c7ff2c7b0c544:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cd74568be8a39:active svg, .c69a122958e8f button:active svg, .c7ff2c7b0c544:active svg,
.cd74568be8a39:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cd74568be8a39.disabled, .c69a122958e8f button.disabled, .c7ff2c7b0c544.disabled, .cd74568be8a39[disabled], .c69a122958e8f button[disabled], [disabled].c7ff2c7b0c544, .cd74568be8a39:disabled, .c69a122958e8f button:disabled, .c7ff2c7b0c544:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cd74568be8a39.disabled svg, .c69a122958e8f button.disabled svg, .c7ff2c7b0c544.disabled svg,
.cd74568be8a39.disabled span svg, .cd74568be8a39[disabled] svg, .c69a122958e8f button[disabled] svg, [disabled].c7ff2c7b0c544 svg,
.cd74568be8a39[disabled] span svg, .cd74568be8a39:disabled svg, .c69a122958e8f button:disabled svg, .c7ff2c7b0c544:disabled svg,
.cd74568be8a39:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ca8d70db88194 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ca8d70db88194 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cc0a4137a37f8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cc0a4137a37f8 svg,
.cc0a4137a37f8 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cc0a4137a37f8:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cc0a4137a37f8:focus-visible svg,
.cc0a4137a37f8:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cc0a4137a37f8:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cc0a4137a37f8:hover svg,
.cc0a4137a37f8:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cc0a4137a37f8:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cc0a4137a37f8:active svg,
.cc0a4137a37f8:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c4d8b874ba122 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cafd2cd46f3e9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3362cebdf7e2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c3362cebdf7e2:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c3362cebdf7e2:focus-visible svg,
.c3362cebdf7e2:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c3362cebdf7e2:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c3362cebdf7e2:active {
  border: none;
  background-color: transparent;
}

.cabd9866c713e, .c7ff2c7b0c544 svg, .cba0dd6ebe1a0, .cb07e7a5b8e65 span svg, .c69a122958e8f button svg, .ceaa791f23747.intermediate svg, .cb24b8bf759a1 label span.intermediate svg, .ceaa791f23747.checked svg, .cb24b8bf759a1 label span.checked svg, .c77ad31251036 span svg,
.c77ad31251036 label svg, .c788c4875d0c1 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c3d00f732286b {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c3d00f732286b:hover {
  fill: none;
  stroke: none;
}

.cba0dd6ebe1a0, .cb07e7a5b8e65 span svg, .c69a122958e8f button svg, .ceaa791f23747.intermediate svg, .cb24b8bf759a1 label span.intermediate svg, .ceaa791f23747.checked svg, .cb24b8bf759a1 label span.checked svg, .c77ad31251036 span svg,
.c77ad31251036 label svg, .c788c4875d0c1 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c67b9ba2c97a8 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c67b9ba2c97a8:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c30b25750f0cf, .c1ef739ccde79 input, .cd9b101baf382 input, .c77ad31251036 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c30b25750f0cf, .c1ef739ccde79 input, .cd9b101baf382 input, .c77ad31251036 input {
    height: 23px;
  }
}
.c30b25750f0cf, .c1ef739ccde79 input, .cd9b101baf382 input, .c77ad31251036 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c30b25750f0cf[disabled], .c1ef739ccde79 input[disabled], .cd9b101baf382 input[disabled], .c77ad31251036 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c788c4875d0c1 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c7e46e0a81c43, .c77ad31251036 span,
.c77ad31251036 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c7e46e0a81c43, .c77ad31251036 span,
  .c77ad31251036 label {
    height: 25px;
  }
}
.c7e46e0a81c43, .c77ad31251036 span,
.c77ad31251036 label {
  color: var(--input-foreground-color);
}

.c77ad31251036 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c77ad31251036 {
    height: 25px;
    font-size: 10px;
  }
}
.c77ad31251036 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c77ad31251036 span svg,
.c77ad31251036 label svg {
  color: var(--input-foreground-color);
}
.c77ad31251036 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c77ad31251036 ::placeholder {
  color: var(--input-placeholder-color);
}
.c77ad31251036:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c77ad31251036:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c77ad31251036:hover span {
  color: var(--input-foreground-color-hover);
}
.c77ad31251036:hover input {
  color: var(--input-foreground-color-hover);
}
.c77ad31251036:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c77ad31251036:active span {
  color: var(--input-foreground-color-active);
}
.c77ad31251036:active input {
  color: var(--input-foreground-color-active);
}
.c77ad31251036:focus, .c77ad31251036:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c77ad31251036:focus span, .c77ad31251036:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c77ad31251036:focus input, .c77ad31251036:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c77ad31251036:focus:hover, .c77ad31251036:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c77ad31251036:focus:hover span, .c77ad31251036:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c77ad31251036:focus:hover input, .c77ad31251036:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cd9b101baf382 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cd9b101baf382 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cd9b101baf382 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd9b101baf382 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cd9b101baf382:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cd9b101baf382:focus-within input, .cd9b101baf382:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c306ba02359c5, .c1ef739ccde79.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c306ba02359c5 input, .c1ef739ccde79.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c306ba02359c5 span svg, .c1ef739ccde79.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ceaa791f23747, .cb24b8bf759a1 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ceaa791f23747 svg, .cb24b8bf759a1 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ceaa791f23747:hover, .cb24b8bf759a1 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ceaa791f23747:focus, .cb24b8bf759a1 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ceaa791f23747.checked, .cb24b8bf759a1 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ceaa791f23747.checked svg, .cb24b8bf759a1 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ceaa791f23747.intermediate, .cb24b8bf759a1 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ceaa791f23747.intermediate svg, .cb24b8bf759a1 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ceaa791f23747.unchecked, .cb24b8bf759a1 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ceaa791f23747.unchecked svg, .cb24b8bf759a1 label span.unchecked svg {
  display: none;
}

.cb24b8bf759a1 {
  display: flex;
  align-items: center;
}
.cb24b8bf759a1 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cb24b8bf759a1 label input {
  margin: 0;
}
.cb24b8bf759a1 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb24b8bf759a1 label:focus span, .cb24b8bf759a1 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c1ef739ccde79 {
  display: flex;
  flex-direction: column;
}
.c1ef739ccde79 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c1ef739ccde79 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c1ef739ccde79 input:focus-within input, .c1ef739ccde79 input:active input {
  color: var(--input-foreground-color-active);
}
.c1ef739ccde79 input:focus-within, .c1ef739ccde79 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1ef739ccde79.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c87b712b62452 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c676cf806b846 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c88844c93cd50 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c7ff2c7b0c544 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ce01b61eb5456 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c9495e2f20769 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c3542853568da {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c994609cd489b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc0019475acb0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c3a2d86cf5c6d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c3a2d86cf5c6d:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c50788dfb995c {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cb636c488a439 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cc908c27f0a18 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cd53590710699 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c7362f99dd010 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c7362f99dd010:hover, .c7362f99dd010:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c69a122958e8f div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c69a122958e8f button {
  display: none;
}
.c69a122958e8f button svg {
  stroke: var(--icon-foreground);
}
.c69a122958e8f:hover button {
  display: flex;
}

.c4cda9682deee, .c4bfe568fc04b {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c4cda9682deee .attr-label, .c4bfe568fc04b .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c4cda9682deee .attr-value, .c4bfe568fc04b .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c6f8461559329, .cf2656bb8273a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c6f8461559329:hover div, .cf2656bb8273a:hover div {
  color: var(--entry-foreground-color-hover);
}

.c1f12fd3f60f7 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c4be758b13d34 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c4be758b13d34:hover {
  background-color: var(--menu-background-color-hover);
}

.cb07e7a5b8e65 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cb07e7a5b8e65 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cb07e7a5b8e65 span svg {
  stroke: var(--icon-foreground);
}
.cb07e7a5b8e65:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cb07e7a5b8e65:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cee542e6ff165 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ce9e65e11feb5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c5b9c66de219d,
.c80906f86eccc {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c77d476b7ae75 .c5b9c66de219d,
.c77d476b7ae75 .c80906f86eccc {
  transform: scale(1);
}

.c3d87dfa85c40 .c5b9c66de219d,
.c3d87dfa85c40 .c80906f86eccc {
  transform: scale(0);
}

.cb450dabd62c2 {
  --box-border-color: var(--color-background-primary);
  display: flex;
  flex-direction: column;
  border-block-end: 0.125rem solid var(--box-border-color);
}

.cf2b9fce7d88c {
  margin-inline-start: 0;
}

.c919d1effd2be {
  color: var(--entry-foreground-color-hover);
  padding-block: var(--sp-s);
}

.caafd70595161 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.c4bfe568fc04b {
  block-size: unset;
  min-block-size: 2.25rem;
}
.c4bfe568fc04b .attr-value {
  align-items: center;
}

.c78989d5a8343 {
  max-inline-size: 15rem;
  min-block-size: 2.125rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--menu-border-color-disabled);
  margin-block-start: var(--sp-xs);
}
.c78989d5a8343 .c1f7712ad93ec {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  width: 100%;
  padding: var(--sp-xs) 0;
  color: var(--color-foreground-secondary);
}
.c78989d5a8343:hover {
  border: 0.0625rem solid var(--color-background-tertiary);
  background-color: var(--menu-background-color);
}
.c78989d5a8343:hover .c1f7712ad93ec {
  color: var(--menu-foreground-color-hover);
}
@keyframes cadb4c25654ee {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c7e1b74ad3f57 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c7e1b74ad3f57:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c7e1b74ad3f57 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c7e1b74ad3f57 ::-webkit-scrollbar-track,
.c7e1b74ad3f57 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c7e1b74ad3f57 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c7e1b74ad3f57 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c7e1b74ad3f57 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c7e1b74ad3f57 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c7e1b74ad3f57 ::placeholder,
.c7e1b74ad3f57 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c6b5da6a44a15, .c1a4f86f17dac, .cf746bf20b201 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c6b5da6a44a15 svg, .c1a4f86f17dac svg, .cf746bf20b201 svg,
.c6b5da6a44a15 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c6b5da6a44a15:focus-visible, .c1a4f86f17dac:focus-visible, .cf746bf20b201:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c6b5da6a44a15:focus-visible svg, .c1a4f86f17dac:focus-visible svg, .cf746bf20b201:focus-visible svg,
.c6b5da6a44a15:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c6b5da6a44a15:hover, .c1a4f86f17dac:hover, .cf746bf20b201:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c6b5da6a44a15:hover svg, .c1a4f86f17dac:hover svg, .cf746bf20b201:hover svg,
.c6b5da6a44a15:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c6b5da6a44a15:active, .c1a4f86f17dac:active, .cf746bf20b201:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c6b5da6a44a15:active svg, .c1a4f86f17dac:active svg, .cf746bf20b201:active svg,
.c6b5da6a44a15:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c6b5da6a44a15.disabled, .c1a4f86f17dac.disabled, .cf746bf20b201.disabled, .c6b5da6a44a15[disabled], [disabled].c1a4f86f17dac, [disabled].cf746bf20b201, .c6b5da6a44a15:disabled, .c1a4f86f17dac:disabled, .cf746bf20b201:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd723f644b9f2, .ceba85fe286eb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cd723f644b9f2 svg, .ceba85fe286eb svg,
.cd723f644b9f2 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cd723f644b9f2:focus-visible, .ceba85fe286eb:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd723f644b9f2:focus-visible svg, .ceba85fe286eb:focus-visible svg,
.cd723f644b9f2:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd723f644b9f2:hover, .ceba85fe286eb:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cd723f644b9f2:hover svg, .ceba85fe286eb:hover svg,
.cd723f644b9f2:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cd723f644b9f2:active, .ceba85fe286eb:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cd723f644b9f2:active svg, .ceba85fe286eb:active svg,
.cd723f644b9f2:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cd723f644b9f2.disabled, .ceba85fe286eb.disabled, .cd723f644b9f2[disabled], [disabled].ceba85fe286eb, .cd723f644b9f2:disabled, .ceba85fe286eb:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb8d71a8b3c62 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cb8d71a8b3c62 svg,
.cb8d71a8b3c62 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cb8d71a8b3c62:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb8d71a8b3c62:focus-visible svg,
.cb8d71a8b3c62:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb8d71a8b3c62:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cb8d71a8b3c62:hover svg,
.cb8d71a8b3c62:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cb8d71a8b3c62:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cb8d71a8b3c62:active svg,
.cb8d71a8b3c62:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cb8d71a8b3c62.disabled, .cb8d71a8b3c62[disabled], .cb8d71a8b3c62:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9d7da701f90d, .c27e01f88f869 button, .cd7c54cd5cf8f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c9d7da701f90d svg, .c27e01f88f869 button svg, .cd7c54cd5cf8f svg,
.c9d7da701f90d span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c9d7da701f90d:focus-visible, .c27e01f88f869 button:focus-visible, .cd7c54cd5cf8f:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c9d7da701f90d:focus-visible svg, .c27e01f88f869 button:focus-visible svg, .cd7c54cd5cf8f:focus-visible svg,
.c9d7da701f90d:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c9d7da701f90d:hover, .c27e01f88f869 button:hover, .cd7c54cd5cf8f:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c9d7da701f90d:hover svg, .c27e01f88f869 button:hover svg, .cd7c54cd5cf8f:hover svg,
.c9d7da701f90d:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c9d7da701f90d:active, .c27e01f88f869 button:active, .cd7c54cd5cf8f:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c9d7da701f90d:active svg, .c27e01f88f869 button:active svg, .cd7c54cd5cf8f:active svg,
.c9d7da701f90d:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c9d7da701f90d.disabled, .c27e01f88f869 button.disabled, .cd7c54cd5cf8f.disabled, .c9d7da701f90d[disabled], .c27e01f88f869 button[disabled], [disabled].cd7c54cd5cf8f, .c9d7da701f90d:disabled, .c27e01f88f869 button:disabled, .cd7c54cd5cf8f:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c9d7da701f90d.disabled svg, .c27e01f88f869 button.disabled svg, .cd7c54cd5cf8f.disabled svg,
.c9d7da701f90d.disabled span svg, .c9d7da701f90d[disabled] svg, .c27e01f88f869 button[disabled] svg, [disabled].cd7c54cd5cf8f svg,
.c9d7da701f90d[disabled] span svg, .c9d7da701f90d:disabled svg, .c27e01f88f869 button:disabled svg, .cd7c54cd5cf8f:disabled svg,
.c9d7da701f90d:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ccabaffbbd9d0 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ccabaffbbd9d0 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c9399d2978661 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c9399d2978661 svg,
.c9399d2978661 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c9399d2978661:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c9399d2978661:focus-visible svg,
.c9399d2978661:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c9399d2978661:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c9399d2978661:hover svg,
.c9399d2978661:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c9399d2978661:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c9399d2978661:active svg,
.c9399d2978661:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c4fb2c28f750e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ca255b4146c69 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2548a9f18373 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c2548a9f18373:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c2548a9f18373:focus-visible svg,
.c2548a9f18373:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c2548a9f18373:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c2548a9f18373:active {
  border: none;
  background-color: transparent;
}

.ca6d0116e4a24, .cd7c54cd5cf8f svg, .c2ef71de40a40, .c99bf6fd4ca0a span svg, .c27e01f88f869 button svg, .cea8e1ffbd8ca.intermediate svg, .c5fa6b8efafd4 label span.intermediate svg, .cea8e1ffbd8ca.checked svg, .c5fa6b8efafd4 label span.checked svg, .c9dc8b2e9a9eb span svg,
.c9dc8b2e9a9eb label svg, .c92c9fac62eee svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c6041e5c322f0 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c6041e5c322f0:hover {
  fill: none;
  stroke: none;
}

.c2ef71de40a40, .c99bf6fd4ca0a span svg, .c27e01f88f869 button svg, .cea8e1ffbd8ca.intermediate svg, .c5fa6b8efafd4 label span.intermediate svg, .cea8e1ffbd8ca.checked svg, .c5fa6b8efafd4 label span.checked svg, .c9dc8b2e9a9eb span svg,
.c9dc8b2e9a9eb label svg, .c92c9fac62eee svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cb3639e1f7d5a {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cb3639e1f7d5a:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c64c1fa737bee, .c7ef48af2b4bc input, .cb65b2133f1ba input, .c9dc8b2e9a9eb input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c64c1fa737bee, .c7ef48af2b4bc input, .cb65b2133f1ba input, .c9dc8b2e9a9eb input {
    height: 23px;
  }
}
.c64c1fa737bee, .c7ef48af2b4bc input, .cb65b2133f1ba input, .c9dc8b2e9a9eb input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c64c1fa737bee[disabled], .c7ef48af2b4bc input[disabled], .cb65b2133f1ba input[disabled], .c9dc8b2e9a9eb input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c92c9fac62eee {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cb4143522eb82, .c9dc8b2e9a9eb span,
.c9dc8b2e9a9eb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb4143522eb82, .c9dc8b2e9a9eb span,
  .c9dc8b2e9a9eb label {
    height: 25px;
  }
}
.cb4143522eb82, .c9dc8b2e9a9eb span,
.c9dc8b2e9a9eb label {
  color: var(--input-foreground-color);
}

.c9dc8b2e9a9eb {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c9dc8b2e9a9eb {
    height: 25px;
    font-size: 10px;
  }
}
.c9dc8b2e9a9eb {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c9dc8b2e9a9eb span svg,
.c9dc8b2e9a9eb label svg {
  color: var(--input-foreground-color);
}
.c9dc8b2e9a9eb ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c9dc8b2e9a9eb ::placeholder {
  color: var(--input-placeholder-color);
}
.c9dc8b2e9a9eb:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c9dc8b2e9a9eb:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c9dc8b2e9a9eb:hover span {
  color: var(--input-foreground-color-hover);
}
.c9dc8b2e9a9eb:hover input {
  color: var(--input-foreground-color-hover);
}
.c9dc8b2e9a9eb:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c9dc8b2e9a9eb:active span {
  color: var(--input-foreground-color-active);
}
.c9dc8b2e9a9eb:active input {
  color: var(--input-foreground-color-active);
}
.c9dc8b2e9a9eb:focus, .c9dc8b2e9a9eb:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c9dc8b2e9a9eb:focus span, .c9dc8b2e9a9eb:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c9dc8b2e9a9eb:focus input, .c9dc8b2e9a9eb:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c9dc8b2e9a9eb:focus:hover, .c9dc8b2e9a9eb:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c9dc8b2e9a9eb:focus:hover span, .c9dc8b2e9a9eb:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c9dc8b2e9a9eb:focus:hover input, .c9dc8b2e9a9eb:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cb65b2133f1ba {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cb65b2133f1ba input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cb65b2133f1ba ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb65b2133f1ba ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb65b2133f1ba:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cb65b2133f1ba:focus-within input, .cb65b2133f1ba:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c6f69f4474d68, .c7ef48af2b4bc.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c6f69f4474d68 input, .c7ef48af2b4bc.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c6f69f4474d68 span svg, .c7ef48af2b4bc.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cea8e1ffbd8ca, .c5fa6b8efafd4 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cea8e1ffbd8ca svg, .c5fa6b8efafd4 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cea8e1ffbd8ca:hover, .c5fa6b8efafd4 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cea8e1ffbd8ca:focus, .c5fa6b8efafd4 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cea8e1ffbd8ca.checked, .c5fa6b8efafd4 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cea8e1ffbd8ca.checked svg, .c5fa6b8efafd4 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cea8e1ffbd8ca.intermediate, .c5fa6b8efafd4 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cea8e1ffbd8ca.intermediate svg, .c5fa6b8efafd4 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cea8e1ffbd8ca.unchecked, .c5fa6b8efafd4 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cea8e1ffbd8ca.unchecked svg, .c5fa6b8efafd4 label span.unchecked svg {
  display: none;
}

.c5fa6b8efafd4 {
  display: flex;
  align-items: center;
}
.c5fa6b8efafd4 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c5fa6b8efafd4 label input {
  margin: 0;
}
.c5fa6b8efafd4 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5fa6b8efafd4 label:focus span, .c5fa6b8efafd4 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c7ef48af2b4bc {
  display: flex;
  flex-direction: column;
}
.c7ef48af2b4bc label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c7ef48af2b4bc input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c7ef48af2b4bc input:focus-within input, .c7ef48af2b4bc input:active input {
  color: var(--input-foreground-color-active);
}
.c7ef48af2b4bc input:focus-within, .c7ef48af2b4bc input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c7ef48af2b4bc.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c96f953d7af9a {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c83b5ca8e76b1 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ce435052962e3 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd7c54cd5cf8f {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c1d3f9ed5f94a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ce82ad9213f8c {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ceba85fe286eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cf746bf20b201 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c1a4f86f17dac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c082d61037f74 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c082d61037f74:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cfeba82709d1f {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cee61df399511 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ce0d9d4fe5bfe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c8e4b2ed7b0ee {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c528737de38ff {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c528737de38ff:hover, .c528737de38ff:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c27e01f88f869 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c27e01f88f869 button {
  display: none;
}
.c27e01f88f869 button svg {
  stroke: var(--icon-foreground);
}
.c27e01f88f869:hover button {
  display: flex;
}

.cec2d6fe96fc9, .cce772fbafcda {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cec2d6fe96fc9 .attr-label, .cce772fbafcda .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cec2d6fe96fc9 .attr-value, .cce772fbafcda .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ca2b5d3886988, .c81a0a3f6ddcc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ca2b5d3886988:hover div, .c81a0a3f6ddcc:hover div {
  color: var(--entry-foreground-color-hover);
}

.cb2b88a0ebeb7 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.caad52b12669c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.caad52b12669c:hover {
  background-color: var(--menu-background-color-hover);
}

.c99bf6fd4ca0a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c99bf6fd4ca0a span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c99bf6fd4ca0a span svg {
  stroke: var(--icon-foreground);
}
.c99bf6fd4ca0a:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c99bf6fd4ca0a:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c560df05004c3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cda18d56b7fec {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cad8a69da38e5,
.c0beac43e41fb {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cb961afb44254 .cad8a69da38e5,
.cb961afb44254 .c0beac43e41fb {
  transform: scale(1);
}

.c89c7180be080 .cad8a69da38e5,
.c89c7180be080 .c0beac43e41fb {
  transform: scale(0);
}

.cc464852e0129 {
  --box-border-color: var(--color-background-primary);
  display: flex;
  flex-direction: column;
  border-block-end: 0.125rem solid var(--box-border-color);
}

.ca60b44805f4b {
  margin-inline-start: 0;
}

.cf287c733f5b8 {
  color: var(--entry-foreground-color-hover);
  padding-block: var(--sp-s);
}

.cce772fbafcda {
  block-size: -moz-fit-content;
  block-size: fit-content;
  min-block-size: 2.25rem;
}

.c81a0a3f6ddcc {
  word-break: break-word;
}
@keyframes c62d6e4c1b95e {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cb0844811a0f8 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cb0844811a0f8:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cb0844811a0f8 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cb0844811a0f8 ::-webkit-scrollbar-track,
.cb0844811a0f8 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cb0844811a0f8 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cb0844811a0f8 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cb0844811a0f8 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb0844811a0f8 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb0844811a0f8 ::placeholder,
.cb0844811a0f8 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cfd29d655335b, .c70364ab4f366, .cb607904de7f2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cfd29d655335b svg, .c70364ab4f366 svg, .cb607904de7f2 svg,
.cfd29d655335b span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cfd29d655335b:focus-visible, .c70364ab4f366:focus-visible, .cb607904de7f2:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cfd29d655335b:focus-visible svg, .c70364ab4f366:focus-visible svg, .cb607904de7f2:focus-visible svg,
.cfd29d655335b:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cfd29d655335b:hover, .c70364ab4f366:hover, .cb607904de7f2:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cfd29d655335b:hover svg, .c70364ab4f366:hover svg, .cb607904de7f2:hover svg,
.cfd29d655335b:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cfd29d655335b:active, .c70364ab4f366:active, .cb607904de7f2:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cfd29d655335b:active svg, .c70364ab4f366:active svg, .cb607904de7f2:active svg,
.cfd29d655335b:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cfd29d655335b.disabled, .c70364ab4f366.disabled, .cb607904de7f2.disabled, .cfd29d655335b[disabled], [disabled].c70364ab4f366, [disabled].cb607904de7f2, .cfd29d655335b:disabled, .c70364ab4f366:disabled, .cb607904de7f2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb8f9b87d056c, .c5be8b2cd8bcc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cb8f9b87d056c svg, .c5be8b2cd8bcc svg,
.cb8f9b87d056c span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cb8f9b87d056c:focus-visible, .c5be8b2cd8bcc:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb8f9b87d056c:focus-visible svg, .c5be8b2cd8bcc:focus-visible svg,
.cb8f9b87d056c:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb8f9b87d056c:hover, .c5be8b2cd8bcc:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cb8f9b87d056c:hover svg, .c5be8b2cd8bcc:hover svg,
.cb8f9b87d056c:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cb8f9b87d056c:active, .c5be8b2cd8bcc:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cb8f9b87d056c:active svg, .c5be8b2cd8bcc:active svg,
.cb8f9b87d056c:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cb8f9b87d056c.disabled, .c5be8b2cd8bcc.disabled, .cb8f9b87d056c[disabled], [disabled].c5be8b2cd8bcc, .cb8f9b87d056c:disabled, .c5be8b2cd8bcc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7d450503b42a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c7d450503b42a svg,
.c7d450503b42a span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c7d450503b42a:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c7d450503b42a:focus-visible svg,
.c7d450503b42a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c7d450503b42a:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c7d450503b42a:hover svg,
.c7d450503b42a:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c7d450503b42a:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c7d450503b42a:active svg,
.c7d450503b42a:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c7d450503b42a.disabled, .c7d450503b42a[disabled], .c7d450503b42a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c39f39c851b4f, .ce25af93415fb button, .c4776378100d5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c39f39c851b4f svg, .ce25af93415fb button svg, .c4776378100d5 svg,
.c39f39c851b4f span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c39f39c851b4f:focus-visible, .ce25af93415fb button:focus-visible, .c4776378100d5:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c39f39c851b4f:focus-visible svg, .ce25af93415fb button:focus-visible svg, .c4776378100d5:focus-visible svg,
.c39f39c851b4f:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c39f39c851b4f:hover, .ce25af93415fb button:hover, .c4776378100d5:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c39f39c851b4f:hover svg, .ce25af93415fb button:hover svg, .c4776378100d5:hover svg,
.c39f39c851b4f:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c39f39c851b4f:active, .ce25af93415fb button:active, .c4776378100d5:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c39f39c851b4f:active svg, .ce25af93415fb button:active svg, .c4776378100d5:active svg,
.c39f39c851b4f:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c39f39c851b4f.disabled, .ce25af93415fb button.disabled, .c4776378100d5.disabled, .c39f39c851b4f[disabled], .ce25af93415fb button[disabled], [disabled].c4776378100d5, .c39f39c851b4f:disabled, .ce25af93415fb button:disabled, .c4776378100d5:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c39f39c851b4f.disabled svg, .ce25af93415fb button.disabled svg, .c4776378100d5.disabled svg,
.c39f39c851b4f.disabled span svg, .c39f39c851b4f[disabled] svg, .ce25af93415fb button[disabled] svg, [disabled].c4776378100d5 svg,
.c39f39c851b4f[disabled] span svg, .c39f39c851b4f:disabled svg, .ce25af93415fb button:disabled svg, .c4776378100d5:disabled svg,
.c39f39c851b4f:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ce6fa68ca4af6 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ce6fa68ca4af6 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ca1f4ad7198a1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ca1f4ad7198a1 svg,
.ca1f4ad7198a1 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ca1f4ad7198a1:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ca1f4ad7198a1:focus-visible svg,
.ca1f4ad7198a1:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ca1f4ad7198a1:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ca1f4ad7198a1:hover svg,
.ca1f4ad7198a1:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ca1f4ad7198a1:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ca1f4ad7198a1:active svg,
.ca1f4ad7198a1:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c7147fe92f747 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.ce26d9190a14f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb9874cd0709d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cb9874cd0709d:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cb9874cd0709d:focus-visible svg,
.cb9874cd0709d:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cb9874cd0709d:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cb9874cd0709d:active {
  border: none;
  background-color: transparent;
}

.c3e26415aa824, .c4776378100d5 svg, .c6b2e0b8d6170, .c99116266271f span svg, .ce25af93415fb button svg, .ca00024bf0244.intermediate svg, .c85ce5681bc45 label span.intermediate svg, .ca00024bf0244.checked svg, .c85ce5681bc45 label span.checked svg, .c85b76cc9ea7f span svg,
.c85b76cc9ea7f label svg, .ca4ba20ab447f svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c171f29ec0760 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c171f29ec0760:hover {
  fill: none;
  stroke: none;
}

.c6b2e0b8d6170, .c99116266271f span svg, .ce25af93415fb button svg, .ca00024bf0244.intermediate svg, .c85ce5681bc45 label span.intermediate svg, .ca00024bf0244.checked svg, .c85ce5681bc45 label span.checked svg, .c85b76cc9ea7f span svg,
.c85b76cc9ea7f label svg, .ca4ba20ab447f svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cfc0fa9a3900f {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cfc0fa9a3900f:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c2906ff6556fe, .cf6ebe8249406 input, .c696d6746a760 input, .c85b76cc9ea7f input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c2906ff6556fe, .cf6ebe8249406 input, .c696d6746a760 input, .c85b76cc9ea7f input {
    height: 23px;
  }
}
.c2906ff6556fe, .cf6ebe8249406 input, .c696d6746a760 input, .c85b76cc9ea7f input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c2906ff6556fe[disabled], .cf6ebe8249406 input[disabled], .c696d6746a760 input[disabled], .c85b76cc9ea7f input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.ca4ba20ab447f {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c97838f4b977f, .c85b76cc9ea7f span,
.c85b76cc9ea7f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c97838f4b977f, .c85b76cc9ea7f span,
  .c85b76cc9ea7f label {
    height: 25px;
  }
}
.c97838f4b977f, .c85b76cc9ea7f span,
.c85b76cc9ea7f label {
  color: var(--input-foreground-color);
}

.c85b76cc9ea7f {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c85b76cc9ea7f {
    height: 25px;
    font-size: 10px;
  }
}
.c85b76cc9ea7f {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c85b76cc9ea7f span svg,
.c85b76cc9ea7f label svg {
  color: var(--input-foreground-color);
}
.c85b76cc9ea7f ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c85b76cc9ea7f ::placeholder {
  color: var(--input-placeholder-color);
}
.c85b76cc9ea7f:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c85b76cc9ea7f:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c85b76cc9ea7f:hover span {
  color: var(--input-foreground-color-hover);
}
.c85b76cc9ea7f:hover input {
  color: var(--input-foreground-color-hover);
}
.c85b76cc9ea7f:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c85b76cc9ea7f:active span {
  color: var(--input-foreground-color-active);
}
.c85b76cc9ea7f:active input {
  color: var(--input-foreground-color-active);
}
.c85b76cc9ea7f:focus, .c85b76cc9ea7f:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c85b76cc9ea7f:focus span, .c85b76cc9ea7f:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c85b76cc9ea7f:focus input, .c85b76cc9ea7f:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c85b76cc9ea7f:focus:hover, .c85b76cc9ea7f:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c85b76cc9ea7f:focus:hover span, .c85b76cc9ea7f:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c85b76cc9ea7f:focus:hover input, .c85b76cc9ea7f:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c696d6746a760 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c696d6746a760 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c696d6746a760 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c696d6746a760 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c696d6746a760:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c696d6746a760:focus-within input, .c696d6746a760:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c060fb17fbb06, .cf6ebe8249406.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c060fb17fbb06 input, .cf6ebe8249406.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c060fb17fbb06 span svg, .cf6ebe8249406.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ca00024bf0244, .c85ce5681bc45 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ca00024bf0244 svg, .c85ce5681bc45 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ca00024bf0244:hover, .c85ce5681bc45 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca00024bf0244:focus, .c85ce5681bc45 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ca00024bf0244.checked, .c85ce5681bc45 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ca00024bf0244.checked svg, .c85ce5681bc45 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ca00024bf0244.intermediate, .c85ce5681bc45 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ca00024bf0244.intermediate svg, .c85ce5681bc45 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ca00024bf0244.unchecked, .c85ce5681bc45 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ca00024bf0244.unchecked svg, .c85ce5681bc45 label span.unchecked svg {
  display: none;
}

.c85ce5681bc45 {
  display: flex;
  align-items: center;
}
.c85ce5681bc45 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c85ce5681bc45 label input {
  margin: 0;
}
.c85ce5681bc45 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c85ce5681bc45 label:focus span, .c85ce5681bc45 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cf6ebe8249406 {
  display: flex;
  flex-direction: column;
}
.cf6ebe8249406 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cf6ebe8249406 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cf6ebe8249406 input:focus-within input, .cf6ebe8249406 input:active input {
  color: var(--input-foreground-color-active);
}
.cf6ebe8249406 input:focus-within, .cf6ebe8249406 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf6ebe8249406.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c74b0ca03a7f3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c2cb14a423e86 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c66dbc89d1ebc {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c4776378100d5 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c7adf9fd1b254 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c4d1501b8d6b2 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c5be8b2cd8bcc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb607904de7f2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c70364ab4f366 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cf333d0d17884 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cf333d0d17884:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cdcd63996ac5a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c1389744eb19a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ceb034a84b587 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c60c7736ccc67 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c63c5c80b6ea4 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c63c5c80b6ea4:hover, .c63c5c80b6ea4:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ce25af93415fb div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ce25af93415fb button {
  display: none;
}
.ce25af93415fb button svg {
  stroke: var(--icon-foreground);
}
.ce25af93415fb:hover button {
  display: flex;
}

.c4b2b48524030, .cdf5bfa17e53d {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c4b2b48524030 .attr-label, .cdf5bfa17e53d .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c4b2b48524030 .attr-value, .cdf5bfa17e53d .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c80e2afcfa4cf, .c1d2e01af1270 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c80e2afcfa4cf:hover div, .c1d2e01af1270:hover div {
  color: var(--entry-foreground-color-hover);
}

.ccff50fa8c2c2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c5cfb79738b83 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c5cfb79738b83:hover {
  background-color: var(--menu-background-color-hover);
}

.c99116266271f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c99116266271f span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c99116266271f span svg {
  stroke: var(--icon-foreground);
}
.c99116266271f:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c99116266271f:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c3dc6167a32e5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cba1f89144212 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cf4b456762dd1,
.cf7ff0c658ed6 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c38d222fa7bb0 .cf4b456762dd1,
.c38d222fa7bb0 .cf7ff0c658ed6 {
  transform: scale(1);
}

.cbe70f8efaac6 .cf4b456762dd1,
.cbe70f8efaac6 .cf7ff0c658ed6 {
  transform: scale(0);
}

.c8ee6568dc4a2 {
  --box-border-color: var(--color-background-primary);
  display: flex;
  flex-direction: column;
  border-block-end: 0.125rem solid var(--box-border-color);
}

.c24e25c2757b5 {
  margin-inline-start: 0;
}

.c44bdb47c2dfc {
  color: var(--entry-foreground-color-hover);
  padding-block: var(--sp-s);
}

.cdf5bfa17e53d {
  block-size: 2.25rem;
}

.ce675d3794f8e {
  max-inline-size: 1.75rem;
}
@keyframes c7edd75648610 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c6226a176caa5 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c6226a176caa5:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c6226a176caa5 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c6226a176caa5 ::-webkit-scrollbar-track,
.c6226a176caa5 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c6226a176caa5 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c6226a176caa5 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c6226a176caa5 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c6226a176caa5 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c6226a176caa5 ::placeholder,
.c6226a176caa5 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cfd368d4c3167, .ca5b1b1c966fe, .c2e8da62568d6.c9ed9dd0d40ea, .c0c22d81666ce, .c2e8da62568d6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cfd368d4c3167 svg, .ca5b1b1c966fe svg, .c2e8da62568d6.c9ed9dd0d40ea svg, .c0c22d81666ce svg, .c2e8da62568d6 svg,
.cfd368d4c3167 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cfd368d4c3167:focus-visible, .ca5b1b1c966fe:focus-visible, .c0c22d81666ce:focus-visible, .c2e8da62568d6:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cfd368d4c3167:focus-visible svg, .ca5b1b1c966fe:focus-visible svg, .c0c22d81666ce:focus-visible svg, .c2e8da62568d6:focus-visible svg,
.cfd368d4c3167:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cfd368d4c3167:hover, .ca5b1b1c966fe:hover, .c0c22d81666ce:hover, .c2e8da62568d6:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cfd368d4c3167:hover svg, .ca5b1b1c966fe:hover svg, .c0c22d81666ce:hover svg, .c2e8da62568d6:hover svg,
.cfd368d4c3167:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cfd368d4c3167:active, .ca5b1b1c966fe:active, .c0c22d81666ce:active, .c2e8da62568d6:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cfd368d4c3167:active svg, .ca5b1b1c966fe:active svg, .c0c22d81666ce:active svg, .c2e8da62568d6:active svg,
.cfd368d4c3167:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cfd368d4c3167.disabled, .ca5b1b1c966fe.disabled, .c0c22d81666ce.disabled, .c2e8da62568d6.disabled, .cfd368d4c3167[disabled], [disabled].ca5b1b1c966fe, [disabled].c0c22d81666ce, [disabled].c2e8da62568d6, .cfd368d4c3167:disabled, .ca5b1b1c966fe:disabled, .c0c22d81666ce:disabled, .c2e8da62568d6:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca926728f258c, .cd5df9f80e2f4, .cbbcabaaa305c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ca926728f258c svg, .cd5df9f80e2f4 svg, .cbbcabaaa305c svg,
.ca926728f258c span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ca926728f258c:focus-visible, .cd5df9f80e2f4:focus-visible, .cbbcabaaa305c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca926728f258c:focus-visible svg, .cd5df9f80e2f4:focus-visible svg, .cbbcabaaa305c:focus-visible svg,
.ca926728f258c:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca926728f258c:hover, .cd5df9f80e2f4:hover, .cbbcabaaa305c:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ca926728f258c:hover svg, .cd5df9f80e2f4:hover svg, .cbbcabaaa305c:hover svg,
.ca926728f258c:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ca926728f258c:active, .cd5df9f80e2f4:active, .cbbcabaaa305c:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ca926728f258c:active svg, .cd5df9f80e2f4:active svg, .cbbcabaaa305c:active svg,
.ca926728f258c:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ca926728f258c.disabled, .cd5df9f80e2f4.disabled, .cbbcabaaa305c.disabled, .ca926728f258c[disabled], [disabled].cd5df9f80e2f4, [disabled].cbbcabaaa305c, .ca926728f258c:disabled, .cd5df9f80e2f4:disabled, .cbbcabaaa305c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5caa340d084d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c5caa340d084d svg,
.c5caa340d084d span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c5caa340d084d:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c5caa340d084d:focus-visible svg,
.c5caa340d084d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c5caa340d084d:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c5caa340d084d:hover svg,
.c5caa340d084d:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c5caa340d084d:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c5caa340d084d:active svg,
.c5caa340d084d:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c5caa340d084d.disabled, .c5caa340d084d[disabled], .c5caa340d084d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c45444fad8399, .ce34ba223ebcc button, .ca61658e0c463, .cfa0eea9b8c35 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c45444fad8399 svg, .ce34ba223ebcc button svg, .ca61658e0c463 svg, .cfa0eea9b8c35 svg,
.c45444fad8399 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c45444fad8399:focus-visible, .ce34ba223ebcc button:focus-visible, .ca61658e0c463:focus-visible, .cfa0eea9b8c35:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c45444fad8399:focus-visible svg, .ce34ba223ebcc button:focus-visible svg, .ca61658e0c463:focus-visible svg, .cfa0eea9b8c35:focus-visible svg,
.c45444fad8399:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c45444fad8399:hover, .ce34ba223ebcc button:hover, .ca61658e0c463:hover, .cfa0eea9b8c35:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c45444fad8399:hover svg, .ce34ba223ebcc button:hover svg, .ca61658e0c463:hover svg, .cfa0eea9b8c35:hover svg,
.c45444fad8399:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c45444fad8399:active, .ce34ba223ebcc button:active, .ca61658e0c463:active, .cfa0eea9b8c35:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c45444fad8399:active svg, .ce34ba223ebcc button:active svg, .ca61658e0c463:active svg, .cfa0eea9b8c35:active svg,
.c45444fad8399:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c45444fad8399.disabled, .ce34ba223ebcc button.disabled, .ca61658e0c463.disabled, .cfa0eea9b8c35.disabled, .c45444fad8399[disabled], .ce34ba223ebcc button[disabled], [disabled].ca61658e0c463, [disabled].cfa0eea9b8c35, .c45444fad8399:disabled, .ce34ba223ebcc button:disabled, .ca61658e0c463:disabled, .cfa0eea9b8c35:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c45444fad8399.disabled svg, .ce34ba223ebcc button.disabled svg, .ca61658e0c463.disabled svg, .cfa0eea9b8c35.disabled svg,
.c45444fad8399.disabled span svg, .c45444fad8399[disabled] svg, .ce34ba223ebcc button[disabled] svg, [disabled].ca61658e0c463 svg, [disabled].cfa0eea9b8c35 svg,
.c45444fad8399[disabled] span svg, .c45444fad8399:disabled svg, .ce34ba223ebcc button:disabled svg, .ca61658e0c463:disabled svg, .cfa0eea9b8c35:disabled svg,
.c45444fad8399:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c925abc71ab21 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c925abc71ab21 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c7aaaa4b0982d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c7aaaa4b0982d svg,
.c7aaaa4b0982d span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c7aaaa4b0982d:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c7aaaa4b0982d:focus-visible svg,
.c7aaaa4b0982d:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c7aaaa4b0982d:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c7aaaa4b0982d:hover svg,
.c7aaaa4b0982d:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c7aaaa4b0982d:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c7aaaa4b0982d:active svg,
.c7aaaa4b0982d:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c5dd9d01dbb5a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cb6c611d16cab {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc05d9f9c6ef4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc05d9f9c6ef4:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cc05d9f9c6ef4:focus-visible svg,
.cc05d9f9c6ef4:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cc05d9f9c6ef4:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cc05d9f9c6ef4:active {
  border: none;
  background-color: transparent;
}

.c5cb4afb97b4d, .c98895608ee47, .c0ca07ce33ff0, .ca61658e0c463 svg, .cfa0eea9b8c35 svg, .ca9cbb42dff51, .cbf4856a30d29 .c5617b4d08f06 .c25ad223418a5 svg, .c3f435d28609d span svg, .ce34ba223ebcc button svg, .cd5d0852c4c48.intermediate svg, .cece12461adfc .cdcb2c096121f .c3038c0809325 span.intermediate svg,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span.intermediate svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.intermediate svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.intermediate svg, .cb0938410230e label span.intermediate svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.intermediate svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.intermediate svg, .c17216da289ff label span.intermediate svg, .cd5d0852c4c48.checked svg, .cece12461adfc .cdcb2c096121f .c3038c0809325 span.checked svg,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span.checked svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.checked svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.checked svg, .cb0938410230e label span.checked svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.checked svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.checked svg, .c17216da289ff label span.checked svg, .cad8de8f3af84 span svg,
.cad8de8f3af84 label svg, .c191e0f1c7398 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cca1036e4468f {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cca1036e4468f:hover {
  fill: none;
  stroke: none;
}

.ca9cbb42dff51, .cbf4856a30d29 .c5617b4d08f06 .c25ad223418a5 svg, .c3f435d28609d span svg, .ce34ba223ebcc button svg, .cd5d0852c4c48.intermediate svg, .cece12461adfc .cdcb2c096121f .c3038c0809325 span.intermediate svg,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span.intermediate svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.intermediate svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.intermediate svg, .cb0938410230e label span.intermediate svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.intermediate svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.intermediate svg, .c17216da289ff label span.intermediate svg, .cd5d0852c4c48.checked svg, .cece12461adfc .cdcb2c096121f .c3038c0809325 span.checked svg,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span.checked svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.checked svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.checked svg, .cb0938410230e label span.checked svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.checked svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.checked svg, .c17216da289ff label span.checked svg, .cad8de8f3af84 span svg,
.cad8de8f3af84 label svg, .c191e0f1c7398 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c06f95045ad5b {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c06f95045ad5b:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cf2a3aec90fe9, .c3f1876327159 input, .c5426294f8a82 input, .cad8de8f3af84 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cf2a3aec90fe9, .c3f1876327159 input, .c5426294f8a82 input, .cad8de8f3af84 input {
    height: 23px;
  }
}
.cf2a3aec90fe9, .c3f1876327159 input, .c5426294f8a82 input, .cad8de8f3af84 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cf2a3aec90fe9[disabled], .c3f1876327159 input[disabled], .c5426294f8a82 input[disabled], .cad8de8f3af84 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c191e0f1c7398 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c9c6b62089acd, .cad8de8f3af84 span,
.cad8de8f3af84 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c9c6b62089acd, .cad8de8f3af84 span,
  .cad8de8f3af84 label {
    height: 25px;
  }
}
.c9c6b62089acd, .cad8de8f3af84 span,
.cad8de8f3af84 label {
  color: var(--input-foreground-color);
}

.cad8de8f3af84 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cad8de8f3af84 {
    height: 25px;
    font-size: 10px;
  }
}
.cad8de8f3af84 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cad8de8f3af84 span svg,
.cad8de8f3af84 label svg {
  color: var(--input-foreground-color);
}
.cad8de8f3af84 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cad8de8f3af84 ::placeholder {
  color: var(--input-placeholder-color);
}
.cad8de8f3af84:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cad8de8f3af84:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cad8de8f3af84:hover span {
  color: var(--input-foreground-color-hover);
}
.cad8de8f3af84:hover input {
  color: var(--input-foreground-color-hover);
}
.cad8de8f3af84:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cad8de8f3af84:active span {
  color: var(--input-foreground-color-active);
}
.cad8de8f3af84:active input {
  color: var(--input-foreground-color-active);
}
.cad8de8f3af84:focus, .cad8de8f3af84:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cad8de8f3af84:focus span, .cad8de8f3af84:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cad8de8f3af84:focus input, .cad8de8f3af84:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cad8de8f3af84:focus:hover, .cad8de8f3af84:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cad8de8f3af84:focus:hover span, .cad8de8f3af84:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cad8de8f3af84:focus:hover input, .cad8de8f3af84:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c5426294f8a82 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c5426294f8a82 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c5426294f8a82 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5426294f8a82 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c5426294f8a82:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c5426294f8a82:focus-within input, .c5426294f8a82:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c450e45132b20, .c3f1876327159.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c450e45132b20 input, .c3f1876327159.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c450e45132b20 span svg, .c3f1876327159.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cd5d0852c4c48, .cece12461adfc .cdcb2c096121f .c3038c0809325 span,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3, .cb0938410230e label span, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span, .c17216da289ff label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cd5d0852c4c48 svg, .cece12461adfc .cdcb2c096121f .c3038c0809325 span svg,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3 svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3 svg, .cb0938410230e label span svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span svg, .c17216da289ff label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cd5d0852c4c48:hover, .cece12461adfc .cdcb2c096121f .c3038c0809325 span:hover,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span:hover, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3:hover,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3:hover, .cb0938410230e label span:hover, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span:hover,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span:hover, .c17216da289ff label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd5d0852c4c48:focus, .cece12461adfc .cdcb2c096121f .c3038c0809325 span:focus,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span:focus, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3:focus,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3:focus, .cb0938410230e label span:focus, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span:focus,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span:focus, .c17216da289ff label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cd5d0852c4c48.checked, .cece12461adfc .cdcb2c096121f .c3038c0809325 span.checked,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span.checked, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.checked,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.checked, .cb0938410230e label span.checked, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.checked,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.checked, .c17216da289ff label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cd5d0852c4c48.checked svg, .cece12461adfc .cdcb2c096121f .c3038c0809325 span.checked svg,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span.checked svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.checked svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.checked svg, .cb0938410230e label span.checked svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.checked svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.checked svg, .c17216da289ff label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cd5d0852c4c48.intermediate, .cece12461adfc .cdcb2c096121f .c3038c0809325 span.intermediate,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span.intermediate, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.intermediate,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.intermediate, .cb0938410230e label span.intermediate, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.intermediate,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.intermediate, .c17216da289ff label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cd5d0852c4c48.intermediate svg, .cece12461adfc .cdcb2c096121f .c3038c0809325 span.intermediate svg,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span.intermediate svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.intermediate svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.intermediate svg, .cb0938410230e label span.intermediate svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.intermediate svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.intermediate svg, .c17216da289ff label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cd5d0852c4c48.unchecked, .cece12461adfc .cdcb2c096121f .c3038c0809325 span.unchecked,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span.unchecked, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.unchecked,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.unchecked, .cb0938410230e label span.unchecked, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.unchecked,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.unchecked, .c17216da289ff label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cd5d0852c4c48.unchecked svg, .cece12461adfc .cdcb2c096121f .c3038c0809325 span.unchecked svg,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 span.unchecked svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.unchecked svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 .c7bc8a8e539a3.unchecked svg, .cb0938410230e label span.unchecked svg, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.unchecked svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label span.unchecked svg, .c17216da289ff label span.unchecked svg {
  display: none;
}

.cb0938410230e, .cece12461adfc .cdcb2c096121f .c3038c0809325,
.c65735f404d85 .cdcb2c096121f .c3038c0809325, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060, .c17216da289ff {
  display: flex;
  align-items: center;
}
.cb0938410230e label, .cece12461adfc .cdcb2c096121f .c3038c0809325 label,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 label, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label, .c17216da289ff label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cb0938410230e label input, .cece12461adfc .cdcb2c096121f .c3038c0809325 label input,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 label input, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label input,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label input, .c17216da289ff label input {
  margin: 0;
}
.cb0938410230e label:hover span, .cece12461adfc .cdcb2c096121f .c3038c0809325 label:hover span,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 label:hover span, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label:hover span,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label:hover span, .c17216da289ff label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb0938410230e label:focus span, .cece12461adfc .cdcb2c096121f .c3038c0809325 label:focus span,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 label:focus span, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label:focus span,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label:focus span, .c17216da289ff label:focus span, .cb0938410230e label:focus-within span, .cece12461adfc .cdcb2c096121f .c3038c0809325 label:focus-within span,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 label:focus-within span, .cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label:focus-within span,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 label:focus-within span, .c17216da289ff label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c3f1876327159 {
  display: flex;
  flex-direction: column;
}
.c3f1876327159 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c3f1876327159 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c3f1876327159 input:focus-within input, .c3f1876327159 input:active input {
  color: var(--input-foreground-color-active);
}
.c3f1876327159 input:focus-within, .c3f1876327159 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c3f1876327159.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c1646b777be41 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cbdc1ca0750ff, .cd5ef4cefcbc4 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c0990ce37eff1, .c81235fec6e9b {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ca61658e0c463, .cfa0eea9b8c35 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cb46dbacf0eae {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ce506144c390b, .cc86c49d0f22a {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cd5df9f80e2f4, .cbbcabaaa305c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c0c22d81666ce, .c2e8da62568d6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ca5b1b1c966fe, .c2e8da62568d6.c9ed9dd0d40ea {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c4e973a31afcf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c4e973a31afcf:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cfba8f830403d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.ccec03de2c3f2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c545d46ec1a7a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c8ef40b3af26e {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c89b833009e38 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c89b833009e38:hover, .c89b833009e38:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ce34ba223ebcc div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ce34ba223ebcc button {
  display: none;
}
.ce34ba223ebcc button svg {
  stroke: var(--icon-foreground);
}
.ce34ba223ebcc:hover button {
  display: flex;
}

.cc9f49e1aa544 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cc9f49e1aa544 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cc9f49e1aa544 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c1b14dc796d61 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c1b14dc796d61:hover div {
  color: var(--entry-foreground-color-hover);
}

.ce55d2637ff6f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c847ce9a817f7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c847ce9a817f7:hover {
  background-color: var(--menu-background-color-hover);
}

.c3f435d28609d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c3f435d28609d span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c3f435d28609d span svg {
  stroke: var(--icon-foreground);
}
.c3f435d28609d:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c3f435d28609d:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cb2b738aee0ab {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c76c3d5c6f392 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ca5ca5dcd579c,
.c210c4f2050fb {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c9340316f3ae0 .ca5ca5dcd579c,
.c9340316f3ae0 .c210c4f2050fb {
  transform: scale(1);
}

.c94252d17bd50 .ca5ca5dcd579c,
.c94252d17bd50 .c210c4f2050fb {
  transform: scale(0);
}

.cc725569223df {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
}

.c8d30ea5eea15 {
  --export-modal-bg-color: var(--alert-background-color-default);
  --export-modal-fg-color: var(--alert-text-foreground-color-default);
  --export-modal-icon-color: var(--alert-icon-foreground-color-default);
  --export-modal-border-color: var(--alert-border-color-default);
  position: absolute;
  right: 1rem;
  top: 3rem;
  display: grid;
  grid-template-columns: 1.5rem 1fr 1.5rem;
  grid-template-areas: "icon text close" "bar bar bar";
  gap: 0.25rem 0.5rem;
  padding-block-start: 0.5rem;
  background-color: var(--export-modal-bg-color);
  border: 1px solid var(--export-modal-border-color);
  border-radius: 8px;
  z-index: 30;
  overflow: hidden;
}

.c3179f6d444e3 {
  --export-modal-bg-color: var(--alert-background-color-error);
  --export-modal-fg-color: var(--alert-text-foreground-color-error);
  --export-modal-icon-color: var(--alert-icon-foreground-color-error);
  --export-modal-border-color: var(--alert-border-color-error);
  grid-template-areas: "icon text close";
  gap: 0.5rem;
  padding-block: 0.5rem;
}

.c98895608ee47 {
  grid-area: icon;
  align-self: center;
  margin-inline-start: 0.5rem;
  stroke: var(--export-modal-icon-color);
}

.cb93cfb7e52b5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
  grid-area: text;
  align-self: center;
  padding: 0;
  margin: 0;
  color: var(--export-modal-fg-color);
}

.c7cd131af94de {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 0.5rem;
  margin: 0;
  align-self: center;
  color: var(--modal-text-foreground-color);
}

.c852548f9e061 {
  border: none;
  background: none;
  cursor: pointer;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: inline;
  text-align: left;
  color: var(--modal-link-foreground-color);
  margin: 0;
  padding: 0;
}

.c261a1703b80b {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  margin-inline-end: 0.5rem;
}

.c0ca07ce33ff0 {
  stroke: var(--export-modal-icon-color);
}

.c9ed0ae5898b1 {
  margin-top: 0;
  grid-area: bar;
}

.cd5ef4cefcbc4.c5e0d44011eff {
  background-color: transparent;
}

.c81235fec6e9b {
  max-height: calc(10 * 5rem);
}

.c1b852352567c {
  margin-bottom: 1.5rem;
}

.c6729c9afcb68 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.cece12461adfc,
.c65735f404d85 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
.cece12461adfc .c5256a2dd93d9,
.c65735f404d85 .c5256a2dd93d9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  color: var(--modal-link-foreground-color);
}
.cece12461adfc .cdcb2c096121f,
.c65735f404d85 .cdcb2c096121f {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  height: 2rem;
  margin-bottom: 0.25rem;
}
.cece12461adfc .cdcb2c096121f .c3038c0809325,
.c65735f404d85 .cdcb2c096121f .c3038c0809325 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
  margin-left: 1rem;
}
.cece12461adfc .cdcb2c096121f .c5361c9082ec4,
.c65735f404d85 .cdcb2c096121f .c5361c9082ec4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
}
.cece12461adfc .c1d14b2a8524b,
.c65735f404d85 .c1d14b2a8524b {
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.cece12461adfc .ca718be59bd9b,
.c65735f404d85 .ca718be59bd9b {
  width: 100%;
  height: 100%;
}
.cece12461adfc .ca718be59bd9b:after,
.c65735f404d85 .ca718be59bd9b:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(to top, rgb(24, 24, 26) 0%, rgba(24, 24, 26, 0) 100%);
  content: "";
  pointer-events: none;
}
.cece12461adfc .c851d9fb1d740,
.c65735f404d85 .c851d9fb1d740 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 25rem;
  overflow-y: auto;
  padding-bottom: 0.75rem;
}
.cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  background-color: var(--entry-background-color);
  min-height: 2.5rem;
  border-radius: 8px;
}
.cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 {
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: min-content auto 1fr auto auto;
  align-items: center;
  width: 100%;
  height: 10%;
  gap: 0.5rem;
  padding: 0 1rem;
}
.cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c5313c970b060 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
}
.cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c2ddd146b5c9f,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c2ddd146b5c9f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  color: var(--modal-text-foreground-color);
  text-align: start;
}
.cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .ceaf4b112a1a0,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .ceaf4b112a1a0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 6.75rem;
  padding: 0.75rem;
  color: var(--modal-text-foreground-color);
}
.cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c25ad739b8e05,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c3038c0809325 .c25ad739b8e05 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 4.5rem;
  padding: 0.75rem;
  color: var(--modal-text-foreground-color);
}
.cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c1f3dc2d833ba,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c1f3dc2d833ba {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2rem;
  min-width: 2rem;
  background-color: var(--app-white);
  border-radius: 6px;
  margin: auto 0;
}
.cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c1f3dc2d833ba img,
.cece12461adfc .c851d9fb1d740 .c4b6fcfbaa367 .c1f3dc2d833ba svg,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c1f3dc2d833ba img,
.c65735f404d85 .c851d9fb1d740 .c4b6fcfbaa367 .c1f3dc2d833ba svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 2.5rem;
}

.c6d9dc0a8ac92,
.c1440024ed059,
.ca0c70750b42a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
}

.c17216da289ff {
  width: 100%;
  align-items: flex-start;
}
.c17216da289ff label {
  align-items: flex-start;
}
.c17216da289ff label .c1440024ed059 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}
.c17216da289ff span {
  margin-top: 0.5rem;
}

.c819707f3f686 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
}

.cbf4856a30d29 .c5617b4d08f06 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}
.cbf4856a30d29 .c5617b4d08f06 .c25ad223418a5 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
}
.cbf4856a30d29 .c5617b4d08f06 .c25ad223418a5 svg {
  stroke: var(--input-foreground);
}
.cbf4856a30d29 .c5617b4d08f06 .c65364566d512 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cbf4856a30d29.ce569d8e2c95b .c5617b4d08f06 {
  color: var(--modal-text-foreground-color);
}
.cbf4856a30d29.c9b8f6bb70a86 .c5617b4d08f06 {
  color: var(--modal-text-foreground-color);
}
.cbf4856a30d29.c9b8f6bb70a86 .c5617b4d08f06 .c25ad223418a5 svg {
  stroke: var(--modal-text-foreground-color);
}
.cbf4856a30d29.c41952c54fbac .c5617b4d08f06 {
  color: var(--modal-text-foreground-color);
}
.cbf4856a30d29.c41952c54fbac .c5617b4d08f06 .c25ad223418a5 svg {
  stroke: var(--modal-text-foreground-color);
}
@keyframes c2b38730101e6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c951f4908eb8f {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c951f4908eb8f:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c951f4908eb8f ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c951f4908eb8f ::-webkit-scrollbar-track,
.c951f4908eb8f ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c951f4908eb8f ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c951f4908eb8f ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c951f4908eb8f ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c951f4908eb8f ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c951f4908eb8f ::placeholder,
.c951f4908eb8f ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c7a93123cd1e1, .c3707cdffee11, .c0906835cccd7.c0be1b25d4686, .c89d5e744e500, .c0906835cccd7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c7a93123cd1e1 svg, .c3707cdffee11 svg, .c0906835cccd7.c0be1b25d4686 svg, .c89d5e744e500 svg, .c0906835cccd7 svg,
.c7a93123cd1e1 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c7a93123cd1e1:focus-visible, .c3707cdffee11:focus-visible, .c89d5e744e500:focus-visible, .c0906835cccd7:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c7a93123cd1e1:focus-visible svg, .c3707cdffee11:focus-visible svg, .c89d5e744e500:focus-visible svg, .c0906835cccd7:focus-visible svg,
.c7a93123cd1e1:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c7a93123cd1e1:hover, .c3707cdffee11:hover, .c89d5e744e500:hover, .c0906835cccd7:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c7a93123cd1e1:hover svg, .c3707cdffee11:hover svg, .c89d5e744e500:hover svg, .c0906835cccd7:hover svg,
.c7a93123cd1e1:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c7a93123cd1e1:active, .c3707cdffee11:active, .c89d5e744e500:active, .c0906835cccd7:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c7a93123cd1e1:active svg, .c3707cdffee11:active svg, .c89d5e744e500:active svg, .c0906835cccd7:active svg,
.c7a93123cd1e1:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c7a93123cd1e1.disabled, .c3707cdffee11.disabled, .c89d5e744e500.disabled, .c0906835cccd7.disabled, .c7a93123cd1e1[disabled], [disabled].c3707cdffee11, [disabled].c89d5e744e500, [disabled].c0906835cccd7, .c7a93123cd1e1:disabled, .c3707cdffee11:disabled, .c89d5e744e500:disabled, .c0906835cccd7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd95e2a80ad17, .cf472fbc5fc63, .c02ce16b85fcb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cd95e2a80ad17 svg, .cf472fbc5fc63 svg, .c02ce16b85fcb svg,
.cd95e2a80ad17 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cd95e2a80ad17:focus-visible, .cf472fbc5fc63:focus-visible, .c02ce16b85fcb:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd95e2a80ad17:focus-visible svg, .cf472fbc5fc63:focus-visible svg, .c02ce16b85fcb:focus-visible svg,
.cd95e2a80ad17:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd95e2a80ad17:hover, .cf472fbc5fc63:hover, .c02ce16b85fcb:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cd95e2a80ad17:hover svg, .cf472fbc5fc63:hover svg, .c02ce16b85fcb:hover svg,
.cd95e2a80ad17:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cd95e2a80ad17:active, .cf472fbc5fc63:active, .c02ce16b85fcb:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cd95e2a80ad17:active svg, .cf472fbc5fc63:active svg, .c02ce16b85fcb:active svg,
.cd95e2a80ad17:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cd95e2a80ad17.disabled, .cf472fbc5fc63.disabled, .c02ce16b85fcb.disabled, .cd95e2a80ad17[disabled], [disabled].cf472fbc5fc63, [disabled].c02ce16b85fcb, .cd95e2a80ad17:disabled, .cf472fbc5fc63:disabled, .c02ce16b85fcb:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2ec92563a24b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c2ec92563a24b svg,
.c2ec92563a24b span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c2ec92563a24b:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2ec92563a24b:focus-visible svg,
.c2ec92563a24b:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2ec92563a24b:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c2ec92563a24b:hover svg,
.c2ec92563a24b:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c2ec92563a24b:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c2ec92563a24b:active svg,
.c2ec92563a24b:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c2ec92563a24b.disabled, .c2ec92563a24b[disabled], .c2ec92563a24b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca30c8f648102, .ced2caf3c8f8d button, .cd94e36ef19d5, .c4209357a7bcd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca30c8f648102 svg, .ced2caf3c8f8d button svg, .cd94e36ef19d5 svg, .c4209357a7bcd svg,
.ca30c8f648102 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca30c8f648102:focus-visible, .ced2caf3c8f8d button:focus-visible, .cd94e36ef19d5:focus-visible, .c4209357a7bcd:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca30c8f648102:focus-visible svg, .ced2caf3c8f8d button:focus-visible svg, .cd94e36ef19d5:focus-visible svg, .c4209357a7bcd:focus-visible svg,
.ca30c8f648102:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca30c8f648102:hover, .ced2caf3c8f8d button:hover, .cd94e36ef19d5:hover, .c4209357a7bcd:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca30c8f648102:hover svg, .ced2caf3c8f8d button:hover svg, .cd94e36ef19d5:hover svg, .c4209357a7bcd:hover svg,
.ca30c8f648102:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca30c8f648102:active, .ced2caf3c8f8d button:active, .cd94e36ef19d5:active, .c4209357a7bcd:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca30c8f648102:active svg, .ced2caf3c8f8d button:active svg, .cd94e36ef19d5:active svg, .c4209357a7bcd:active svg,
.ca30c8f648102:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca30c8f648102.disabled, .ced2caf3c8f8d button.disabled, .cd94e36ef19d5.disabled, .c4209357a7bcd.disabled, .ca30c8f648102[disabled], .ced2caf3c8f8d button[disabled], [disabled].cd94e36ef19d5, [disabled].c4209357a7bcd, .ca30c8f648102:disabled, .ced2caf3c8f8d button:disabled, .cd94e36ef19d5:disabled, .c4209357a7bcd:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca30c8f648102.disabled svg, .ced2caf3c8f8d button.disabled svg, .cd94e36ef19d5.disabled svg, .c4209357a7bcd.disabled svg,
.ca30c8f648102.disabled span svg, .ca30c8f648102[disabled] svg, .ced2caf3c8f8d button[disabled] svg, [disabled].cd94e36ef19d5 svg, [disabled].c4209357a7bcd svg,
.ca30c8f648102[disabled] span svg, .ca30c8f648102:disabled svg, .ced2caf3c8f8d button:disabled svg, .cd94e36ef19d5:disabled svg, .c4209357a7bcd:disabled svg,
.ca30c8f648102:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c7fe55d74e46c {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c7fe55d74e46c svg {
  color: var(--button-icon-foreground-color-selected);
}

.c6ebde6f2d17d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c6ebde6f2d17d svg,
.c6ebde6f2d17d span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c6ebde6f2d17d:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c6ebde6f2d17d:focus-visible svg,
.c6ebde6f2d17d:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c6ebde6f2d17d:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c6ebde6f2d17d:hover svg,
.c6ebde6f2d17d:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c6ebde6f2d17d:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c6ebde6f2d17d:active svg,
.c6ebde6f2d17d:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c82a8a866f672 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c21495f264717 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c107b197aa701 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c107b197aa701:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c107b197aa701:focus-visible svg,
.c107b197aa701:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c107b197aa701:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c107b197aa701:active {
  border: none;
  background-color: transparent;
}

.cd8e31c0b2002, .cd94e36ef19d5 svg, .c4209357a7bcd svg, .c98ce266d90df, .c09e0be6c8e8a .c87c3fd36bea9 .cce45aec1b148 svg, .c61ef8ba53115 span svg, .ced2caf3c8f8d button svg, .ca3f88fa28957.intermediate svg, .c63eb4ea6774e .caea339778b10 .c041b682382fa span.intermediate svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6.intermediate svg, .c244ed1e47bce label span.intermediate svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span.intermediate svg, .c83b547c333a7 label span.intermediate svg, .ca3f88fa28957.checked svg, .c63eb4ea6774e .caea339778b10 .c041b682382fa span.checked svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6.checked svg, .c244ed1e47bce label span.checked svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span.checked svg, .c83b547c333a7 label span.checked svg, .ca705c4fb52cb span svg,
.ca705c4fb52cb label svg, .cc924a78272a9 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ce04f76fa4ea3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ce04f76fa4ea3:hover {
  fill: none;
  stroke: none;
}

.c98ce266d90df, .c09e0be6c8e8a .c87c3fd36bea9 .cce45aec1b148 svg, .c61ef8ba53115 span svg, .ced2caf3c8f8d button svg, .ca3f88fa28957.intermediate svg, .c63eb4ea6774e .caea339778b10 .c041b682382fa span.intermediate svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6.intermediate svg, .c244ed1e47bce label span.intermediate svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span.intermediate svg, .c83b547c333a7 label span.intermediate svg, .ca3f88fa28957.checked svg, .c63eb4ea6774e .caea339778b10 .c041b682382fa span.checked svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6.checked svg, .c244ed1e47bce label span.checked svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span.checked svg, .c83b547c333a7 label span.checked svg, .ca705c4fb52cb span svg,
.ca705c4fb52cb label svg, .cc924a78272a9 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ccf6d2d3f42e3 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ccf6d2d3f42e3:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c312efcfc1278, .c8a970031db41 input, .c46860aea5cc3 input, .ca705c4fb52cb input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c312efcfc1278, .c8a970031db41 input, .c46860aea5cc3 input, .ca705c4fb52cb input {
    height: 23px;
  }
}
.c312efcfc1278, .c8a970031db41 input, .c46860aea5cc3 input, .ca705c4fb52cb input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c312efcfc1278[disabled], .c8a970031db41 input[disabled], .c46860aea5cc3 input[disabled], .ca705c4fb52cb input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cc924a78272a9 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c22179ce9b306, .ca705c4fb52cb span,
.ca705c4fb52cb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c22179ce9b306, .ca705c4fb52cb span,
  .ca705c4fb52cb label {
    height: 25px;
  }
}
.c22179ce9b306, .ca705c4fb52cb span,
.ca705c4fb52cb label {
  color: var(--input-foreground-color);
}

.ca705c4fb52cb {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca705c4fb52cb {
    height: 25px;
    font-size: 10px;
  }
}
.ca705c4fb52cb {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ca705c4fb52cb span svg,
.ca705c4fb52cb label svg {
  color: var(--input-foreground-color);
}
.ca705c4fb52cb ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ca705c4fb52cb ::placeholder {
  color: var(--input-placeholder-color);
}
.ca705c4fb52cb:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ca705c4fb52cb:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ca705c4fb52cb:hover span {
  color: var(--input-foreground-color-hover);
}
.ca705c4fb52cb:hover input {
  color: var(--input-foreground-color-hover);
}
.ca705c4fb52cb:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ca705c4fb52cb:active span {
  color: var(--input-foreground-color-active);
}
.ca705c4fb52cb:active input {
  color: var(--input-foreground-color-active);
}
.ca705c4fb52cb:focus, .ca705c4fb52cb:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca705c4fb52cb:focus span, .ca705c4fb52cb:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ca705c4fb52cb:focus input, .ca705c4fb52cb:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ca705c4fb52cb:focus:hover, .ca705c4fb52cb:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca705c4fb52cb:focus:hover span, .ca705c4fb52cb:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ca705c4fb52cb:focus:hover input, .ca705c4fb52cb:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c46860aea5cc3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c46860aea5cc3 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c46860aea5cc3 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c46860aea5cc3 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c46860aea5cc3:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c46860aea5cc3:focus-within input, .c46860aea5cc3:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c791807ab7d92, .c8a970031db41.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c791807ab7d92 input, .c8a970031db41.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c791807ab7d92 span svg, .c8a970031db41.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ca3f88fa28957, .c63eb4ea6774e .caea339778b10 .c041b682382fa span, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6, .c244ed1e47bce label span, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span, .c83b547c333a7 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ca3f88fa28957 svg, .c63eb4ea6774e .caea339778b10 .c041b682382fa span svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6 svg, .c244ed1e47bce label span svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span svg, .c83b547c333a7 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ca3f88fa28957:hover, .c63eb4ea6774e .caea339778b10 .c041b682382fa span:hover, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6:hover, .c244ed1e47bce label span:hover, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span:hover, .c83b547c333a7 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca3f88fa28957:focus, .c63eb4ea6774e .caea339778b10 .c041b682382fa span:focus, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6:focus, .c244ed1e47bce label span:focus, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span:focus, .c83b547c333a7 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ca3f88fa28957.checked, .c63eb4ea6774e .caea339778b10 .c041b682382fa span.checked, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6.checked, .c244ed1e47bce label span.checked, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span.checked, .c83b547c333a7 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ca3f88fa28957.checked svg, .c63eb4ea6774e .caea339778b10 .c041b682382fa span.checked svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6.checked svg, .c244ed1e47bce label span.checked svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span.checked svg, .c83b547c333a7 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ca3f88fa28957.intermediate, .c63eb4ea6774e .caea339778b10 .c041b682382fa span.intermediate, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6.intermediate, .c244ed1e47bce label span.intermediate, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span.intermediate, .c83b547c333a7 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ca3f88fa28957.intermediate svg, .c63eb4ea6774e .caea339778b10 .c041b682382fa span.intermediate svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6.intermediate svg, .c244ed1e47bce label span.intermediate svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span.intermediate svg, .c83b547c333a7 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ca3f88fa28957.unchecked, .c63eb4ea6774e .caea339778b10 .c041b682382fa span.unchecked, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6.unchecked, .c244ed1e47bce label span.unchecked, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span.unchecked, .c83b547c333a7 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ca3f88fa28957.unchecked svg, .c63eb4ea6774e .caea339778b10 .c041b682382fa span.unchecked svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 .cd3853b3d9ef6.unchecked svg, .c244ed1e47bce label span.unchecked svg, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label span.unchecked svg, .c83b547c333a7 label span.unchecked svg {
  display: none;
}

.c244ed1e47bce, .c63eb4ea6774e .caea339778b10 .c041b682382fa, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87, .c83b547c333a7 {
  display: flex;
  align-items: center;
}
.c244ed1e47bce label, .c63eb4ea6774e .caea339778b10 .c041b682382fa label, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label, .c83b547c333a7 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c244ed1e47bce label input, .c63eb4ea6774e .caea339778b10 .c041b682382fa label input, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label input, .c83b547c333a7 label input {
  margin: 0;
}
.c244ed1e47bce label:hover span, .c63eb4ea6774e .caea339778b10 .c041b682382fa label:hover span, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label:hover span, .c83b547c333a7 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c244ed1e47bce label:focus span, .c63eb4ea6774e .caea339778b10 .c041b682382fa label:focus span, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label:focus span, .c83b547c333a7 label:focus span, .c244ed1e47bce label:focus-within span, .c63eb4ea6774e .caea339778b10 .c041b682382fa label:focus-within span, .c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 label:focus-within span, .c83b547c333a7 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c8a970031db41 {
  display: flex;
  flex-direction: column;
}
.c8a970031db41 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c8a970031db41 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c8a970031db41 input:focus-within input, .c8a970031db41 input:active input {
  color: var(--input-foreground-color-active);
}
.c8a970031db41 input:focus-within, .c8a970031db41 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c8a970031db41.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cd3beac99c987 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c12c1fa86c747, .c74475e555b78 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c6fe967108b22, .cdbca561235bf {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd94e36ef19d5, .c4209357a7bcd {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cd6c92df11d70 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc52112f6c22a, .cd5aba24f6516 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cf472fbc5fc63, .c02ce16b85fcb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c89d5e744e500, .c0906835cccd7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3707cdffee11, .c0906835cccd7.c0be1b25d4686 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c7adf7adcc1a2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c7adf7adcc1a2:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c630b188c0f1b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c4b1db75f7d79 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c3d039edae8eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ce426b77ad6a5 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c92586066c08e {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c92586066c08e:hover, .c92586066c08e:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ced2caf3c8f8d div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ced2caf3c8f8d button {
  display: none;
}
.ced2caf3c8f8d button svg {
  stroke: var(--icon-foreground);
}
.ced2caf3c8f8d:hover button {
  display: flex;
}

.ca6c88b4fb848 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.ca6c88b4fb848 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.ca6c88b4fb848 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ca714ae608013 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ca714ae608013:hover div {
  color: var(--entry-foreground-color-hover);
}

.c1868edb42eab {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c8198ceb61e2e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c8198ceb61e2e:hover {
  background-color: var(--menu-background-color-hover);
}

.c61ef8ba53115 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c61ef8ba53115 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c61ef8ba53115 span svg {
  stroke: var(--icon-foreground);
}
.c61ef8ba53115:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c61ef8ba53115:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cb76a8f3c15f7 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c96ab7c4bcec7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cb2d9f2388fff,
.c80ca5b6798e6 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce75c0bdb47e1 .cb2d9f2388fff,
.ce75c0bdb47e1 .c80ca5b6798e6 {
  transform: scale(1);
}

.c26a8ab7c43fd .cb2d9f2388fff,
.c26a8ab7c43fd .c80ca5b6798e6 {
  transform: scale(0);
}

.c74475e555b78.c8f5e9383723e {
  background-color: transparent;
}

.cdbca561235bf {
  max-height: calc(10 * 5rem);
}

.cbe11eee891df {
  margin-bottom: 1.5rem;
}

.c78f604630ef1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
}

.c63eb4ea6774e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
.c63eb4ea6774e .c1b8a44474e68 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  color: var(--modal-link-foreground-color);
}
.c63eb4ea6774e .caea339778b10 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  height: 2rem;
  margin-bottom: 0.25rem;
}
.c63eb4ea6774e .caea339778b10 .c041b682382fa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
  margin-left: 1rem;
}
.c63eb4ea6774e .caea339778b10 .c8f9daa183ecb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
}
.c63eb4ea6774e .ce19f83b8329e {
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.c63eb4ea6774e .c99dc75d04249 {
  width: 100%;
  height: 100%;
}
.c63eb4ea6774e .c99dc75d04249:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(to top, rgb(24, 24, 26) 0%, rgba(24, 24, 26, 0) 100%);
  content: "";
  pointer-events: none;
}
.c63eb4ea6774e .c8e285954a962 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 25rem;
  overflow-y: auto;
  padding-bottom: 0.75rem;
}
.c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  background-color: var(--entry-background-color);
  min-height: 2.5rem;
  border-radius: 8px;
}
.c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa {
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: min-content auto 1fr auto auto;
  align-items: center;
  width: 100%;
  height: 10%;
  gap: 0.5rem;
  padding: 0 1rem;
}
.c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cab027e438c87 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
}
.c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cc99f176cb5d3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  color: var(--modal-text-foreground-color);
  text-align: start;
}
.c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cedcc468a05c9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 6.75rem;
  padding: 0.75rem;
  color: var(--modal-text-foreground-color);
}
.c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c041b682382fa .cde661a289147 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 4.5rem;
  padding: 0.75rem;
  color: var(--modal-text-foreground-color);
}
.c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c508e78230e5e {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2rem;
  min-width: 2rem;
  background-color: var(--app-white);
  border-radius: 6px;
  margin: auto 0;
}
.c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c508e78230e5e img,
.c63eb4ea6774e .c8e285954a962 .ce9dedd81f9ba .c508e78230e5e svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 2.5rem;
}

.c72c542b5f6fc,
.c0beb202e6f75,
.c95ff672179bd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-text-foreground-color);
}

.c83b547c333a7 {
  width: 100%;
  align-items: flex-start;
}
.c83b547c333a7 label {
  align-items: flex-start;
}
.c83b547c333a7 label .c0beb202e6f75 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--modal-title-foreground-color);
  padding: 0.25rem 0;
}
.c83b547c333a7 span {
  margin-top: 0.5rem;
}

.c561f73a63279 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
}

.c09e0be6c8e8a .c87c3fd36bea9 {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}
.c09e0be6c8e8a .c87c3fd36bea9 .cce45aec1b148 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
}
.c09e0be6c8e8a .c87c3fd36bea9 .cce45aec1b148 svg {
  stroke: var(--input-foreground);
}
.c09e0be6c8e8a .c87c3fd36bea9 .c22df679affd9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c09e0be6c8e8a.c5c7012fb48a7 .c87c3fd36bea9 {
  color: var(--modal-text-foreground-color);
}
.c09e0be6c8e8a.ca6e5cf3401f9 .c87c3fd36bea9 {
  color: var(--modal-text-foreground-color);
}
.c09e0be6c8e8a.ca6e5cf3401f9 .c87c3fd36bea9 .cce45aec1b148 svg {
  stroke: var(--modal-text-foreground-color);
}
.c09e0be6c8e8a.ca6f9d18553d3 .c87c3fd36bea9 {
  color: var(--modal-text-foreground-color);
}
.c09e0be6c8e8a.ca6f9d18553d3 .c87c3fd36bea9 .cce45aec1b148 svg {
  stroke: var(--modal-text-foreground-color);
}
@keyframes c973631dfe53b {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c9fb932932543 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c9fb932932543:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c9fb932932543 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c9fb932932543 ::-webkit-scrollbar-track,
.c9fb932932543 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c9fb932932543 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c9fb932932543 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c9fb932932543 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9fb932932543 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c9fb932932543 ::placeholder,
.c9fb932932543 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c621c1cef8a14, .c02baf361b626, .cbbbf1c057319 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c621c1cef8a14 svg, .c02baf361b626 svg, .cbbbf1c057319 svg,
.c621c1cef8a14 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c621c1cef8a14:focus-visible, .c02baf361b626:focus-visible, .cbbbf1c057319:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c621c1cef8a14:focus-visible svg, .c02baf361b626:focus-visible svg, .cbbbf1c057319:focus-visible svg,
.c621c1cef8a14:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c621c1cef8a14:hover, .c02baf361b626:hover, .cbbbf1c057319:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c621c1cef8a14:hover svg, .c02baf361b626:hover svg, .cbbbf1c057319:hover svg,
.c621c1cef8a14:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c621c1cef8a14:active, .c02baf361b626:active, .cbbbf1c057319:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c621c1cef8a14:active svg, .c02baf361b626:active svg, .cbbbf1c057319:active svg,
.c621c1cef8a14:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c621c1cef8a14.disabled, .c02baf361b626.disabled, .cbbbf1c057319.disabled, .c621c1cef8a14[disabled], [disabled].c02baf361b626, [disabled].cbbbf1c057319, .c621c1cef8a14:disabled, .c02baf361b626:disabled, .cbbbf1c057319:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cedb01d56d2c5, .c88444763b425 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cedb01d56d2c5 svg, .c88444763b425 svg,
.cedb01d56d2c5 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cedb01d56d2c5:focus-visible, .c88444763b425:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cedb01d56d2c5:focus-visible svg, .c88444763b425:focus-visible svg,
.cedb01d56d2c5:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cedb01d56d2c5:hover, .c88444763b425:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cedb01d56d2c5:hover svg, .c88444763b425:hover svg,
.cedb01d56d2c5:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cedb01d56d2c5:active, .c88444763b425:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cedb01d56d2c5:active svg, .c88444763b425:active svg,
.cedb01d56d2c5:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cedb01d56d2c5.disabled, .c88444763b425.disabled, .cedb01d56d2c5[disabled], [disabled].c88444763b425, .cedb01d56d2c5:disabled, .c88444763b425:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c47d82ded5853 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c47d82ded5853 svg,
.c47d82ded5853 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c47d82ded5853:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c47d82ded5853:focus-visible svg,
.c47d82ded5853:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c47d82ded5853:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c47d82ded5853:hover svg,
.c47d82ded5853:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c47d82ded5853:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c47d82ded5853:active svg,
.c47d82ded5853:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c47d82ded5853.disabled, .c47d82ded5853[disabled], .c47d82ded5853:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cce0921c22ade, .ca3cbc70cddde button, .c70279305b33e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cce0921c22ade svg, .ca3cbc70cddde button svg, .c70279305b33e svg,
.cce0921c22ade span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cce0921c22ade:focus-visible, .ca3cbc70cddde button:focus-visible, .c70279305b33e:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cce0921c22ade:focus-visible svg, .ca3cbc70cddde button:focus-visible svg, .c70279305b33e:focus-visible svg,
.cce0921c22ade:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cce0921c22ade:hover, .ca3cbc70cddde button:hover, .c70279305b33e:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cce0921c22ade:hover svg, .ca3cbc70cddde button:hover svg, .c70279305b33e:hover svg,
.cce0921c22ade:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cce0921c22ade:active, .ca3cbc70cddde button:active, .c70279305b33e:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cce0921c22ade:active svg, .ca3cbc70cddde button:active svg, .c70279305b33e:active svg,
.cce0921c22ade:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cce0921c22ade.disabled, .ca3cbc70cddde button.disabled, .c70279305b33e.disabled, .cce0921c22ade[disabled], .ca3cbc70cddde button[disabled], [disabled].c70279305b33e, .cce0921c22ade:disabled, .ca3cbc70cddde button:disabled, .c70279305b33e:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cce0921c22ade.disabled svg, .ca3cbc70cddde button.disabled svg, .c70279305b33e.disabled svg,
.cce0921c22ade.disabled span svg, .cce0921c22ade[disabled] svg, .ca3cbc70cddde button[disabled] svg, [disabled].c70279305b33e svg,
.cce0921c22ade[disabled] span svg, .cce0921c22ade:disabled svg, .ca3cbc70cddde button:disabled svg, .c70279305b33e:disabled svg,
.cce0921c22ade:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cdd32085af8f5 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cdd32085af8f5 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c7c3a6ea83b7f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c7c3a6ea83b7f svg,
.c7c3a6ea83b7f span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c7c3a6ea83b7f:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c7c3a6ea83b7f:focus-visible svg,
.c7c3a6ea83b7f:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c7c3a6ea83b7f:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c7c3a6ea83b7f:hover svg,
.c7c3a6ea83b7f:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c7c3a6ea83b7f:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c7c3a6ea83b7f:active svg,
.c7c3a6ea83b7f:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c6a098991d5d3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cd713c918c0f7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8516499e6e63 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c8516499e6e63:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c8516499e6e63:focus-visible svg,
.c8516499e6e63:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c8516499e6e63:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c8516499e6e63:active {
  border: none;
  background-color: transparent;
}

.cb9fc702c3684, .c70279305b33e svg, .c6f4758f9db5d, .c3286a6a2f21b span svg, .ca3cbc70cddde button svg, .cbd4127d5c962.intermediate svg, .c6b3bddaacada label span.intermediate svg, .cbd4127d5c962.checked svg, .c6b3bddaacada label span.checked svg, .c1b0d6ed8e954 span svg,
.c1b0d6ed8e954 label svg, .c194264acf7cb svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c3aff0c69b94c {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c3aff0c69b94c:hover {
  fill: none;
  stroke: none;
}

.c6f4758f9db5d, .c3286a6a2f21b span svg, .ca3cbc70cddde button svg, .cbd4127d5c962.intermediate svg, .c6b3bddaacada label span.intermediate svg, .cbd4127d5c962.checked svg, .c6b3bddaacada label span.checked svg, .c1b0d6ed8e954 span svg,
.c1b0d6ed8e954 label svg, .c194264acf7cb svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c00da3c479a8c {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c00da3c479a8c:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c6d1a1096d7a8, .c26d51e56918b input, .c6a98d5304655 input, .c1b0d6ed8e954 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c6d1a1096d7a8, .c26d51e56918b input, .c6a98d5304655 input, .c1b0d6ed8e954 input {
    height: 23px;
  }
}
.c6d1a1096d7a8, .c26d51e56918b input, .c6a98d5304655 input, .c1b0d6ed8e954 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c6d1a1096d7a8[disabled], .c26d51e56918b input[disabled], .c6a98d5304655 input[disabled], .c1b0d6ed8e954 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c194264acf7cb {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c6a8d3a30aae9, .c1b0d6ed8e954 span,
.c1b0d6ed8e954 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6a8d3a30aae9, .c1b0d6ed8e954 span,
  .c1b0d6ed8e954 label {
    height: 25px;
  }
}
.c6a8d3a30aae9, .c1b0d6ed8e954 span,
.c1b0d6ed8e954 label {
  color: var(--input-foreground-color);
}

.c1b0d6ed8e954 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1b0d6ed8e954 {
    height: 25px;
    font-size: 10px;
  }
}
.c1b0d6ed8e954 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c1b0d6ed8e954 span svg,
.c1b0d6ed8e954 label svg {
  color: var(--input-foreground-color);
}
.c1b0d6ed8e954 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c1b0d6ed8e954 ::placeholder {
  color: var(--input-placeholder-color);
}
.c1b0d6ed8e954:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1b0d6ed8e954:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c1b0d6ed8e954:hover span {
  color: var(--input-foreground-color-hover);
}
.c1b0d6ed8e954:hover input {
  color: var(--input-foreground-color-hover);
}
.c1b0d6ed8e954:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c1b0d6ed8e954:active span {
  color: var(--input-foreground-color-active);
}
.c1b0d6ed8e954:active input {
  color: var(--input-foreground-color-active);
}
.c1b0d6ed8e954:focus, .c1b0d6ed8e954:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1b0d6ed8e954:focus span, .c1b0d6ed8e954:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c1b0d6ed8e954:focus input, .c1b0d6ed8e954:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c1b0d6ed8e954:focus:hover, .c1b0d6ed8e954:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1b0d6ed8e954:focus:hover span, .c1b0d6ed8e954:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c1b0d6ed8e954:focus:hover input, .c1b0d6ed8e954:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c6a98d5304655 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c6a98d5304655 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c6a98d5304655 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c6a98d5304655 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c6a98d5304655:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c6a98d5304655:focus-within input, .c6a98d5304655:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c4e990e971e39, .c26d51e56918b.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c4e990e971e39 input, .c26d51e56918b.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c4e990e971e39 span svg, .c26d51e56918b.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cbd4127d5c962, .c6b3bddaacada label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cbd4127d5c962 svg, .c6b3bddaacada label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cbd4127d5c962:hover, .c6b3bddaacada label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cbd4127d5c962:focus, .c6b3bddaacada label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cbd4127d5c962.checked, .c6b3bddaacada label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cbd4127d5c962.checked svg, .c6b3bddaacada label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cbd4127d5c962.intermediate, .c6b3bddaacada label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cbd4127d5c962.intermediate svg, .c6b3bddaacada label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cbd4127d5c962.unchecked, .c6b3bddaacada label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cbd4127d5c962.unchecked svg, .c6b3bddaacada label span.unchecked svg {
  display: none;
}

.c6b3bddaacada {
  display: flex;
  align-items: center;
}
.c6b3bddaacada label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c6b3bddaacada label input {
  margin: 0;
}
.c6b3bddaacada label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c6b3bddaacada label:focus span, .c6b3bddaacada label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c26d51e56918b {
  display: flex;
  flex-direction: column;
}
.c26d51e56918b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c26d51e56918b input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c26d51e56918b input:focus-within input, .c26d51e56918b input:active input {
  color: var(--input-foreground-color-active);
}
.c26d51e56918b input:focus-within, .c26d51e56918b input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c26d51e56918b.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc9db0ce2ffde {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ca17258dd12ec {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c9e15499d78f4 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c70279305b33e {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cb0ac03af271b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c078d435ba628 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c88444763b425 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cbbbf1c057319 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c02baf361b626 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c1a9df8828191 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c1a9df8828191:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c8cdcb6256a2c {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c286754cd667f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c2a108d25431e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cb0386e8160ae {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c3b955c78da27 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c3b955c78da27:hover, .c3b955c78da27:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ca3cbc70cddde div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ca3cbc70cddde button {
  display: none;
}
.ca3cbc70cddde button svg {
  stroke: var(--icon-foreground);
}
.ca3cbc70cddde:hover button {
  display: flex;
}

.c0db888f98668 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c0db888f98668 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c0db888f98668 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c93994888a5e3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c93994888a5e3:hover div {
  color: var(--entry-foreground-color-hover);
}

.c50bce0d9d2e6 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cb8d3a6fb3b38 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cb8d3a6fb3b38:hover {
  background-color: var(--menu-background-color-hover);
}

.c3286a6a2f21b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c3286a6a2f21b span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c3286a6a2f21b span svg {
  stroke: var(--icon-foreground);
}
.c3286a6a2f21b:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c3286a6a2f21b:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cebdecef6d89a {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c1b300bfe11b1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cb7a39b2d64d3,
.c7975ecd820cb {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c0a34efd4add7 .cb7a39b2d64d3,
.c0a34efd4add7 .c7975ecd820cb {
  transform: scale(1);
}

.cacdf59a8fac8 .cb7a39b2d64d3,
.cacdf59a8fac8 .c7975ecd820cb {
  transform: scale(0);
}

.c362fed1cd8a4 {
  display: grid;
  row-gap: 1rem;
  height: 100vh;
  overflow-y: auto;
  padding: 1rem;
}

.cfd6d7549370e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-foreground-primary);
}

.c91e5c7e8cd76 {
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  grid-template-rows: repeat(auto-fill, 120px);
  gap: 1rem;
  --cell-size: 64px;
}

.cdf526a440697 {
  display: grid;
  place-items: center;
  row-gap: 0.5rem;
  grid-template-rows: var(--cell-size) 1fr;
  padding: 0.5rem;
  color: var(--color-foreground-primary);
  word-break: break-word;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}
.cdf526a440697 svg {
  width: var(--cell-size);
  height: var(--cell-size);
  fill: none;
  color: transparent;
  stroke: var(--color-accent-primary);
}

.c6d9e754a5ed4 {
  width: var(--cell-size);
  height: var(--cell-size);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@keyframes c749edc351e6f {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c1b30f5c95e4b {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c1b30f5c95e4b:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c1b30f5c95e4b ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c1b30f5c95e4b ::-webkit-scrollbar-track,
.c1b30f5c95e4b ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c1b30f5c95e4b ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c1b30f5c95e4b ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c1b30f5c95e4b ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1b30f5c95e4b ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1b30f5c95e4b ::placeholder,
.c1b30f5c95e4b ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c27b3fc5da854, .ce5ce1ee09e9b, .c7da6ebfbd9de.c3987d8afb79f, .cee9c2f2c1222, .c7da6ebfbd9de {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c27b3fc5da854 svg, .ce5ce1ee09e9b svg, .c7da6ebfbd9de.c3987d8afb79f svg, .cee9c2f2c1222 svg, .c7da6ebfbd9de svg,
.c27b3fc5da854 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c27b3fc5da854:focus-visible, .ce5ce1ee09e9b:focus-visible, .cee9c2f2c1222:focus-visible, .c7da6ebfbd9de:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c27b3fc5da854:focus-visible svg, .ce5ce1ee09e9b:focus-visible svg, .cee9c2f2c1222:focus-visible svg, .c7da6ebfbd9de:focus-visible svg,
.c27b3fc5da854:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c27b3fc5da854:hover, .ce5ce1ee09e9b:hover, .cee9c2f2c1222:hover, .c7da6ebfbd9de:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c27b3fc5da854:hover svg, .ce5ce1ee09e9b:hover svg, .cee9c2f2c1222:hover svg, .c7da6ebfbd9de:hover svg,
.c27b3fc5da854:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c27b3fc5da854:active, .ce5ce1ee09e9b:active, .cee9c2f2c1222:active, .c7da6ebfbd9de:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c27b3fc5da854:active svg, .ce5ce1ee09e9b:active svg, .cee9c2f2c1222:active svg, .c7da6ebfbd9de:active svg,
.c27b3fc5da854:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c27b3fc5da854.disabled, .ce5ce1ee09e9b.disabled, .cee9c2f2c1222.disabled, .c7da6ebfbd9de.disabled, .c27b3fc5da854[disabled], [disabled].ce5ce1ee09e9b, [disabled].cee9c2f2c1222, [disabled].c7da6ebfbd9de, .c27b3fc5da854:disabled, .ce5ce1ee09e9b:disabled, .cee9c2f2c1222:disabled, .c7da6ebfbd9de:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c78e92b9ebd2e, .c1ff3a0496f66, .c9af32eac4191 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c78e92b9ebd2e svg, .c1ff3a0496f66 svg, .c9af32eac4191 svg,
.c78e92b9ebd2e span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c78e92b9ebd2e:focus-visible, .c1ff3a0496f66:focus-visible, .c9af32eac4191:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c78e92b9ebd2e:focus-visible svg, .c1ff3a0496f66:focus-visible svg, .c9af32eac4191:focus-visible svg,
.c78e92b9ebd2e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c78e92b9ebd2e:hover, .c1ff3a0496f66:hover, .c9af32eac4191:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c78e92b9ebd2e:hover svg, .c1ff3a0496f66:hover svg, .c9af32eac4191:hover svg,
.c78e92b9ebd2e:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c78e92b9ebd2e:active, .c1ff3a0496f66:active, .c9af32eac4191:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c78e92b9ebd2e:active svg, .c1ff3a0496f66:active svg, .c9af32eac4191:active svg,
.c78e92b9ebd2e:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c78e92b9ebd2e.disabled, .c1ff3a0496f66.disabled, .c9af32eac4191.disabled, .c78e92b9ebd2e[disabled], [disabled].c1ff3a0496f66, [disabled].c9af32eac4191, .c78e92b9ebd2e:disabled, .c1ff3a0496f66:disabled, .c9af32eac4191:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c63e719b2a97e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c63e719b2a97e svg,
.c63e719b2a97e span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c63e719b2a97e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c63e719b2a97e:focus-visible svg,
.c63e719b2a97e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c63e719b2a97e:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c63e719b2a97e:hover svg,
.c63e719b2a97e:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c63e719b2a97e:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c63e719b2a97e:active svg,
.c63e719b2a97e:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c63e719b2a97e.disabled, .c63e719b2a97e[disabled], .c63e719b2a97e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce484854fbae0, .c1c28b5c51ccc button, .c22a66883d935, .ccf377053e7cf {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ce484854fbae0 svg, .c1c28b5c51ccc button svg, .c22a66883d935 svg, .ccf377053e7cf svg,
.ce484854fbae0 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ce484854fbae0:focus-visible, .c1c28b5c51ccc button:focus-visible, .c22a66883d935:focus-visible, .ccf377053e7cf:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ce484854fbae0:focus-visible svg, .c1c28b5c51ccc button:focus-visible svg, .c22a66883d935:focus-visible svg, .ccf377053e7cf:focus-visible svg,
.ce484854fbae0:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ce484854fbae0:hover, .c1c28b5c51ccc button:hover, .c22a66883d935:hover, .ccf377053e7cf:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ce484854fbae0:hover svg, .c1c28b5c51ccc button:hover svg, .c22a66883d935:hover svg, .ccf377053e7cf:hover svg,
.ce484854fbae0:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ce484854fbae0:active, .c1c28b5c51ccc button:active, .c22a66883d935:active, .ccf377053e7cf:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ce484854fbae0:active svg, .c1c28b5c51ccc button:active svg, .c22a66883d935:active svg, .ccf377053e7cf:active svg,
.ce484854fbae0:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ce484854fbae0.disabled, .c1c28b5c51ccc button.disabled, .c22a66883d935.disabled, .ccf377053e7cf.disabled, .ce484854fbae0[disabled], .c1c28b5c51ccc button[disabled], [disabled].c22a66883d935, [disabled].ccf377053e7cf, .ce484854fbae0:disabled, .c1c28b5c51ccc button:disabled, .c22a66883d935:disabled, .ccf377053e7cf:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ce484854fbae0.disabled svg, .c1c28b5c51ccc button.disabled svg, .c22a66883d935.disabled svg, .ccf377053e7cf.disabled svg,
.ce484854fbae0.disabled span svg, .ce484854fbae0[disabled] svg, .c1c28b5c51ccc button[disabled] svg, [disabled].c22a66883d935 svg, [disabled].ccf377053e7cf svg,
.ce484854fbae0[disabled] span svg, .ce484854fbae0:disabled svg, .c1c28b5c51ccc button:disabled svg, .c22a66883d935:disabled svg, .ccf377053e7cf:disabled svg,
.ce484854fbae0:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c461847bddb64 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c461847bddb64 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c09de6bb2d163 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c09de6bb2d163 svg,
.c09de6bb2d163 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c09de6bb2d163:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c09de6bb2d163:focus-visible svg,
.c09de6bb2d163:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c09de6bb2d163:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c09de6bb2d163:hover svg,
.c09de6bb2d163:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c09de6bb2d163:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c09de6bb2d163:active svg,
.c09de6bb2d163:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c0de33d9043bc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c6462d216205d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd93d740b0560 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cd93d740b0560:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cd93d740b0560:focus-visible svg,
.cd93d740b0560:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cd93d740b0560:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cd93d740b0560:active {
  border: none;
  background-color: transparent;
}

.cad19941e2e2f, .c22a66883d935 svg, .ccf377053e7cf svg, .c0a2661a644d6, .cba2a82a2076b span svg, .c1c28b5c51ccc button svg, .cd65f7c6926bb.intermediate svg, .c026ca0669e20 label span.intermediate svg, .cd65f7c6926bb.checked svg, .c026ca0669e20 label span.checked svg, .cebd016a401af span svg,
.cebd016a401af label svg, .c269e2cf57ec3 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ccd7ee9cb36dd {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ccd7ee9cb36dd:hover {
  fill: none;
  stroke: none;
}

.c0a2661a644d6, .cba2a82a2076b span svg, .c1c28b5c51ccc button svg, .cd65f7c6926bb.intermediate svg, .c026ca0669e20 label span.intermediate svg, .cd65f7c6926bb.checked svg, .c026ca0669e20 label span.checked svg, .cebd016a401af span svg,
.cebd016a401af label svg, .c269e2cf57ec3 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cbfd4acbd5d15 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cbfd4acbd5d15:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cb8daf73057eb, .c923ee9d81ded input, .ca0b74e4876e6 input, .ce455984d84f4 input, .cebd016a401af input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cb8daf73057eb, .c923ee9d81ded input, .ca0b74e4876e6 input, .ce455984d84f4 input, .cebd016a401af input {
    height: 23px;
  }
}
.cb8daf73057eb, .c923ee9d81ded input, .ca0b74e4876e6 input, .ce455984d84f4 input, .cebd016a401af input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cb8daf73057eb[disabled], .c923ee9d81ded input[disabled], .ca0b74e4876e6 input[disabled], .ce455984d84f4 input[disabled], .cebd016a401af input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c269e2cf57ec3 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c3bee3e71d307, .cebd016a401af span,
.cebd016a401af label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c3bee3e71d307, .cebd016a401af span,
  .cebd016a401af label {
    height: 25px;
  }
}
.c3bee3e71d307, .cebd016a401af span,
.cebd016a401af label {
  color: var(--input-foreground-color);
}

.cebd016a401af {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cebd016a401af {
    height: 25px;
    font-size: 10px;
  }
}
.cebd016a401af {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cebd016a401af span svg,
.cebd016a401af label svg {
  color: var(--input-foreground-color);
}
.cebd016a401af ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cebd016a401af ::placeholder {
  color: var(--input-placeholder-color);
}
.cebd016a401af:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cebd016a401af:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cebd016a401af:hover span {
  color: var(--input-foreground-color-hover);
}
.cebd016a401af:hover input {
  color: var(--input-foreground-color-hover);
}
.cebd016a401af:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cebd016a401af:active span {
  color: var(--input-foreground-color-active);
}
.cebd016a401af:active input {
  color: var(--input-foreground-color-active);
}
.cebd016a401af:focus, .cebd016a401af:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cebd016a401af:focus span, .cebd016a401af:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cebd016a401af:focus input, .cebd016a401af:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cebd016a401af:focus:hover, .cebd016a401af:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cebd016a401af:focus:hover span, .cebd016a401af:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cebd016a401af:focus:hover input, .cebd016a401af:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.ce455984d84f4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.ce455984d84f4 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.ce455984d84f4 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce455984d84f4 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.ce455984d84f4:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.ce455984d84f4:focus-within input, .ce455984d84f4:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c0a15d8d9ebed, .c923ee9d81ded.disabled, .ca0b74e4876e6.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c0a15d8d9ebed input, .c923ee9d81ded.disabled input, .ca0b74e4876e6.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c0a15d8d9ebed span svg, .c923ee9d81ded.disabled span svg, .ca0b74e4876e6.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cd65f7c6926bb, .c026ca0669e20 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cd65f7c6926bb svg, .c026ca0669e20 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cd65f7c6926bb:hover, .c026ca0669e20 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd65f7c6926bb:focus, .c026ca0669e20 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cd65f7c6926bb.checked, .c026ca0669e20 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cd65f7c6926bb.checked svg, .c026ca0669e20 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cd65f7c6926bb.intermediate, .c026ca0669e20 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cd65f7c6926bb.intermediate svg, .c026ca0669e20 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cd65f7c6926bb.unchecked, .c026ca0669e20 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cd65f7c6926bb.unchecked svg, .c026ca0669e20 label span.unchecked svg {
  display: none;
}

.c026ca0669e20 {
  display: flex;
  align-items: center;
}
.c026ca0669e20 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c026ca0669e20 label input {
  margin: 0;
}
.c026ca0669e20 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c026ca0669e20 label:focus span, .c026ca0669e20 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c923ee9d81ded, .ca0b74e4876e6 {
  display: flex;
  flex-direction: column;
}
.c923ee9d81ded label, .ca0b74e4876e6 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c923ee9d81ded input, .ca0b74e4876e6 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c923ee9d81ded input:focus-within input, .ca0b74e4876e6 input:focus-within input, .c923ee9d81ded input:active input, .ca0b74e4876e6 input:active input {
  color: var(--input-foreground-color-active);
}
.c923ee9d81ded input:focus-within, .ca0b74e4876e6 input:focus-within, .c923ee9d81ded input:active, .ca0b74e4876e6 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c923ee9d81ded.invalid input, .ca0b74e4876e6.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c98dfa7c20a60 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c59dbc4d52139, .c2b88f013012b {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cd597bc6f0141, .c152e7d967c52 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c22a66883d935, .ccf377053e7cf {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cae719c3927f0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c8e9d96618e4a, .c8245d067aff8 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c1ff3a0496f66, .c9af32eac4191 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cee9c2f2c1222, .c7da6ebfbd9de {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce5ce1ee09e9b, .c7da6ebfbd9de.c3987d8afb79f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c288558526cf2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c288558526cf2:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ce898600f306b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c3072d2cf028d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c2239a972ac7d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c750176b2f5de {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c3e66f71cb6b4 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c3e66f71cb6b4:hover, .c3e66f71cb6b4:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c1c28b5c51ccc div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c1c28b5c51ccc button {
  display: none;
}
.c1c28b5c51ccc button svg {
  stroke: var(--icon-foreground);
}
.c1c28b5c51ccc:hover button {
  display: flex;
}

.cafb5e7608561 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cafb5e7608561 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cafb5e7608561 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c74751b58a3f5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c74751b58a3f5:hover div {
  color: var(--entry-foreground-color-hover);
}

.c0d7591e18eb5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cf40364ccaeee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cf40364ccaeee:hover {
  background-color: var(--menu-background-color-hover);
}

.cba2a82a2076b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cba2a82a2076b span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cba2a82a2076b span svg {
  stroke: var(--icon-foreground);
}
.cba2a82a2076b:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cba2a82a2076b:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c98c0de8eaa30 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c6066456d3055 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c3864983480f4,
.c30b6a867889f {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cc089aa854141 .c3864983480f4,
.cc089aa854141 .c30b6a867889f {
  transform: scale(1);
}

.c23ad3ccca0b2 .c3864983480f4,
.c23ad3ccca0b2 .c30b6a867889f {
  transform: scale(0);
}

.cd5d9e5d7a67f {
  margin-bottom: 1.5rem;
}

.cd97de4c3c8b0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.ce62f9c9f8da1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

.ca0b74e4876e6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c47547acb1a0d {
  color: var(--modal-text-foreground-color);
}
@keyframes c5cbdc5fcb678 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c2c136c20b0bc {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c2c136c20b0bc:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c2c136c20b0bc ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c2c136c20b0bc ::-webkit-scrollbar-track,
.c2c136c20b0bc ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c2c136c20b0bc ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c2c136c20b0bc ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c2c136c20b0bc ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2c136c20b0bc ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2c136c20b0bc ::placeholder,
.c2c136c20b0bc ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c721b1ce24281, .c54f5fca249e7, .cb146476f845d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c721b1ce24281 svg, .c54f5fca249e7 svg, .cb146476f845d svg,
.c721b1ce24281 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c721b1ce24281:focus-visible, .c54f5fca249e7:focus-visible, .cb146476f845d:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c721b1ce24281:focus-visible svg, .c54f5fca249e7:focus-visible svg, .cb146476f845d:focus-visible svg,
.c721b1ce24281:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c721b1ce24281:hover, .c54f5fca249e7:hover, .cb146476f845d:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c721b1ce24281:hover svg, .c54f5fca249e7:hover svg, .cb146476f845d:hover svg,
.c721b1ce24281:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c721b1ce24281:active, .c54f5fca249e7:active, .cb146476f845d:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c721b1ce24281:active svg, .c54f5fca249e7:active svg, .cb146476f845d:active svg,
.c721b1ce24281:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c721b1ce24281.disabled, .c54f5fca249e7.disabled, .cb146476f845d.disabled, .c721b1ce24281[disabled], [disabled].c54f5fca249e7, [disabled].cb146476f845d, .c721b1ce24281:disabled, .c54f5fca249e7:disabled, .cb146476f845d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c894ca4d4ed61, .c2a5010168bc6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c894ca4d4ed61 svg, .c2a5010168bc6 svg,
.c894ca4d4ed61 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c894ca4d4ed61:focus-visible, .c2a5010168bc6:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c894ca4d4ed61:focus-visible svg, .c2a5010168bc6:focus-visible svg,
.c894ca4d4ed61:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c894ca4d4ed61:hover, .c2a5010168bc6:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c894ca4d4ed61:hover svg, .c2a5010168bc6:hover svg,
.c894ca4d4ed61:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c894ca4d4ed61:active, .c2a5010168bc6:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c894ca4d4ed61:active svg, .c2a5010168bc6:active svg,
.c894ca4d4ed61:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c894ca4d4ed61.disabled, .c2a5010168bc6.disabled, .c894ca4d4ed61[disabled], [disabled].c2a5010168bc6, .c894ca4d4ed61:disabled, .c2a5010168bc6:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c37dcd44ec604 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c37dcd44ec604 svg,
.c37dcd44ec604 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c37dcd44ec604:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c37dcd44ec604:focus-visible svg,
.c37dcd44ec604:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c37dcd44ec604:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c37dcd44ec604:hover svg,
.c37dcd44ec604:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c37dcd44ec604:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c37dcd44ec604:active svg,
.c37dcd44ec604:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c37dcd44ec604.disabled, .c37dcd44ec604[disabled], .c37dcd44ec604:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cda090646ba31, .c93e60b05095b button, .ce768ecd0e342 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cda090646ba31 svg, .c93e60b05095b button svg, .ce768ecd0e342 svg,
.cda090646ba31 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cda090646ba31:focus-visible, .c93e60b05095b button:focus-visible, .ce768ecd0e342:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cda090646ba31:focus-visible svg, .c93e60b05095b button:focus-visible svg, .ce768ecd0e342:focus-visible svg,
.cda090646ba31:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cda090646ba31:hover, .c93e60b05095b button:hover, .ce768ecd0e342:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cda090646ba31:hover svg, .c93e60b05095b button:hover svg, .ce768ecd0e342:hover svg,
.cda090646ba31:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cda090646ba31:active, .c93e60b05095b button:active, .ce768ecd0e342:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cda090646ba31:active svg, .c93e60b05095b button:active svg, .ce768ecd0e342:active svg,
.cda090646ba31:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cda090646ba31.disabled, .c93e60b05095b button.disabled, .ce768ecd0e342.disabled, .cda090646ba31[disabled], .c93e60b05095b button[disabled], [disabled].ce768ecd0e342, .cda090646ba31:disabled, .c93e60b05095b button:disabled, .ce768ecd0e342:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cda090646ba31.disabled svg, .c93e60b05095b button.disabled svg, .ce768ecd0e342.disabled svg,
.cda090646ba31.disabled span svg, .cda090646ba31[disabled] svg, .c93e60b05095b button[disabled] svg, [disabled].ce768ecd0e342 svg,
.cda090646ba31[disabled] span svg, .cda090646ba31:disabled svg, .c93e60b05095b button:disabled svg, .ce768ecd0e342:disabled svg,
.cda090646ba31:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ccf6d91b2fb1b {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ccf6d91b2fb1b svg {
  color: var(--button-icon-foreground-color-selected);
}

.c7c2fedac88c4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c7c2fedac88c4 svg,
.c7c2fedac88c4 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c7c2fedac88c4:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c7c2fedac88c4:focus-visible svg,
.c7c2fedac88c4:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c7c2fedac88c4:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c7c2fedac88c4:hover svg,
.c7c2fedac88c4:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c7c2fedac88c4:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c7c2fedac88c4:active svg,
.c7c2fedac88c4:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c4ab51163211c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cbf970ee1b300 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfe9e28c95ad5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cfe9e28c95ad5:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cfe9e28c95ad5:focus-visible svg,
.cfe9e28c95ad5:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cfe9e28c95ad5:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cfe9e28c95ad5:active {
  border: none;
  background-color: transparent;
}

.c14cce454425f, .c5c13efa66fd8, .ccdc82c069d64, .ce768ecd0e342 svg, .cf98ef3a60ac8, .c4fc9405a447c span svg, .c93e60b05095b button svg, .cfc919666567f.intermediate svg, .cd75eb631ade3 label span.intermediate svg, .cfc919666567f.checked svg, .cd75eb631ade3 label span.checked svg, .c68057829cff3 span svg,
.c68057829cff3 label svg, .c8f47ab23638a svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c5e8a69028154 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c5e8a69028154:hover {
  fill: none;
  stroke: none;
}

.cf98ef3a60ac8, .c4fc9405a447c span svg, .c93e60b05095b button svg, .cfc919666567f.intermediate svg, .cd75eb631ade3 label span.intermediate svg, .cfc919666567f.checked svg, .cd75eb631ade3 label span.checked svg, .c68057829cff3 span svg,
.c68057829cff3 label svg, .c8f47ab23638a svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cd5d7de57ce8e {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cd5d7de57ce8e:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cfe3c8620acde, .c56155e659169 input, .c4a6d86deed2c input, .c68057829cff3 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cfe3c8620acde, .c56155e659169 input, .c4a6d86deed2c input, .c68057829cff3 input {
    height: 23px;
  }
}
.cfe3c8620acde, .c56155e659169 input, .c4a6d86deed2c input, .c68057829cff3 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cfe3c8620acde[disabled], .c56155e659169 input[disabled], .c4a6d86deed2c input[disabled], .c68057829cff3 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c8f47ab23638a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cf8b43a1c5c48, .c68057829cff3 span,
.c68057829cff3 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cf8b43a1c5c48, .c68057829cff3 span,
  .c68057829cff3 label {
    height: 25px;
  }
}
.cf8b43a1c5c48, .c68057829cff3 span,
.c68057829cff3 label {
  color: var(--input-foreground-color);
}

.c68057829cff3 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c68057829cff3 {
    height: 25px;
    font-size: 10px;
  }
}
.c68057829cff3 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c68057829cff3 span svg,
.c68057829cff3 label svg {
  color: var(--input-foreground-color);
}
.c68057829cff3 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c68057829cff3 ::placeholder {
  color: var(--input-placeholder-color);
}
.c68057829cff3:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c68057829cff3:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c68057829cff3:hover span {
  color: var(--input-foreground-color-hover);
}
.c68057829cff3:hover input {
  color: var(--input-foreground-color-hover);
}
.c68057829cff3:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c68057829cff3:active span {
  color: var(--input-foreground-color-active);
}
.c68057829cff3:active input {
  color: var(--input-foreground-color-active);
}
.c68057829cff3:focus, .c68057829cff3:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c68057829cff3:focus span, .c68057829cff3:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c68057829cff3:focus input, .c68057829cff3:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c68057829cff3:focus:hover, .c68057829cff3:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c68057829cff3:focus:hover span, .c68057829cff3:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c68057829cff3:focus:hover input, .c68057829cff3:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c4a6d86deed2c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c4a6d86deed2c input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c4a6d86deed2c ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4a6d86deed2c ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4a6d86deed2c:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c4a6d86deed2c:focus-within input, .c4a6d86deed2c:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c3b144bd1f1c3, .c56155e659169.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c3b144bd1f1c3 input, .c56155e659169.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c3b144bd1f1c3 span svg, .c56155e659169.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cfc919666567f, .cd75eb631ade3 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cfc919666567f svg, .cd75eb631ade3 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cfc919666567f:hover, .cd75eb631ade3 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cfc919666567f:focus, .cd75eb631ade3 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cfc919666567f.checked, .cd75eb631ade3 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cfc919666567f.checked svg, .cd75eb631ade3 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cfc919666567f.intermediate, .cd75eb631ade3 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cfc919666567f.intermediate svg, .cd75eb631ade3 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cfc919666567f.unchecked, .cd75eb631ade3 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cfc919666567f.unchecked svg, .cd75eb631ade3 label span.unchecked svg {
  display: none;
}

.cd75eb631ade3 {
  display: flex;
  align-items: center;
}
.cd75eb631ade3 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cd75eb631ade3 label input {
  margin: 0;
}
.cd75eb631ade3 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd75eb631ade3 label:focus span, .cd75eb631ade3 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c56155e659169 {
  display: flex;
  flex-direction: column;
}
.c56155e659169 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c56155e659169 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c56155e659169 input:focus-within input, .c56155e659169 input:active input {
  color: var(--input-foreground-color-active);
}
.c56155e659169 input:focus-within, .c56155e659169 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c56155e659169.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c6c3a7471c9d5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.ce5c564ee5e93 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ce81e0f5d47ad {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ce768ecd0e342 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c804f24a25c47 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cf55431136512 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c2a5010168bc6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb146476f845d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c54f5fca249e7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c03f842b62d0f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c03f842b62d0f:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c1d7b9b6eb131 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c35cee06ec099 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c0ec5fe2e09e4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c9e48d53a36d6 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c6e4d9de06821 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c6e4d9de06821:hover, .c6e4d9de06821:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c93e60b05095b div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c93e60b05095b button {
  display: none;
}
.c93e60b05095b button svg {
  stroke: var(--icon-foreground);
}
.c93e60b05095b:hover button {
  display: flex;
}

.c309b789e280e {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c309b789e280e .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c309b789e280e .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c67feb1f56aca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c67feb1f56aca:hover div {
  color: var(--entry-foreground-color-hover);
}

.c56e4f3198a43 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cf33f67bae269 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cf33f67bae269:hover {
  background-color: var(--menu-background-color-hover);
}

.c4fc9405a447c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c4fc9405a447c span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c4fc9405a447c span svg {
  stroke: var(--icon-foreground);
}
.c4fc9405a447c:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c4fc9405a447c:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cde0182b18af7 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c64d9d0599d73 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c426c5ce3a829,
.c76db8a09d3f0 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c653529455029 .c426c5ce3a829,
.c653529455029 .c76db8a09d3f0 {
  transform: scale(1);
}

.c01380a53679c .c426c5ce3a829,
.c01380a53679c .c76db8a09d3f0 {
  transform: scale(0);
}

.c3ed0cc78cd94 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 8px;
}

.cc48146105cf6 {
  height: calc(100% - 2rem);
  max-height: 27.5rem;
  overflow: auto;
}

.c94ca73e5353c {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
}

.c02176de24641 {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  padding: 1.5rem;
  text-align: center;
  color: var(--color-foreground-secondary);
}

.c5c13efa66fd8 {
  stroke: none;
  height: 1.5rem;
  width: 1.5rem;
  margin-bottom: 1.5rem;
}

.ca40af0ce84cc {
  position: relative;
}
.ca40af0ce84cc .c1889780ea0d6 {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border: 0.125rem solid var(--color-background-tertiary);
  border-radius: 50%;
  background: red;
  top: 0.375rem;
  right: 0.375rem;
}

.ccdc82c069d64 {
  stroke: var(--comment-icon-small-foreground-color);
}

.c19fb4d3fb2c0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  border: 1px solid transparent;
  bottom: 0.25rem;
  height: 40vh;
  max-height: 30rem;
  min-height: 12.5rem;
  position: absolute;
  overflow: hidden;
  width: 100%;
  z-index: 4;
}
.c19fb4d3fb2c0 hr {
  margin: 0;
  border-color: var(--color-foreground-secondary);
}

.c9d94986393a3 {
  display: flex;
  height: 2.5rem;
  align-items: center;
  padding: 0 0.75rem;
  gap: 0.25rem;
}

.c2404c1a5b819 {
  color: var(--color-foreground-secondary);
  font-size: 0.688rem;
  line-height: 1.28;
  flex-grow: 1;
  text-transform: uppercase;
}

.cf248a5edf22e:hover {
  cursor: pointer;
}
.cf248a5edf22e.c74edb1f18708 {
  border-radius: 0.5rem;
  border: 1px solid;
}
@keyframes c845323b3dc0d {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c063fb31ba7fa {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c063fb31ba7fa:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c063fb31ba7fa ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c063fb31ba7fa ::-webkit-scrollbar-track,
.c063fb31ba7fa ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c063fb31ba7fa ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c063fb31ba7fa ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c063fb31ba7fa ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c063fb31ba7fa ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c063fb31ba7fa ::placeholder,
.c063fb31ba7fa ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.caaee5e28ece7, .c93304abc1cc6, .c96d96d284b00, .cabb2a93e6839 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.caaee5e28ece7 svg, .c93304abc1cc6 svg, .c96d96d284b00 svg, .cabb2a93e6839 svg,
.caaee5e28ece7 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.caaee5e28ece7:focus-visible, .c93304abc1cc6:focus-visible, .c96d96d284b00:focus-visible, .cabb2a93e6839:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.caaee5e28ece7:focus-visible svg, .c93304abc1cc6:focus-visible svg, .c96d96d284b00:focus-visible svg, .cabb2a93e6839:focus-visible svg,
.caaee5e28ece7:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.caaee5e28ece7:hover, .c93304abc1cc6:hover, .c96d96d284b00:hover, .cabb2a93e6839:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.caaee5e28ece7:hover svg, .c93304abc1cc6:hover svg, .c96d96d284b00:hover svg, .cabb2a93e6839:hover svg,
.caaee5e28ece7:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.caaee5e28ece7:active, .c93304abc1cc6:active, .c96d96d284b00:active, .cabb2a93e6839:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.caaee5e28ece7:active svg, .c93304abc1cc6:active svg, .c96d96d284b00:active svg, .cabb2a93e6839:active svg,
.caaee5e28ece7:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.caaee5e28ece7.disabled, .c93304abc1cc6.disabled, .c96d96d284b00.disabled, .cabb2a93e6839.disabled, .caaee5e28ece7[disabled], [disabled].c93304abc1cc6, [disabled].c96d96d284b00, [disabled].cabb2a93e6839, .caaee5e28ece7:disabled, .c93304abc1cc6:disabled, .c96d96d284b00:disabled, .cabb2a93e6839:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c34a4b7877f23, .ce379e6398aa0, .cbdb1cd0f663f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c34a4b7877f23 svg, .ce379e6398aa0 svg, .cbdb1cd0f663f svg,
.c34a4b7877f23 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c34a4b7877f23:focus-visible, .ce379e6398aa0:focus-visible, .cbdb1cd0f663f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c34a4b7877f23:focus-visible svg, .ce379e6398aa0:focus-visible svg, .cbdb1cd0f663f:focus-visible svg,
.c34a4b7877f23:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c34a4b7877f23:hover, .ce379e6398aa0:hover, .cbdb1cd0f663f:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c34a4b7877f23:hover svg, .ce379e6398aa0:hover svg, .cbdb1cd0f663f:hover svg,
.c34a4b7877f23:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c34a4b7877f23:active, .ce379e6398aa0:active, .cbdb1cd0f663f:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c34a4b7877f23:active svg, .ce379e6398aa0:active svg, .cbdb1cd0f663f:active svg,
.c34a4b7877f23:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c34a4b7877f23.disabled, .ce379e6398aa0.disabled, .cbdb1cd0f663f.disabled, .c34a4b7877f23[disabled], [disabled].ce379e6398aa0, [disabled].cbdb1cd0f663f, .c34a4b7877f23:disabled, .ce379e6398aa0:disabled, .cbdb1cd0f663f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c13a9da14e7ff {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c13a9da14e7ff svg,
.c13a9da14e7ff span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c13a9da14e7ff:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c13a9da14e7ff:focus-visible svg,
.c13a9da14e7ff:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c13a9da14e7ff:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c13a9da14e7ff:hover svg,
.c13a9da14e7ff:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c13a9da14e7ff:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c13a9da14e7ff:active svg,
.c13a9da14e7ff:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c13a9da14e7ff.disabled, .c13a9da14e7ff[disabled], .c13a9da14e7ff:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfc7ca0479d58, .ce36d5e5585f1,
.c57d9abb84638, .c96f2258cd372 button, .cc46d7a31f28a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cfc7ca0479d58 svg, .ce36d5e5585f1 svg,
.c57d9abb84638 svg, .c96f2258cd372 button svg, .cc46d7a31f28a svg,
.cfc7ca0479d58 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cfc7ca0479d58:focus-visible, .ce36d5e5585f1:focus-visible,
.c57d9abb84638:focus-visible, .c96f2258cd372 button:focus-visible, .cc46d7a31f28a:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cfc7ca0479d58:focus-visible svg, .ce36d5e5585f1:focus-visible svg,
.c57d9abb84638:focus-visible svg, .c96f2258cd372 button:focus-visible svg, .cc46d7a31f28a:focus-visible svg,
.cfc7ca0479d58:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cfc7ca0479d58:hover, .ce36d5e5585f1:hover,
.c57d9abb84638:hover, .c96f2258cd372 button:hover, .cc46d7a31f28a:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cfc7ca0479d58:hover svg, .ce36d5e5585f1:hover svg,
.c57d9abb84638:hover svg, .c96f2258cd372 button:hover svg, .cc46d7a31f28a:hover svg,
.cfc7ca0479d58:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cfc7ca0479d58:active, .ce36d5e5585f1:active,
.c57d9abb84638:active, .c96f2258cd372 button:active, .cc46d7a31f28a:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cfc7ca0479d58:active svg, .ce36d5e5585f1:active svg,
.c57d9abb84638:active svg, .c96f2258cd372 button:active svg, .cc46d7a31f28a:active svg,
.cfc7ca0479d58:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cfc7ca0479d58.disabled, .ce36d5e5585f1.disabled,
.c57d9abb84638.disabled, .c96f2258cd372 button.disabled, .cc46d7a31f28a.disabled, .cfc7ca0479d58[disabled], [disabled].ce36d5e5585f1,
[disabled].c57d9abb84638, .c96f2258cd372 button[disabled], [disabled].cc46d7a31f28a, .cfc7ca0479d58:disabled, .ce36d5e5585f1:disabled,
.c57d9abb84638:disabled, .c96f2258cd372 button:disabled, .cc46d7a31f28a:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cfc7ca0479d58.disabled svg, .ce36d5e5585f1.disabled svg,
.c57d9abb84638.disabled svg, .c96f2258cd372 button.disabled svg, .cc46d7a31f28a.disabled svg,
.cfc7ca0479d58.disabled span svg, .cfc7ca0479d58[disabled] svg, [disabled].ce36d5e5585f1 svg,
[disabled].c57d9abb84638 svg, .c96f2258cd372 button[disabled] svg, [disabled].cc46d7a31f28a svg,
.cfc7ca0479d58[disabled] span svg, .cfc7ca0479d58:disabled svg, .ce36d5e5585f1:disabled svg,
.c57d9abb84638:disabled svg, .c96f2258cd372 button:disabled svg, .cc46d7a31f28a:disabled svg,
.cfc7ca0479d58:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c1c22d9ed19e2 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c1c22d9ed19e2 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cb78642a19896 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cb78642a19896 svg,
.cb78642a19896 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cb78642a19896:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cb78642a19896:focus-visible svg,
.cb78642a19896:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cb78642a19896:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cb78642a19896:hover svg,
.cb78642a19896:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cb78642a19896:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cb78642a19896:active svg,
.cb78642a19896:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c9985ec5ea0a3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c014086c91b84 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0bbb6ab34105 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c0bbb6ab34105:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c0bbb6ab34105:focus-visible svg,
.c0bbb6ab34105:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c0bbb6ab34105:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c0bbb6ab34105:active {
  border: none;
  background-color: transparent;
}

.c3431468d4561, .cd34bf8ebc461,
.c741864419d24, .cc46d7a31f28a svg, .c291f228cd053, .c3047d967f350 span svg, .c96f2258cd372 button svg, .c21c9c584e61e.intermediate svg, .cc67428196078 label span.intermediate svg, .c21c9c584e61e.checked svg, .cc67428196078 label span.checked svg, .ca10ce26124f8 span svg,
.ca10ce26124f8 label svg, .c779878fcd7e9 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cba11074c0b59 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cba11074c0b59:hover {
  fill: none;
  stroke: none;
}

.c291f228cd053, .c3047d967f350 span svg, .c96f2258cd372 button svg, .c21c9c584e61e.intermediate svg, .cc67428196078 label span.intermediate svg, .c21c9c584e61e.checked svg, .cc67428196078 label span.checked svg, .ca10ce26124f8 span svg,
.ca10ce26124f8 label svg, .c779878fcd7e9 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cf691b843a2a6 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cf691b843a2a6:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c99e70debc31e, .c203279f41a0a input, .c509768546b61 input, .ca10ce26124f8 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c99e70debc31e, .c203279f41a0a input, .c509768546b61 input, .ca10ce26124f8 input {
    height: 23px;
  }
}
.c99e70debc31e, .c203279f41a0a input, .c509768546b61 input, .ca10ce26124f8 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c99e70debc31e[disabled], .c203279f41a0a input[disabled], .c509768546b61 input[disabled], .ca10ce26124f8 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c779878fcd7e9 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ca6c14289933e, .ca10ce26124f8 span,
.ca10ce26124f8 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca6c14289933e, .ca10ce26124f8 span,
  .ca10ce26124f8 label {
    height: 25px;
  }
}
.ca6c14289933e, .ca10ce26124f8 span,
.ca10ce26124f8 label {
  color: var(--input-foreground-color);
}

.ca10ce26124f8 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca10ce26124f8 {
    height: 25px;
    font-size: 10px;
  }
}
.ca10ce26124f8 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ca10ce26124f8 span svg,
.ca10ce26124f8 label svg {
  color: var(--input-foreground-color);
}
.ca10ce26124f8 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ca10ce26124f8 ::placeholder {
  color: var(--input-placeholder-color);
}
.ca10ce26124f8:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ca10ce26124f8:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ca10ce26124f8:hover span {
  color: var(--input-foreground-color-hover);
}
.ca10ce26124f8:hover input {
  color: var(--input-foreground-color-hover);
}
.ca10ce26124f8:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ca10ce26124f8:active span {
  color: var(--input-foreground-color-active);
}
.ca10ce26124f8:active input {
  color: var(--input-foreground-color-active);
}
.ca10ce26124f8:focus, .ca10ce26124f8:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca10ce26124f8:focus span, .ca10ce26124f8:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ca10ce26124f8:focus input, .ca10ce26124f8:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ca10ce26124f8:focus:hover, .ca10ce26124f8:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca10ce26124f8:focus:hover span, .ca10ce26124f8:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ca10ce26124f8:focus:hover input, .ca10ce26124f8:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c509768546b61 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c509768546b61 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c509768546b61 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c509768546b61 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c509768546b61:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c509768546b61:focus-within input, .c509768546b61:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c76d0f32ed445, .c203279f41a0a.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c76d0f32ed445 input, .c203279f41a0a.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c76d0f32ed445 span svg, .c203279f41a0a.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c21c9c584e61e, .cc67428196078 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c21c9c584e61e svg, .cc67428196078 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c21c9c584e61e:hover, .cc67428196078 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c21c9c584e61e:focus, .cc67428196078 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c21c9c584e61e.checked, .cc67428196078 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c21c9c584e61e.checked svg, .cc67428196078 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c21c9c584e61e.intermediate, .cc67428196078 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c21c9c584e61e.intermediate svg, .cc67428196078 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c21c9c584e61e.unchecked, .cc67428196078 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c21c9c584e61e.unchecked svg, .cc67428196078 label span.unchecked svg {
  display: none;
}

.cc67428196078 {
  display: flex;
  align-items: center;
}
.cc67428196078 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cc67428196078 label input {
  margin: 0;
}
.cc67428196078 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cc67428196078 label:focus span, .cc67428196078 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c203279f41a0a {
  display: flex;
  flex-direction: column;
}
.c203279f41a0a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c203279f41a0a input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c203279f41a0a input:focus-within input, .c203279f41a0a input:active input {
  color: var(--input-foreground-color-active);
}
.c203279f41a0a input:focus-within, .c203279f41a0a input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c203279f41a0a.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c44653bd959a8 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c6d79a7be74da {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c1a484db3fb29 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cc46d7a31f28a {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cc263d2006f11 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c2e65d06490ad {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cbdb1cd0f663f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cabb2a93e6839 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c96d96d284b00 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ceae8fa771e8f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ceae8fa771e8f:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ca212b233b158 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cd1ae1afc4afd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c8780482ecd61 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c75e33b2ae142 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c4c449706d652 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c4c449706d652:hover, .c4c449706d652:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c96f2258cd372 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c96f2258cd372 button {
  display: none;
}
.c96f2258cd372 button svg {
  stroke: var(--icon-foreground);
}
.c96f2258cd372:hover button {
  display: flex;
}

.cb44dc1cc1ee8 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cb44dc1cc1ee8 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cb44dc1cc1ee8 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ca8a6befb845d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ca8a6befb845d:hover div {
  color: var(--entry-foreground-color-hover);
}

.cd93f0bca4fe4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cc84d30d65e35 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cc84d30d65e35:hover {
  background-color: var(--menu-background-color-hover);
}

.c3047d967f350 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c3047d967f350 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c3047d967f350 span svg {
  stroke: var(--icon-foreground);
}
.c3047d967f350:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c3047d967f350:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c0b963502b460 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c9151399df3cf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c02b72a81c41e,
.c383ab27546dd {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cebe08db64ea8 .c02b72a81c41e,
.cebe08db64ea8 .c383ab27546dd {
  transform: scale(1);
}

.c456ecdedfb7f .c02b72a81c41e,
.c456ecdedfb7f .c383ab27546dd {
  transform: scale(0);
}

.ce0a3182018c1 {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 1.5625rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ce0a3182018c1.c4b38d446c8cb {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.ce0a3182018c1 .cc369d64b42a5 {
  margin-right: 0.5rem;
}
.ce0a3182018c1 .ce379e6398aa0 {
  flex-shrink: 0;
  height: 2rem;
}
.ce0a3182018c1 .ce379e6398aa0 svg {
  height: 1rem;
  width: 1rem;
}
.ce0a3182018c1 nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.ce0a3182018c1 nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.ce0a3182018c1 nav li a {
  display: flex;
  align-items: center;
  flex-basis: 8.75rem;
  border-bottom: calc(1px + 0.125rem) solid transparent;
  color: var(--color-foreground-secondary);
  height: 2.5rem;
  padding: 0.25rem 1.5rem;
  font-weight: 400;
}
.ce0a3182018c1 nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.ce0a3182018c1 .c1f1015bbbb2f {
  display: flex;
  align-items: center;
  margin-left: 1.5625rem;
}
.ce0a3182018c1 .c1f1015bbbb2f h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 2rem;
  font-weight: 700;
  max-width: 44.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  white-space: nowrap;
  width: 100%;
}
.ce0a3182018c1 .c1f1015bbbb2f .ca2462066d1a5.c0dc12fd29f50 {
  margin-top: 0.5rem;
}
.ce0a3182018c1 .ce85ed9324863 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ce0a3182018c1 .ce85ed9324863 svg {
  color: var(--color-foreground-secondary);
  stroke: none;
  fill: none;
  width: 1rem;
  height: 1rem;
}
.ce0a3182018c1 .ce85ed9324863 svg:hover {
  color: var(--color-accent-tertiary);
  stroke: none;
  fill: none;
}
.ce0a3182018c1 .cb648ee4f3b7d {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ce0a3182018c1 .c18b28fd14856 {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.ce0a3182018c1 .c9634383c2e92 li a {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-foreground-third);
  border-color: transparent;
}
.ce0a3182018c1 .c9634383c2e92 li a:hover {
  color: var(--color-foreground-primary);
}
.ce0a3182018c1 .c9634383c2e92 li.c57fcce428e01 a {
  color: var(--color-foreground-primary);
}

.c93304abc1cc6 {
  font-size: 0.875rem;
  font-weight: 400;
}

.ce379e6398aa0 {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --z-index-auto: auto;
  --z-index-panels: 100;
  --z-index-guides: 200;
  --z-index-set: 300;
  --z-index-dropdown: 400;
  --z-index-notifications: 500;
  --z-index-loaders: 600;
}

.c9189e8dbd657 {
  flex: 1 0 0;
  width: 100%;
  margin-inline-end: var(--sp-l);
  border-top: 0.0625rem solid var(--panel-border-color);
  overflow-y: auto;
  padding-block-end: var(--sp-xxxl);
}

.ca56036f86a07 {
  display: flex;
  justify-content: space-between;
  padding: var(--sp-s) var(--sp-xxl) var(--sp-s) var(--sp-xxl);
}

.cfbe2bd4ef43d {
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  color: var(--color-foreground-secondary);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  line-height: 0.8;
  height: var(--sp-xl);
}

.c602fd737bbcd {
  color: var(--color-accent-primary);
}

.c20caa4ff1796 {
  display: flex;
  gap: 5px;
  flex-shrink: 0;
}

.c5b56222cb0ca {
  background: var(--color-background-default);
  padding: var(--sp-xxl) var(--sp-xxl) var(--sp-s) var(--sp-40);
  position: sticky;
  top: 0;
  z-index: 10;
}

.c9c96c1567702 {
  border-bottom: 0.0625rem solid var(--panel-border-color);
  display: flex;
  gap: var(--sp-l);
  justify-content: space-between;
}

.c9899c1323fce {
  color: var(--color-foreground-secondary);
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid transparent;
  cursor: pointer;
}

.c5629dd2f6a7f {
  color: var(--color-foreground-primary);
  border-bottom: 0.1875rem solid var(--color-foreground-primary);
}

.ce798be6ff565 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-s);
  width: 99%;
  max-height: 2.5rem;
  padding: var(--sp-s) var(--sp-s) var(--sp-s) var(--sp-l);
  margin-block-start: var(--sp-l);
  border-radius: 0.25rem;
}

.c612f281d5838 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: var(--sp-xxxl);
  margin-inline-start: var(--sp-s);
}

.c8f2504a2f6fd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline-end: var(--sp-m);
  line-height: 0.8;
  color: var(--title-foreground-color-hover);
  height: var(--sp-l);
}

.cd4612665c25d {
  display: flex;
  opacity: var(--actions-opacity);
  margin-inline-start: var(--sp-xxxl);
}

.ce36d5e5585f1,
.c57d9abb84638 {
  height: var(--sp-xxxl);
  width: var(--sp-xxxl);
  margin: 0 var(--sp-s);
  padding: var(--sp-s);
}

.c162a635923f4 {
  display: flex;
  align-items: center;
  gap: var(--sp-s);
}
@keyframes ceeb371e97b8f {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cd42e49afb237 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cd42e49afb237:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cd42e49afb237 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cd42e49afb237 ::-webkit-scrollbar-track,
.cd42e49afb237 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cd42e49afb237 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cd42e49afb237 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cd42e49afb237 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd42e49afb237 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd42e49afb237 ::placeholder,
.cd42e49afb237 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c55baca282946, .cccd20ddd9dda, .cbdc624e7d627, .cc1d545e95858 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c55baca282946 svg, .cccd20ddd9dda svg, .cbdc624e7d627 svg, .cc1d545e95858 svg,
.c55baca282946 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c55baca282946:focus-visible, .cccd20ddd9dda:focus-visible, .cbdc624e7d627:focus-visible, .cc1d545e95858:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c55baca282946:focus-visible svg, .cccd20ddd9dda:focus-visible svg, .cbdc624e7d627:focus-visible svg, .cc1d545e95858:focus-visible svg,
.c55baca282946:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c55baca282946:hover, .cccd20ddd9dda:hover, .cbdc624e7d627:hover, .cc1d545e95858:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c55baca282946:hover svg, .cccd20ddd9dda:hover svg, .cbdc624e7d627:hover svg, .cc1d545e95858:hover svg,
.c55baca282946:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c55baca282946:active, .cccd20ddd9dda:active, .cbdc624e7d627:active, .cc1d545e95858:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c55baca282946:active svg, .cccd20ddd9dda:active svg, .cbdc624e7d627:active svg, .cc1d545e95858:active svg,
.c55baca282946:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c55baca282946.disabled, .cccd20ddd9dda.disabled, .cbdc624e7d627.disabled, .cc1d545e95858.disabled, .c55baca282946[disabled], [disabled].cccd20ddd9dda, [disabled].cbdc624e7d627, [disabled].cc1d545e95858, .c55baca282946:disabled, .cccd20ddd9dda:disabled, .cbdc624e7d627:disabled, .cc1d545e95858:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbad575461b9e, .c2dc2d04a5861, .c96e8bb7381cf {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cbad575461b9e svg, .c2dc2d04a5861 svg, .c96e8bb7381cf svg,
.cbad575461b9e span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cbad575461b9e:focus-visible, .c2dc2d04a5861:focus-visible, .c96e8bb7381cf:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cbad575461b9e:focus-visible svg, .c2dc2d04a5861:focus-visible svg, .c96e8bb7381cf:focus-visible svg,
.cbad575461b9e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cbad575461b9e:hover, .c2dc2d04a5861:hover, .c96e8bb7381cf:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cbad575461b9e:hover svg, .c2dc2d04a5861:hover svg, .c96e8bb7381cf:hover svg,
.cbad575461b9e:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cbad575461b9e:active, .c2dc2d04a5861:active, .c96e8bb7381cf:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cbad575461b9e:active svg, .c2dc2d04a5861:active svg, .c96e8bb7381cf:active svg,
.cbad575461b9e:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cbad575461b9e.disabled, .c2dc2d04a5861.disabled, .c96e8bb7381cf.disabled, .cbad575461b9e[disabled], [disabled].c2dc2d04a5861, [disabled].c96e8bb7381cf, .cbad575461b9e:disabled, .c2dc2d04a5861:disabled, .c96e8bb7381cf:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ccd820de7ec23 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ccd820de7ec23 svg,
.ccd820de7ec23 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ccd820de7ec23:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ccd820de7ec23:focus-visible svg,
.ccd820de7ec23:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ccd820de7ec23:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ccd820de7ec23:hover svg,
.ccd820de7ec23:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ccd820de7ec23:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ccd820de7ec23:active svg,
.ccd820de7ec23:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ccd820de7ec23.disabled, .ccd820de7ec23[disabled], .ccd820de7ec23:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c85f575b1b412, .c11fa74b54401 button, .c7898b2f263d3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c85f575b1b412 svg, .c11fa74b54401 button svg, .c7898b2f263d3 svg,
.c85f575b1b412 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c85f575b1b412:focus-visible, .c11fa74b54401 button:focus-visible, .c7898b2f263d3:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c85f575b1b412:focus-visible svg, .c11fa74b54401 button:focus-visible svg, .c7898b2f263d3:focus-visible svg,
.c85f575b1b412:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c85f575b1b412:hover, .c11fa74b54401 button:hover, .c7898b2f263d3:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c85f575b1b412:hover svg, .c11fa74b54401 button:hover svg, .c7898b2f263d3:hover svg,
.c85f575b1b412:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c85f575b1b412:active, .c11fa74b54401 button:active, .c7898b2f263d3:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c85f575b1b412:active svg, .c11fa74b54401 button:active svg, .c7898b2f263d3:active svg,
.c85f575b1b412:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c85f575b1b412.disabled, .c11fa74b54401 button.disabled, .c7898b2f263d3.disabled, .c85f575b1b412[disabled], .c11fa74b54401 button[disabled], [disabled].c7898b2f263d3, .c85f575b1b412:disabled, .c11fa74b54401 button:disabled, .c7898b2f263d3:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c85f575b1b412.disabled svg, .c11fa74b54401 button.disabled svg, .c7898b2f263d3.disabled svg,
.c85f575b1b412.disabled span svg, .c85f575b1b412[disabled] svg, .c11fa74b54401 button[disabled] svg, [disabled].c7898b2f263d3 svg,
.c85f575b1b412[disabled] span svg, .c85f575b1b412:disabled svg, .c11fa74b54401 button:disabled svg, .c7898b2f263d3:disabled svg,
.c85f575b1b412:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c4ff892f154a8 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c4ff892f154a8 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c5510b40566d4 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c5510b40566d4 svg,
.c5510b40566d4 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c5510b40566d4:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c5510b40566d4:focus-visible svg,
.c5510b40566d4:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c5510b40566d4:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c5510b40566d4:hover svg,
.c5510b40566d4:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c5510b40566d4:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c5510b40566d4:active svg,
.c5510b40566d4:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cb8439ad319fd {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c730bfbfc8d86 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cddee734581e6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cddee734581e6:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cddee734581e6:focus-visible svg,
.cddee734581e6:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cddee734581e6:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cddee734581e6:active {
  border: none;
  background-color: transparent;
}

.ccf9406fd2393, .cc743d069099b, .c7898b2f263d3 svg, .c032970c49eb0, .c5f1199274ffd span svg, .c11fa74b54401 button svg, .ca3259b66747a.intermediate svg, .c94272f7a8a7c label span.intermediate svg, .ca3259b66747a.checked svg, .c94272f7a8a7c label span.checked svg, .c8613a37b6ca8 span svg,
.c8613a37b6ca8 label svg, .c970d767537e9 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c2aab0874d537 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c2aab0874d537:hover {
  fill: none;
  stroke: none;
}

.c032970c49eb0, .c5f1199274ffd span svg, .c11fa74b54401 button svg, .ca3259b66747a.intermediate svg, .c94272f7a8a7c label span.intermediate svg, .ca3259b66747a.checked svg, .c94272f7a8a7c label span.checked svg, .c8613a37b6ca8 span svg,
.c8613a37b6ca8 label svg, .c970d767537e9 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c31d3984d73dd {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c31d3984d73dd:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c5195acff6591, .c64ae9481f275 input, .c2800e39a3dd2 input, .c8613a37b6ca8 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c5195acff6591, .c64ae9481f275 input, .c2800e39a3dd2 input, .c8613a37b6ca8 input {
    height: 23px;
  }
}
.c5195acff6591, .c64ae9481f275 input, .c2800e39a3dd2 input, .c8613a37b6ca8 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c5195acff6591[disabled], .c64ae9481f275 input[disabled], .c2800e39a3dd2 input[disabled], .c8613a37b6ca8 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c970d767537e9 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cffff93b4cb7b, .c8613a37b6ca8 span,
.c8613a37b6ca8 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cffff93b4cb7b, .c8613a37b6ca8 span,
  .c8613a37b6ca8 label {
    height: 25px;
  }
}
.cffff93b4cb7b, .c8613a37b6ca8 span,
.c8613a37b6ca8 label {
  color: var(--input-foreground-color);
}

.c8613a37b6ca8 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c8613a37b6ca8 {
    height: 25px;
    font-size: 10px;
  }
}
.c8613a37b6ca8 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c8613a37b6ca8 span svg,
.c8613a37b6ca8 label svg {
  color: var(--input-foreground-color);
}
.c8613a37b6ca8 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c8613a37b6ca8 ::placeholder {
  color: var(--input-placeholder-color);
}
.c8613a37b6ca8:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c8613a37b6ca8:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c8613a37b6ca8:hover span {
  color: var(--input-foreground-color-hover);
}
.c8613a37b6ca8:hover input {
  color: var(--input-foreground-color-hover);
}
.c8613a37b6ca8:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c8613a37b6ca8:active span {
  color: var(--input-foreground-color-active);
}
.c8613a37b6ca8:active input {
  color: var(--input-foreground-color-active);
}
.c8613a37b6ca8:focus, .c8613a37b6ca8:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c8613a37b6ca8:focus span, .c8613a37b6ca8:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c8613a37b6ca8:focus input, .c8613a37b6ca8:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c8613a37b6ca8:focus:hover, .c8613a37b6ca8:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c8613a37b6ca8:focus:hover span, .c8613a37b6ca8:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c8613a37b6ca8:focus:hover input, .c8613a37b6ca8:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c2800e39a3dd2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c2800e39a3dd2 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c2800e39a3dd2 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c2800e39a3dd2 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c2800e39a3dd2:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c2800e39a3dd2:focus-within input, .c2800e39a3dd2:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ce28148e8f7c7, .c64ae9481f275.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ce28148e8f7c7 input, .c64ae9481f275.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ce28148e8f7c7 span svg, .c64ae9481f275.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ca3259b66747a, .c94272f7a8a7c label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ca3259b66747a svg, .c94272f7a8a7c label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ca3259b66747a:hover, .c94272f7a8a7c label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca3259b66747a:focus, .c94272f7a8a7c label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ca3259b66747a.checked, .c94272f7a8a7c label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ca3259b66747a.checked svg, .c94272f7a8a7c label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ca3259b66747a.intermediate, .c94272f7a8a7c label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ca3259b66747a.intermediate svg, .c94272f7a8a7c label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ca3259b66747a.unchecked, .c94272f7a8a7c label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ca3259b66747a.unchecked svg, .c94272f7a8a7c label span.unchecked svg {
  display: none;
}

.c94272f7a8a7c {
  display: flex;
  align-items: center;
}
.c94272f7a8a7c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c94272f7a8a7c label input {
  margin: 0;
}
.c94272f7a8a7c label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c94272f7a8a7c label:focus span, .c94272f7a8a7c label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c64ae9481f275 {
  display: flex;
  flex-direction: column;
}
.c64ae9481f275 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c64ae9481f275 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c64ae9481f275 input:focus-within input, .c64ae9481f275 input:active input {
  color: var(--input-foreground-color-active);
}
.c64ae9481f275 input:focus-within, .c64ae9481f275 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c64ae9481f275.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cb16633354830 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c283bf2fbde2c {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c9a9eb3b4faf2 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c7898b2f263d3 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c42e4a0db9518 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cf189430b7caa {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c96e8bb7381cf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc1d545e95858 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cbdc624e7d627 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ca7f0bfa1baf8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ca7f0bfa1baf8:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cdd2d340ab7d4 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c2bb7c4c07f4e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c03e1ddde34df {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ca925798f13e7 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cd5c3a8a8aa38 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cd5c3a8a8aa38:hover, .cd5c3a8a8aa38:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c11fa74b54401 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c11fa74b54401 button {
  display: none;
}
.c11fa74b54401 button svg {
  stroke: var(--icon-foreground);
}
.c11fa74b54401:hover button {
  display: flex;
}

.c2b29a232c07b {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c2b29a232c07b .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c2b29a232c07b .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ce0df14b0799d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ce0df14b0799d:hover div {
  color: var(--entry-foreground-color-hover);
}

.c20016608ba28 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c27e081f69ad8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c27e081f69ad8:hover {
  background-color: var(--menu-background-color-hover);
}

.c5f1199274ffd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c5f1199274ffd span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c5f1199274ffd span svg {
  stroke: var(--icon-foreground);
}
.c5f1199274ffd:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c5f1199274ffd:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cf26b547f0b8b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c8c123c54bd94 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c5583fcd66a5d,
.caeeec25df401 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c5aa758ec1834 .c5583fcd66a5d,
.c5aa758ec1834 .caeeec25df401 {
  transform: scale(1);
}

.c8a0b2ceeb42e .c5583fcd66a5d,
.c8a0b2ceeb42e .caeeec25df401 {
  transform: scale(0);
}

.c65931b4aa655 {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 1.5625rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c65931b4aa655.c20b1c9aaa272 {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.c65931b4aa655 .c4d8e20bbe0c5 {
  margin-right: 0.5rem;
}
.c65931b4aa655 .c2dc2d04a5861 {
  flex-shrink: 0;
  height: 2rem;
}
.c65931b4aa655 .c2dc2d04a5861 svg {
  height: 1rem;
  width: 1rem;
}
.c65931b4aa655 nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.c65931b4aa655 nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.c65931b4aa655 nav li a {
  display: flex;
  align-items: center;
  flex-basis: 8.75rem;
  border-bottom: calc(1px + 0.125rem) solid transparent;
  color: var(--color-foreground-secondary);
  height: 2.5rem;
  padding: 0.25rem 1.5rem;
  font-weight: 400;
}
.c65931b4aa655 nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.c65931b4aa655 .c2a794d7e8879 {
  display: flex;
  align-items: center;
  margin-left: 1.5625rem;
}
.c65931b4aa655 .c2a794d7e8879 h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 2rem;
  font-weight: 700;
  max-width: 44.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  white-space: nowrap;
  width: 100%;
}
.c65931b4aa655 .c2a794d7e8879 .c47e4757fe952.c7517509d7f6e {
  margin-top: 0.5rem;
}
.c65931b4aa655 .c9b4bea2e21b1 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.c65931b4aa655 .c9b4bea2e21b1 svg {
  color: var(--color-foreground-secondary);
  stroke: none;
  fill: none;
  width: 1rem;
  height: 1rem;
}
.c65931b4aa655 .c9b4bea2e21b1 svg:hover {
  color: var(--color-accent-tertiary);
  stroke: none;
  fill: none;
}
.c65931b4aa655 .c1a9cc3f7f923 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.c65931b4aa655 .cebb7496ab75c {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.c65931b4aa655 .c6818ba5c2613 li a {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-foreground-third);
  border-color: transparent;
}
.c65931b4aa655 .c6818ba5c2613 li a:hover {
  color: var(--color-foreground-primary);
}
.c65931b4aa655 .c6818ba5c2613 li.c12f992dd78c1 a {
  color: var(--color-foreground-primary);
}

.cccd20ddd9dda {
  font-size: 0.875rem;
  font-weight: 400;
}

.c2dc2d04a5861 {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.ca477a865da3b {
  flex: 1 0 0;
  margin-right: 1rem;
  overflow-y: auto;
  width: 100%;
  border-top: 1px solid var(--color-background-quaternary);
}
.ca477a865da3b.cb04ccac77e1b {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ca477a865da3b.c23182db6dd06 {
  width: calc(100vw - 20rem);
  margin-right: 3.25rem;
}
.ca477a865da3b.cd24cc4a16198 {
  margin-top: 0.75rem;
}

.c1416058e614a {
  margin-inline-end: 0.5rem;
}

.cc743d069099b {
  stroke: none;
}

.c00a73b810e05 {
  margin: 1rem 2rem;
}
@keyframes c6872097f9118 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c1bb05a5caf90 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c1bb05a5caf90:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c1bb05a5caf90 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c1bb05a5caf90 ::-webkit-scrollbar-track,
.c1bb05a5caf90 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c1bb05a5caf90 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c1bb05a5caf90 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c1bb05a5caf90 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1bb05a5caf90 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1bb05a5caf90 ::placeholder,
.c1bb05a5caf90 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c36726e431fc9, .c27f91bba57b9, .c4cb72e2076bc, .c03560efc2353 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c36726e431fc9 svg, .c27f91bba57b9 svg, .c4cb72e2076bc svg, .c03560efc2353 svg,
.c36726e431fc9 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c36726e431fc9:focus-visible, .c27f91bba57b9:focus-visible, .c4cb72e2076bc:focus-visible, .c03560efc2353:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c36726e431fc9:focus-visible svg, .c27f91bba57b9:focus-visible svg, .c4cb72e2076bc:focus-visible svg, .c03560efc2353:focus-visible svg,
.c36726e431fc9:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c36726e431fc9:hover, .c27f91bba57b9:hover, .c4cb72e2076bc:hover, .c03560efc2353:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c36726e431fc9:hover svg, .c27f91bba57b9:hover svg, .c4cb72e2076bc:hover svg, .c03560efc2353:hover svg,
.c36726e431fc9:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c36726e431fc9:active, .c27f91bba57b9:active, .c4cb72e2076bc:active, .c03560efc2353:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c36726e431fc9:active svg, .c27f91bba57b9:active svg, .c4cb72e2076bc:active svg, .c03560efc2353:active svg,
.c36726e431fc9:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c36726e431fc9.disabled, .c27f91bba57b9.disabled, .c4cb72e2076bc.disabled, .c03560efc2353.disabled, .c36726e431fc9[disabled], [disabled].c27f91bba57b9, [disabled].c4cb72e2076bc, [disabled].c03560efc2353, .c36726e431fc9:disabled, .c27f91bba57b9:disabled, .c4cb72e2076bc:disabled, .c03560efc2353:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc4710908723f, .cd638dc9a6cf6, .c576d5e440e9f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cc4710908723f svg, .cd638dc9a6cf6 svg, .c576d5e440e9f svg,
.cc4710908723f span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cc4710908723f:focus-visible, .cd638dc9a6cf6:focus-visible, .c576d5e440e9f:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cc4710908723f:focus-visible svg, .cd638dc9a6cf6:focus-visible svg, .c576d5e440e9f:focus-visible svg,
.cc4710908723f:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cc4710908723f:hover, .cd638dc9a6cf6:hover, .c576d5e440e9f:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cc4710908723f:hover svg, .cd638dc9a6cf6:hover svg, .c576d5e440e9f:hover svg,
.cc4710908723f:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cc4710908723f:active, .cd638dc9a6cf6:active, .c576d5e440e9f:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cc4710908723f:active svg, .cd638dc9a6cf6:active svg, .c576d5e440e9f:active svg,
.cc4710908723f:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cc4710908723f.disabled, .cd638dc9a6cf6.disabled, .c576d5e440e9f.disabled, .cc4710908723f[disabled], [disabled].cd638dc9a6cf6, [disabled].c576d5e440e9f, .cc4710908723f:disabled, .cd638dc9a6cf6:disabled, .c576d5e440e9f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce73c62096810 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ce73c62096810 svg,
.ce73c62096810 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ce73c62096810:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ce73c62096810:focus-visible svg,
.ce73c62096810:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ce73c62096810:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ce73c62096810:hover svg,
.ce73c62096810:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ce73c62096810:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ce73c62096810:active svg,
.ce73c62096810:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ce73c62096810.disabled, .ce73c62096810[disabled], .ce73c62096810:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfbdc34225626, .c577ee8f0b889 button, .c6f0cd8fc0710 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cfbdc34225626 svg, .c577ee8f0b889 button svg, .c6f0cd8fc0710 svg,
.cfbdc34225626 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cfbdc34225626:focus-visible, .c577ee8f0b889 button:focus-visible, .c6f0cd8fc0710:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cfbdc34225626:focus-visible svg, .c577ee8f0b889 button:focus-visible svg, .c6f0cd8fc0710:focus-visible svg,
.cfbdc34225626:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cfbdc34225626:hover, .c577ee8f0b889 button:hover, .c6f0cd8fc0710:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cfbdc34225626:hover svg, .c577ee8f0b889 button:hover svg, .c6f0cd8fc0710:hover svg,
.cfbdc34225626:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cfbdc34225626:active, .c577ee8f0b889 button:active, .c6f0cd8fc0710:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cfbdc34225626:active svg, .c577ee8f0b889 button:active svg, .c6f0cd8fc0710:active svg,
.cfbdc34225626:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cfbdc34225626.disabled, .c577ee8f0b889 button.disabled, .c6f0cd8fc0710.disabled, .cfbdc34225626[disabled], .c577ee8f0b889 button[disabled], [disabled].c6f0cd8fc0710, .cfbdc34225626:disabled, .c577ee8f0b889 button:disabled, .c6f0cd8fc0710:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cfbdc34225626.disabled svg, .c577ee8f0b889 button.disabled svg, .c6f0cd8fc0710.disabled svg,
.cfbdc34225626.disabled span svg, .cfbdc34225626[disabled] svg, .c577ee8f0b889 button[disabled] svg, [disabled].c6f0cd8fc0710 svg,
.cfbdc34225626[disabled] span svg, .cfbdc34225626:disabled svg, .c577ee8f0b889 button:disabled svg, .c6f0cd8fc0710:disabled svg,
.cfbdc34225626:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c43af96289042 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c43af96289042 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c0cf99a8b6b9f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c0cf99a8b6b9f svg,
.c0cf99a8b6b9f span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c0cf99a8b6b9f:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c0cf99a8b6b9f:focus-visible svg,
.c0cf99a8b6b9f:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c0cf99a8b6b9f:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c0cf99a8b6b9f:hover svg,
.c0cf99a8b6b9f:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c0cf99a8b6b9f:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c0cf99a8b6b9f:active svg,
.c0cf99a8b6b9f:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cc7217b128148 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c1d966118828a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cc6d40ffcb71d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc6d40ffcb71d:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cc6d40ffcb71d:focus-visible svg,
.cc6d40ffcb71d:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cc6d40ffcb71d:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cc6d40ffcb71d:active {
  border: none;
  background-color: transparent;
}

.ca05bcec67e28, .c6f0cd8fc0710 svg, .cb500c2723ce1, .ca28841ce0d88 span svg, .c577ee8f0b889 button svg, .c45dd50edca4d.intermediate svg, .c52cb71ed9304 label span.intermediate svg, .c45dd50edca4d.checked svg, .c52cb71ed9304 label span.checked svg, .c8629ead7cf0c span svg,
.c8629ead7cf0c label svg, .cffe6c5466c00 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ce3accd05954d {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ce3accd05954d:hover {
  fill: none;
  stroke: none;
}

.cb500c2723ce1, .ca28841ce0d88 span svg, .c577ee8f0b889 button svg, .c45dd50edca4d.intermediate svg, .c52cb71ed9304 label span.intermediate svg, .c45dd50edca4d.checked svg, .c52cb71ed9304 label span.checked svg, .c8629ead7cf0c span svg,
.c8629ead7cf0c label svg, .cffe6c5466c00 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ce415ec7f2294 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ce415ec7f2294:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c0b1ac3252a2c, .ce5b5a9484010 input, .cfb41f686935c input, .c8629ead7cf0c input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c0b1ac3252a2c, .ce5b5a9484010 input, .cfb41f686935c input, .c8629ead7cf0c input {
    height: 23px;
  }
}
.c0b1ac3252a2c, .ce5b5a9484010 input, .cfb41f686935c input, .c8629ead7cf0c input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c0b1ac3252a2c[disabled], .ce5b5a9484010 input[disabled], .cfb41f686935c input[disabled], .c8629ead7cf0c input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cffe6c5466c00 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c74c93800a040, .c8629ead7cf0c span,
.c8629ead7cf0c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c74c93800a040, .c8629ead7cf0c span,
  .c8629ead7cf0c label {
    height: 25px;
  }
}
.c74c93800a040, .c8629ead7cf0c span,
.c8629ead7cf0c label {
  color: var(--input-foreground-color);
}

.c8629ead7cf0c {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c8629ead7cf0c {
    height: 25px;
    font-size: 10px;
  }
}
.c8629ead7cf0c {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c8629ead7cf0c span svg,
.c8629ead7cf0c label svg {
  color: var(--input-foreground-color);
}
.c8629ead7cf0c ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c8629ead7cf0c ::placeholder {
  color: var(--input-placeholder-color);
}
.c8629ead7cf0c:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c8629ead7cf0c:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c8629ead7cf0c:hover span {
  color: var(--input-foreground-color-hover);
}
.c8629ead7cf0c:hover input {
  color: var(--input-foreground-color-hover);
}
.c8629ead7cf0c:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c8629ead7cf0c:active span {
  color: var(--input-foreground-color-active);
}
.c8629ead7cf0c:active input {
  color: var(--input-foreground-color-active);
}
.c8629ead7cf0c:focus, .c8629ead7cf0c:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c8629ead7cf0c:focus span, .c8629ead7cf0c:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c8629ead7cf0c:focus input, .c8629ead7cf0c:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c8629ead7cf0c:focus:hover, .c8629ead7cf0c:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c8629ead7cf0c:focus:hover span, .c8629ead7cf0c:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c8629ead7cf0c:focus:hover input, .c8629ead7cf0c:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cfb41f686935c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cfb41f686935c input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cfb41f686935c ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cfb41f686935c ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cfb41f686935c:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cfb41f686935c:focus-within input, .cfb41f686935c:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c2f232d266e8f, .ce5b5a9484010.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c2f232d266e8f input, .ce5b5a9484010.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c2f232d266e8f span svg, .ce5b5a9484010.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c45dd50edca4d, .c52cb71ed9304 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c45dd50edca4d svg, .c52cb71ed9304 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c45dd50edca4d:hover, .c52cb71ed9304 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c45dd50edca4d:focus, .c52cb71ed9304 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c45dd50edca4d.checked, .c52cb71ed9304 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c45dd50edca4d.checked svg, .c52cb71ed9304 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c45dd50edca4d.intermediate, .c52cb71ed9304 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c45dd50edca4d.intermediate svg, .c52cb71ed9304 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c45dd50edca4d.unchecked, .c52cb71ed9304 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c45dd50edca4d.unchecked svg, .c52cb71ed9304 label span.unchecked svg {
  display: none;
}

.c52cb71ed9304 {
  display: flex;
  align-items: center;
}
.c52cb71ed9304 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c52cb71ed9304 label input {
  margin: 0;
}
.c52cb71ed9304 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c52cb71ed9304 label:focus span, .c52cb71ed9304 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ce5b5a9484010 {
  display: flex;
  flex-direction: column;
}
.ce5b5a9484010 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ce5b5a9484010 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ce5b5a9484010 input:focus-within input, .ce5b5a9484010 input:active input {
  color: var(--input-foreground-color-active);
}
.ce5b5a9484010 input:focus-within, .ce5b5a9484010 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ce5b5a9484010.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf75a53e21a06 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c5560849c88c5 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cfdeb50f3d41f {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c6f0cd8fc0710 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cddea00eb996f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ce402d349a5cd {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c576d5e440e9f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c03560efc2353 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c4cb72e2076bc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce91b5fa06179 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce91b5fa06179:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ca1e2f971a4e5 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c7bfa7d84b48c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c185a6ee24b4c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cc02fc3e1cfb5 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c86ca2e494564 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c86ca2e494564:hover, .c86ca2e494564:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c577ee8f0b889 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c577ee8f0b889 button {
  display: none;
}
.c577ee8f0b889 button svg {
  stroke: var(--icon-foreground);
}
.c577ee8f0b889:hover button {
  display: flex;
}

.c217c98ac36ec {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c217c98ac36ec .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c217c98ac36ec .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c666fc4447741 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c666fc4447741:hover div {
  color: var(--entry-foreground-color-hover);
}

.c9e4c8c9bd173 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c52cec661d548 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c52cec661d548:hover {
  background-color: var(--menu-background-color-hover);
}

.ca28841ce0d88 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ca28841ce0d88 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ca28841ce0d88 span svg {
  stroke: var(--icon-foreground);
}
.ca28841ce0d88:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ca28841ce0d88:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c7b2a1340778f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ce482c70de623 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.caa8a6f762397,
.cbe00a78b14dc {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c380da611bcd1 .caa8a6f762397,
.c380da611bcd1 .cbe00a78b14dc {
  transform: scale(1);
}

.cf0790f185298 .caa8a6f762397,
.cf0790f185298 .cbe00a78b14dc {
  transform: scale(0);
}

.c58fbf8e6c4f5 {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 1.5625rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c58fbf8e6c4f5.c66bdd8fef114 {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.c58fbf8e6c4f5 .c3ab479cf80ff {
  margin-right: 0.5rem;
}
.c58fbf8e6c4f5 .cd638dc9a6cf6 {
  flex-shrink: 0;
  height: 2rem;
}
.c58fbf8e6c4f5 .cd638dc9a6cf6 svg {
  height: 1rem;
  width: 1rem;
}
.c58fbf8e6c4f5 nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.c58fbf8e6c4f5 nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.c58fbf8e6c4f5 nav li a {
  display: flex;
  align-items: center;
  flex-basis: 8.75rem;
  border-bottom: calc(1px + 0.125rem) solid transparent;
  color: var(--color-foreground-secondary);
  height: 2.5rem;
  padding: 0.25rem 1.5rem;
  font-weight: 400;
}
.c58fbf8e6c4f5 nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.c58fbf8e6c4f5 .c207ce4734c55 {
  display: flex;
  align-items: center;
  margin-left: 1.5625rem;
}
.c58fbf8e6c4f5 .c207ce4734c55 h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 2rem;
  font-weight: 700;
  max-width: 44.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  white-space: nowrap;
  width: 100%;
}
.c58fbf8e6c4f5 .c207ce4734c55 .c601963994b2e.cfdc3621b7e77 {
  margin-top: 0.5rem;
}
.c58fbf8e6c4f5 .cdbea0a3fd8ae {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.c58fbf8e6c4f5 .cdbea0a3fd8ae svg {
  color: var(--color-foreground-secondary);
  stroke: none;
  fill: none;
  width: 1rem;
  height: 1rem;
}
.c58fbf8e6c4f5 .cdbea0a3fd8ae svg:hover {
  color: var(--color-accent-tertiary);
  stroke: none;
  fill: none;
}
.c58fbf8e6c4f5 .c20d952e14412 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.c58fbf8e6c4f5 .ca0647d0c52b0 {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.c58fbf8e6c4f5 .c1b428dbf2756 li a {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-foreground-third);
  border-color: transparent;
}
.c58fbf8e6c4f5 .c1b428dbf2756 li a:hover {
  color: var(--color-foreground-primary);
}
.c58fbf8e6c4f5 .c1b428dbf2756 li.c271e5607f3de a {
  color: var(--color-foreground-primary);
}

.c27f91bba57b9 {
  font-size: 0.875rem;
  font-weight: 400;
}

.cd638dc9a6cf6 {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.c09ef9ec5b303 {
  border-top: 0.0625rem solid var(--color-background-quaternary);
  display: flex;
  flex-direction: column;
  padding: 0 10.9375rem 1.25rem 10.9375rem;
  overflow-y: auto;
}
.c09ef9ec5b303 .c27f91bba57b9 {
  font-size: 0.875rem;
  height: 2rem;
  min-width: 6.25rem;
}

.cba0382e25cd2 {
  max-width: 62.5rem;
  width: 100%;
  display: flex;
  margin-top: var(--sp-xxl);
  flex-direction: column;
}
.cba0382e25cd2 h3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1rem;
  color: var(--color-foreground-secondary);
  margin: var(--sp-xs);
}
.cba0382e25cd2 .c5222c49f1e6a {
  color: var(--color-background-secondary);
}

.c0df459bfd391 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  align-items: center;
  color: var(--color-foreground-secondary);
  display: flex;
  height: 2.5rem;
  padding-left: var(--sp-xxl);
}
.c0df459bfd391 > .c7fb97cd09233 {
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-width: 12.5rem;
  width: 12.5rem;
}
.c0df459bfd391 > .c169e60d1dab7 {
  padding-left: var(--sp-m);
}

.cb02202551ca5 {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.cb02202551ca5 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  background-color: var(--color-background-tertiary);
  border-color: transparent;
  border-radius: 0.5rem;
  border: 0.0625rem solid transparent;
  color: var(--color-foreground-primary);
  height: 2rem;
  margin: 0;
  padding: 0 var(--sp-s);
  width: 9.5rem;
}
.cb02202551ca5 input:focus {
  outline: 0.0625rem solid var(--color-accent-primary);
}
.cb02202551ca5 input::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.cb02202551ca5 input::placeholder {
  color: var(--color-foreground-secondary);
}

.c5222c49f1e6a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  align-items: center;
  background-color: var(--color-background-fifty);
  border-radius: 0.25rem;
  color: var(--color-foreground-secondary);
  display: flex;
  justify-content: space-between;
  margin-top: var(--sp-xs);
  max-width: 62.5rem;
  padding: var(--sp-m) var(--sp-xxl);
  width: 100%;
}
.c5222c49f1e6a input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 0.0625rem solid transparent;
  margin: 0;
  padding: var(--sp-s);
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  color: var(--color-foreground-primary);
}
.c5222c49f1e6a input:focus {
  outline: 0.0625rem solid var(--color-accent-primary);
  overflow: visible;
  text-overflow: unset;
}
.c5222c49f1e6a > .c7fb97cd09233 {
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-width: 12.5rem;
  width: 12.5rem;
}
.c5222c49f1e6a > .c7fb97cd09233.c9e395925dd41 {
  overflow: visible;
}
.c5222c49f1e6a > .c48280f1755f7 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 12.5rem;
}
.c5222c49f1e6a > .c169e60d1dab7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  padding-left: var(--sp-l);
  gap: 0.375rem;
}
.c5222c49f1e6a > .c169e60d1dab7 .cd8639815b91e {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--sp-s) var(--sp-m);
  cursor: pointer;
  gap: var(--sp-xs);
}
.c5222c49f1e6a > .c169e60d1dab7 .cd8639815b91e .cdbea0a3fd8ae {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
  width: 1rem;
}
.c5222c49f1e6a > .c169e60d1dab7 .cd8639815b91e .cdbea0a3fd8ae svg {
  fill: none;
  width: 0.75rem;
  height: 0.75rem;
  transform: rotate(45deg);
}
.c5222c49f1e6a > .c169e60d1dab7 .cd8639815b91e:hover .cdbea0a3fd8ae svg {
  color: var(--color-foreground-secondary);
}
.c5222c49f1e6a > .c169e60d1dab7 .c116c5af3344b {
  cursor: default;
}
.c5222c49f1e6a .c27572328f919 {
  color: var(--color-foreground-primary);
}
.c5222c49f1e6a .c27572328f919 .cd8639815b91e {
  background-color: var(--color-background-quaternary);
  border-radius: 0.5rem;
}
.c5222c49f1e6a .c48280f1755f7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 12.5rem;
  padding-left: var(--sp-xxxl);
}
.c5222c49f1e6a .c5e43b7a0d89d {
  display: flex;
  justify-content: flex-end;
  min-width: 11.25rem;
}
.c5222c49f1e6a .c5e43b7a0d89d .cdbea0a3fd8ae {
  width: 1.5rem;
  cursor: pointer;
  display: flex;
  margin-left: var(--sp-m);
  justify-content: center;
  align-items: center;
}
.c5222c49f1e6a .c5e43b7a0d89d .cdbea0a3fd8ae:hover svg {
  color: var(--color-accent-primary);
}
.c5222c49f1e6a .c5e43b7a0d89d .cdbea0a3fd8ae svg {
  width: 1rem;
  height: 1rem;
  color: var(--color-foreground-secondary);
  fill: none;
}
.c5222c49f1e6a .c5e43b7a0d89d .cdbea0a3fd8ae.c0fbd40ef18f4 {
  margin-right: var(--sp-m);
}
.c5222c49f1e6a .c5e43b7a0d89d .cdbea0a3fd8ae.c0fbd40ef18f4 svg {
  color: var(--element-foreground-warning);
}
.c5222c49f1e6a .c5e43b7a0d89d .cdbea0a3fd8ae.c120e8f9d5ed4 {
  background: none;
  border: none;
}
.c5222c49f1e6a .c5e43b7a0d89d .cdbea0a3fd8ae.c120e8f9d5ed4 svg {
  color: var(--color-foreground-secondary);
}
.c5222c49f1e6a .c5e43b7a0d89d .cdbea0a3fd8ae.c120e8f9d5ed4:hover svg {
  color: var(--color-accent-primary);
}

.c8c853cc4dd9b {
  max-width: 62.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.c8c853cc4dd9b .c6f627b2a7e3c {
  width: 6.25rem;
}
.c8c853cc4dd9b .cd638dc9a6cf6 {
  margin-left: var(--sp-m);
  background-color: var(--color-background-tertiary);
}

.c5d64dbc6dcfe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  padding: var(--sp-xxxl) 0;
  margin-top: 5rem;
  display: flex;
  justify-content: space-between;
}
.c5d64dbc6dcfe .c27f91bba57b9 {
  height: 2.5rem;
  width: 100%;
}
.c5d64dbc6dcfe .cb156fd992e48 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xxl);
  color: var(--color-background-secondary);
  width: 44.5rem;
}
.c5d64dbc6dcfe .cb156fd992e48 h2 {
  color: var(--color-foreground-primary);
  font-weight: 500;
  font-size: 32px;
}
.c5d64dbc6dcfe .cb156fd992e48 p {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  font-size: 24px;
  color: var(--color-foreground-secondary);
}
.c5d64dbc6dcfe .c27f91bba57b9 {
  flex-shrink: 0;
}

.c92f7a2f4fbab {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  align-items: center;
  border-radius: 1.125rem;
  border: 0.1875rem solid var(--color-background-tertiary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-top: var(--sp-l);
  max-width: 48.75rem;
  color: var(--color-foreground-secondary);
  padding: 8px;
}

.c61901a8e8554 a {
  color: var(--color-accent-primary);
}

.c24f4a87fc082 {
  align-items: center;
  border-radius: 1.125rem;
  border: 0.1875rem solid var(--color-background-tertiary);
  display: flex;
  flex-direction: column;
  height: 10rem;
  justify-content: center;
  margin-top: var(--sp-l);
  max-width: 62.5rem;
  padding: 8px;
  width: 100%;
}
.c24f4a87fc082 .cdbea0a3fd8ae svg {
  color: var(--color-foreground-secondary);
  fill: none;
  width: 2rem;
  height: 2rem;
}
.c24f4a87fc082 .ce0f9f3e00e20 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--color-foreground-secondary);
}
@keyframes c0f01eb41eb0d {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c980cee0a9000 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c980cee0a9000:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c980cee0a9000 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c980cee0a9000 ::-webkit-scrollbar-track,
.c980cee0a9000 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c980cee0a9000 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c980cee0a9000 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c980cee0a9000 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c980cee0a9000 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c980cee0a9000 ::placeholder,
.c980cee0a9000 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ce8d3c9291236, .c561dbe886d95, .ce9f515208013 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ce8d3c9291236 svg, .c561dbe886d95 svg, .ce9f515208013 svg,
.ce8d3c9291236 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ce8d3c9291236:focus-visible, .c561dbe886d95:focus-visible, .ce9f515208013:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ce8d3c9291236:focus-visible svg, .c561dbe886d95:focus-visible svg, .ce9f515208013:focus-visible svg,
.ce8d3c9291236:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ce8d3c9291236:hover, .c561dbe886d95:hover, .ce9f515208013:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ce8d3c9291236:hover svg, .c561dbe886d95:hover svg, .ce9f515208013:hover svg,
.ce8d3c9291236:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ce8d3c9291236:active, .c561dbe886d95:active, .ce9f515208013:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ce8d3c9291236:active svg, .c561dbe886d95:active svg, .ce9f515208013:active svg,
.ce8d3c9291236:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ce8d3c9291236.disabled, .c561dbe886d95.disabled, .ce9f515208013.disabled, .ce8d3c9291236[disabled], [disabled].c561dbe886d95, [disabled].ce9f515208013, .ce8d3c9291236:disabled, .c561dbe886d95:disabled, .ce9f515208013:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c903f04543ac7, .c6463b71e7b15 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c903f04543ac7 svg, .c6463b71e7b15 svg,
.c903f04543ac7 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c903f04543ac7:focus-visible, .c6463b71e7b15:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c903f04543ac7:focus-visible svg, .c6463b71e7b15:focus-visible svg,
.c903f04543ac7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c903f04543ac7:hover, .c6463b71e7b15:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c903f04543ac7:hover svg, .c6463b71e7b15:hover svg,
.c903f04543ac7:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c903f04543ac7:active, .c6463b71e7b15:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c903f04543ac7:active svg, .c6463b71e7b15:active svg,
.c903f04543ac7:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c903f04543ac7.disabled, .c6463b71e7b15.disabled, .c903f04543ac7[disabled], [disabled].c6463b71e7b15, .c903f04543ac7:disabled, .c6463b71e7b15:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9cf158a38af7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c9cf158a38af7 svg,
.c9cf158a38af7 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c9cf158a38af7:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c9cf158a38af7:focus-visible svg,
.c9cf158a38af7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c9cf158a38af7:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c9cf158a38af7:hover svg,
.c9cf158a38af7:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c9cf158a38af7:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c9cf158a38af7:active svg,
.c9cf158a38af7:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c9cf158a38af7.disabled, .c9cf158a38af7[disabled], .c9cf158a38af7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0b845daf7229, .c85987ca01746 button, .ca1c501386755 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c0b845daf7229 svg, .c85987ca01746 button svg, .ca1c501386755 svg,
.c0b845daf7229 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c0b845daf7229:focus-visible, .c85987ca01746 button:focus-visible, .ca1c501386755:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c0b845daf7229:focus-visible svg, .c85987ca01746 button:focus-visible svg, .ca1c501386755:focus-visible svg,
.c0b845daf7229:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c0b845daf7229:hover, .c85987ca01746 button:hover, .ca1c501386755:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c0b845daf7229:hover svg, .c85987ca01746 button:hover svg, .ca1c501386755:hover svg,
.c0b845daf7229:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c0b845daf7229:active, .c85987ca01746 button:active, .ca1c501386755:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c0b845daf7229:active svg, .c85987ca01746 button:active svg, .ca1c501386755:active svg,
.c0b845daf7229:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c0b845daf7229.disabled, .c85987ca01746 button.disabled, .ca1c501386755.disabled, .c0b845daf7229[disabled], .c85987ca01746 button[disabled], [disabled].ca1c501386755, .c0b845daf7229:disabled, .c85987ca01746 button:disabled, .ca1c501386755:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c0b845daf7229.disabled svg, .c85987ca01746 button.disabled svg, .ca1c501386755.disabled svg,
.c0b845daf7229.disabled span svg, .c0b845daf7229[disabled] svg, .c85987ca01746 button[disabled] svg, [disabled].ca1c501386755 svg,
.c0b845daf7229[disabled] span svg, .c0b845daf7229:disabled svg, .c85987ca01746 button:disabled svg, .ca1c501386755:disabled svg,
.c0b845daf7229:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c1dff4a4422c0 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c1dff4a4422c0 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cb1782710d733 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cb1782710d733 svg,
.cb1782710d733 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cb1782710d733:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cb1782710d733:focus-visible svg,
.cb1782710d733:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cb1782710d733:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cb1782710d733:hover svg,
.cb1782710d733:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cb1782710d733:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cb1782710d733:active svg,
.cb1782710d733:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cdcf46f50b753 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c2f96f58ba046 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9f0a2c4562e1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c9f0a2c4562e1:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c9f0a2c4562e1:focus-visible svg,
.c9f0a2c4562e1:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c9f0a2c4562e1:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c9f0a2c4562e1:active {
  border: none;
  background-color: transparent;
}

.cca2571fec1f3, .ca1c501386755 svg, .c063b8ca6b5e0, .c18528075c0e9 span svg, .c85987ca01746 button svg, .c299296d069f8.intermediate svg, .cce5d211801d5 label span.intermediate svg, .c299296d069f8.checked svg, .cce5d211801d5 label span.checked svg, .c8dee4b88a39a span svg,
.c8dee4b88a39a label svg, .caafa65165b4d svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c1da8454e3fbe {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c1da8454e3fbe:hover {
  fill: none;
  stroke: none;
}

.c063b8ca6b5e0, .c18528075c0e9 span svg, .c85987ca01746 button svg, .c299296d069f8.intermediate svg, .cce5d211801d5 label span.intermediate svg, .c299296d069f8.checked svg, .cce5d211801d5 label span.checked svg, .c8dee4b88a39a span svg,
.c8dee4b88a39a label svg, .caafa65165b4d svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cd04ea55508a9 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cd04ea55508a9:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c97934d4ff6bd, .c15334637131b input, .c96a181f0b52e input, .c8dee4b88a39a input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c97934d4ff6bd, .c15334637131b input, .c96a181f0b52e input, .c8dee4b88a39a input {
    height: 23px;
  }
}
.c97934d4ff6bd, .c15334637131b input, .c96a181f0b52e input, .c8dee4b88a39a input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c97934d4ff6bd[disabled], .c15334637131b input[disabled], .c96a181f0b52e input[disabled], .c8dee4b88a39a input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.caafa65165b4d {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c07a91ec59ed5, .c8dee4b88a39a span,
.c8dee4b88a39a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c07a91ec59ed5, .c8dee4b88a39a span,
  .c8dee4b88a39a label {
    height: 25px;
  }
}
.c07a91ec59ed5, .c8dee4b88a39a span,
.c8dee4b88a39a label {
  color: var(--input-foreground-color);
}

.c8dee4b88a39a {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c8dee4b88a39a {
    height: 25px;
    font-size: 10px;
  }
}
.c8dee4b88a39a {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c8dee4b88a39a span svg,
.c8dee4b88a39a label svg {
  color: var(--input-foreground-color);
}
.c8dee4b88a39a ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c8dee4b88a39a ::placeholder {
  color: var(--input-placeholder-color);
}
.c8dee4b88a39a:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c8dee4b88a39a:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c8dee4b88a39a:hover span {
  color: var(--input-foreground-color-hover);
}
.c8dee4b88a39a:hover input {
  color: var(--input-foreground-color-hover);
}
.c8dee4b88a39a:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c8dee4b88a39a:active span {
  color: var(--input-foreground-color-active);
}
.c8dee4b88a39a:active input {
  color: var(--input-foreground-color-active);
}
.c8dee4b88a39a:focus, .c8dee4b88a39a:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c8dee4b88a39a:focus span, .c8dee4b88a39a:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c8dee4b88a39a:focus input, .c8dee4b88a39a:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c8dee4b88a39a:focus:hover, .c8dee4b88a39a:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c8dee4b88a39a:focus:hover span, .c8dee4b88a39a:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c8dee4b88a39a:focus:hover input, .c8dee4b88a39a:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c96a181f0b52e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c96a181f0b52e input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c96a181f0b52e ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c96a181f0b52e ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c96a181f0b52e:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c96a181f0b52e:focus-within input, .c96a181f0b52e:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ce617d443185e, .c15334637131b.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ce617d443185e input, .c15334637131b.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ce617d443185e span svg, .c15334637131b.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c299296d069f8, .cce5d211801d5 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c299296d069f8 svg, .cce5d211801d5 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c299296d069f8:hover, .cce5d211801d5 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c299296d069f8:focus, .cce5d211801d5 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c299296d069f8.checked, .cce5d211801d5 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c299296d069f8.checked svg, .cce5d211801d5 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c299296d069f8.intermediate, .cce5d211801d5 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c299296d069f8.intermediate svg, .cce5d211801d5 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c299296d069f8.unchecked, .cce5d211801d5 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c299296d069f8.unchecked svg, .cce5d211801d5 label span.unchecked svg {
  display: none;
}

.cce5d211801d5 {
  display: flex;
  align-items: center;
}
.cce5d211801d5 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cce5d211801d5 label input {
  margin: 0;
}
.cce5d211801d5 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cce5d211801d5 label:focus span, .cce5d211801d5 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c15334637131b {
  display: flex;
  flex-direction: column;
}
.c15334637131b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c15334637131b input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c15334637131b input:focus-within input, .c15334637131b input:active input {
  color: var(--input-foreground-color-active);
}
.c15334637131b input:focus-within, .c15334637131b input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c15334637131b.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cb13224d5ed11 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c7a759ae9146c {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c9c618d7ce2e5 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.ca1c501386755 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ce12d5c3bfc07 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cab026c20fdf2 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c6463b71e7b15 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce9f515208013 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c561dbe886d95 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cbf76723ec7a4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cbf76723ec7a4:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c6adc0ed68fe7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c362f10a4eeed {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c3cfeb548d7cd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c70bc9c5a8938 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c4105521d158f {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c4105521d158f:hover, .c4105521d158f:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c85987ca01746 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c85987ca01746 button {
  display: none;
}
.c85987ca01746 button svg {
  stroke: var(--icon-foreground);
}
.c85987ca01746:hover button {
  display: flex;
}

.cb5ceb218acf5 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cb5ceb218acf5 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cb5ceb218acf5 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cd792f706e929 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cd792f706e929:hover div {
  color: var(--entry-foreground-color-hover);
}

.cba3a698b26a3 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c141b2d42b7b9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c141b2d42b7b9:hover {
  background-color: var(--menu-background-color-hover);
}

.c18528075c0e9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c18528075c0e9 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c18528075c0e9 span svg {
  stroke: var(--icon-foreground);
}
.c18528075c0e9:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c18528075c0e9:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c3c72ca1315f0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c58a129392865 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c190c99e4193c,
.c4b71b9c66540 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cf700a51c6a63 .c190c99e4193c,
.cf700a51c6a63 .c4b71b9c66540 {
  transform: scale(1);
}

.c44efb1b2ded3 .c190c99e4193c,
.c44efb1b2ded3 .c4b71b9c66540 {
  transform: scale(0);
}

.c6f299415512f {
  font-size: 0.875rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 1rem 0 2.5rem;
}

.c1228d88598d7 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(0.75rem + var(--th-width, 22rem));
  width: 100%;
  gap: 1.5rem;
}

.c203c84cbe6a8 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin: 0.75rem 0;
  position: relative;
  text-align: center;
}
.c203c84cbe6a8 a,
.c203c84cbe6a8 button {
  width: 100%;
  font-weight: 400;
}
.c203c84cbe6a8 button {
  background-color: transparent;
  border: none;
  padding: 0 0.375rem;
}
.c203c84cbe6a8 .cf66ec07152d8 {
  border-radius: 8px;
  text-align: initial;
  width: var(--th-width, 22rem);
  height: var(--th-height, 14.375rem);
  background-size: cover;
  overflow: hidden;
}
.c203c84cbe6a8 .cf66ec07152d8 img {
  -o-object-fit: contain;
     object-fit: contain;
}
.c203c84cbe6a8.cd880a7f82d82 {
  border-radius: 4px;
  outline: 4px solid var(--color-accent-primary);
  text-align: initial;
  width: calc(var(--th-width) + 0.75rem);
  height: var(--th-height, 14.375rem);
}
.c203c84cbe6a8.c7742e872fbee {
  border-radius: 4px;
  border: 0.125rem solid var(--color-accent-tertiary);
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.c203c84cbe6a8:hover .c7742e872fbee {
  display: block;
  opacity: 1;
}
.c203c84cbe6a8 .cc1d4c69d2036 {
  display: grid;
  grid-template-columns: 1fr auto;
  cursor: pointer;
  max-width: var(--th-width, 22rem);
}
.c203c84cbe6a8 .cb63450ad854e {
  display: grid;
  padding: 0.5rem;
  text-align: left;
  width: 100%;
  font-size: 0.75rem;
}
.c203c84cbe6a8 .cb63450ad854e h3 {
  border: 1px solid transparent;
  color: var(--color-foreground-primary);
  font-size: 1rem;
  font-weight: 400;
  height: 1.75rem;
  line-height: 1.92;
  max-width: 16.25rem;
  overflow: hidden;
  padding-right: 0.5rem;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
@media (max-width: 1366px) {
  .c203c84cbe6a8 .cb63450ad854e h3 {
    max-width: 14.5rem;
  }
}
.c203c84cbe6a8 .cb63450ad854e .c7783842cbcc7 {
  color: var(--color-foreground-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  max-width: 16.25rem;
}
.c203c84cbe6a8 .cb63450ad854e .c7783842cbcc7::first-letter {
  text-transform: capitalize;
}
@media (max-width: 1366px) {
  .c203c84cbe6a8 .cb63450ad854e .c7783842cbcc7 {
    max-width: 14.5rem;
  }
}
.c203c84cbe6a8 .c70e20c20aa18 {
  background-color: var(--color-accent-primary);
  border: none;
  border-radius: 6px;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c203c84cbe6a8 .c70e20c20aa18 svg {
  color: var(--color-background-secondary);
  fill: none;
  height: 1rem;
  width: 1rem;
}
.c203c84cbe6a8.cf1eacfc6a77d {
  border: 1px dashed var(--color-foreground-secondary);
  justify-content: center;
  box-shadow: none;
}
.c203c84cbe6a8.cf1eacfc6a77d span {
  color: var(--color-background-primary);
  font-size: 0.875rem;
}
.c203c84cbe6a8.cf1eacfc6a77d:hover {
  background-color: var(--color-foreground-primary);
  border: 0.125rem solid var(--color-accent-tertiary);
}

.c9dde12def82a {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
  background-color: var(--color-accent-tertiary);
  border-radius: 50%;
  color: var(--color-background-secondary);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ccdac4c834344 {
  background-color: transparent;
  border-radius: 8px;
  padding-top: 0.375rem;
}
.ccdac4c834344:hover, .ccdac4c834344:focus, .ccdac4c834344:focus-within {
  background-color: var(--color-background-quaternary);
}
.ccdac4c834344:hover .cd58682298a83, .ccdac4c834344:focus .cd58682298a83, .ccdac4c834344:focus-within .cd58682298a83 {
  opacity: 1;
}
.ccdac4c834344:hover a, .ccdac4c834344:focus a, .ccdac4c834344:focus-within a {
  text-decoration: none;
}
.ccdac4c834344 .c29e5f3827c85 .cf66ec07152d8 {
  outline: 0.25rem solid var(--color-accent-tertiary);
}

.cd58682298a83 {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 0;
  right: 0.375rem;
  width: 2rem;
}
.cd58682298a83 span {
  color: var(--color-background-secondary);
}

.c9f26afd3705a {
  align-items: center;
  display: flex;
  margin-right: 0.5rem;
  margin-top: 0;
}

.c75b6ddc8cf54 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  height: 2rem;
  justify-content: center;
  margin-right: 0;
  margin-top: 1.25rem;
  width: 100%;
  --menu-icon-color: var(--button-secondary-foreground-color-rest);
}
.c75b6ddc8cf54:hover, .c75b6ddc8cf54:focus {
  --menu-icon-color: var(--button-secondary-foreground-color-hover);
}

.c1e3dc9305911 {
  stroke: none;
  color: var(--menu-icon-color);
  fill: none;
  margin-right: 0;
  height: 1rem;
  width: 1rem;
}

.cd58682298a83.cccbc76dc2dda {
  opacity: 1;
}

.cf66ec07152d8 {
  border-radius: 4px;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.cf66ec07152d8 .c786ec541f143 {
  height: auto;
  width: 100%;
}

.c76a31e2eb979 {
  height: 36.25rem;
}

.c203c84cbe6a8.ccdac4c834344.c76a31e2eb979 {
  height: 38.25rem;
}

.cf66ec07152d8.c76a31e2eb979 {
  background-color: var(--color-background-fifty);
  flex-direction: column;
  height: 90%;
  justify-content: flex-start;
  max-height: 36.25rem;
  padding: 2rem;
}
.cf66ec07152d8.c76a31e2eb979 .ce3ac107f4b92 {
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
}
.cf66ec07152d8.c76a31e2eb979 .ce3ac107f4b92:not(:first-child) {
  margin-top: 1rem;
}
.cf66ec07152d8.c76a31e2eb979 .c51fc0ec4e78e {
  display: flex;
  font-size: 0.875rem;
}
.cf66ec07152d8.c76a31e2eb979 .c51fc0ec4e78e .cafa94682d111 {
  color: var(--color-foreground-secondary);
}
.cf66ec07152d8.c76a31e2eb979 .ced43ea30b894 {
  align-items: center;
  border-radius: 4px;
  border: 1px solid transparent;
  color: var(--color-foreground-primary);
  display: flex;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  padding: 0.125rem;
  position: relative;
}
.cf66ec07152d8.c76a31e2eb979 .ced43ea30b894 .c74f907b588b4 {
  color: var(--color-foreground-secondary);
  width: calc(100% - 1.5rem - 0.5rem);
}
.cf66ec07152d8.c76a31e2eb979 .ced43ea30b894 .c63bfd8ace52a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf66ec07152d8.c76a31e2eb979 .ced43ea30b894 svg {
  background-color: var(--color-canvas);
  border-radius: 4px;
  border: 0.125rem solid transparent;
  height: 1.5rem;
  margin-right: 0.5rem;
  width: 1.5rem;
}
.cf66ec07152d8.c76a31e2eb979 .ced43ea30b894 .c75557173999a {
  color: var(--color-foreground-primary);
}
.cf66ec07152d8.c76a31e2eb979 .ced43ea30b894 .cc7145b7aef8a {
  color: var(--color-foreground-secondary);
  margin-left: 0.25rem;
  text-transform: uppercase;
}
.cf66ec07152d8.c76a31e2eb979 .ced43ea30b894 .ca9c91543d12f {
  height: 1.25rem;
  margin-right: 0.25rem;
  width: 1.25rem;
}

.c6a1b3c0df978 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
}

.ceaf14e8c762e {
  --icon-width: calc(var(--th-width, 22rem) * 0.25);
}

.c922f6be31279 {
  opacity: 0.5;
}
@keyframes c29d2ffdebd59 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c4ec041a6ee1b {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c4ec041a6ee1b:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c4ec041a6ee1b ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c4ec041a6ee1b ::-webkit-scrollbar-track,
.c4ec041a6ee1b ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c4ec041a6ee1b ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c4ec041a6ee1b ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c4ec041a6ee1b ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c4ec041a6ee1b ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c4ec041a6ee1b ::placeholder,
.c4ec041a6ee1b ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c7012f870d76c, .cbc6985f948a3, .cb080df86ca93.cb673710010f8, .c706fbf504a74, .cb080df86ca93 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c7012f870d76c svg, .cbc6985f948a3 svg, .cb080df86ca93.cb673710010f8 svg, .c706fbf504a74 svg, .cb080df86ca93 svg,
.c7012f870d76c span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c7012f870d76c:focus-visible, .cbc6985f948a3:focus-visible, .c706fbf504a74:focus-visible, .cb080df86ca93:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c7012f870d76c:focus-visible svg, .cbc6985f948a3:focus-visible svg, .c706fbf504a74:focus-visible svg, .cb080df86ca93:focus-visible svg,
.c7012f870d76c:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c7012f870d76c:hover, .cbc6985f948a3:hover, .c706fbf504a74:hover, .cb080df86ca93:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c7012f870d76c:hover svg, .cbc6985f948a3:hover svg, .c706fbf504a74:hover svg, .cb080df86ca93:hover svg,
.c7012f870d76c:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c7012f870d76c:active, .cbc6985f948a3:active, .c706fbf504a74:active, .cb080df86ca93:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c7012f870d76c:active svg, .cbc6985f948a3:active svg, .c706fbf504a74:active svg, .cb080df86ca93:active svg,
.c7012f870d76c:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c7012f870d76c.disabled, .cbc6985f948a3.disabled, .c706fbf504a74.disabled, .cb080df86ca93.disabled, .c7012f870d76c[disabled], [disabled].cbc6985f948a3, [disabled].c706fbf504a74, [disabled].cb080df86ca93, .c7012f870d76c:disabled, .cbc6985f948a3:disabled, .c706fbf504a74:disabled, .cb080df86ca93:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c56f9bd367e68, .c9a61c83c0ada, .c213a32c1e63a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c56f9bd367e68 svg, .c9a61c83c0ada svg, .c213a32c1e63a svg,
.c56f9bd367e68 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c56f9bd367e68:focus-visible, .c9a61c83c0ada:focus-visible, .c213a32c1e63a:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c56f9bd367e68:focus-visible svg, .c9a61c83c0ada:focus-visible svg, .c213a32c1e63a:focus-visible svg,
.c56f9bd367e68:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c56f9bd367e68:hover, .c9a61c83c0ada:hover, .c213a32c1e63a:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c56f9bd367e68:hover svg, .c9a61c83c0ada:hover svg, .c213a32c1e63a:hover svg,
.c56f9bd367e68:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c56f9bd367e68:active, .c9a61c83c0ada:active, .c213a32c1e63a:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c56f9bd367e68:active svg, .c9a61c83c0ada:active svg, .c213a32c1e63a:active svg,
.c56f9bd367e68:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c56f9bd367e68.disabled, .c9a61c83c0ada.disabled, .c213a32c1e63a.disabled, .c56f9bd367e68[disabled], [disabled].c9a61c83c0ada, [disabled].c213a32c1e63a, .c56f9bd367e68:disabled, .c9a61c83c0ada:disabled, .c213a32c1e63a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce689a79a1d82 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ce689a79a1d82 svg,
.ce689a79a1d82 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ce689a79a1d82:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ce689a79a1d82:focus-visible svg,
.ce689a79a1d82:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ce689a79a1d82:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ce689a79a1d82:hover svg,
.ce689a79a1d82:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ce689a79a1d82:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ce689a79a1d82:active svg,
.ce689a79a1d82:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ce689a79a1d82.disabled, .ce689a79a1d82[disabled], .ce689a79a1d82:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce262df91781d, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button, .caa6e7be1d56e button, .cd764c83519f9, .c37394eacf6aa {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ce262df91781d svg, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button svg, .caa6e7be1d56e button svg, .cd764c83519f9 svg, .c37394eacf6aa svg,
.ce262df91781d span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ce262df91781d:focus-visible, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button:focus-visible, .caa6e7be1d56e button:focus-visible, .cd764c83519f9:focus-visible, .c37394eacf6aa:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ce262df91781d:focus-visible svg, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button:focus-visible svg, .caa6e7be1d56e button:focus-visible svg, .cd764c83519f9:focus-visible svg, .c37394eacf6aa:focus-visible svg,
.ce262df91781d:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ce262df91781d:hover, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button:hover, .caa6e7be1d56e button:hover, .cd764c83519f9:hover, .c37394eacf6aa:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ce262df91781d:hover svg, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button:hover svg, .caa6e7be1d56e button:hover svg, .cd764c83519f9:hover svg, .c37394eacf6aa:hover svg,
.ce262df91781d:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ce262df91781d:active, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button:active, .caa6e7be1d56e button:active, .cd764c83519f9:active, .c37394eacf6aa:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ce262df91781d:active svg, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button:active svg, .caa6e7be1d56e button:active svg, .cd764c83519f9:active svg, .c37394eacf6aa:active svg,
.ce262df91781d:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ce262df91781d.disabled, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button.disabled, .caa6e7be1d56e button.disabled, .cd764c83519f9.disabled, .c37394eacf6aa.disabled, .ce262df91781d[disabled], .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button[disabled], .caa6e7be1d56e button[disabled], [disabled].cd764c83519f9, [disabled].c37394eacf6aa, .ce262df91781d:disabled, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button:disabled, .caa6e7be1d56e button:disabled, .cd764c83519f9:disabled, .c37394eacf6aa:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ce262df91781d.disabled svg, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button.disabled svg, .caa6e7be1d56e button.disabled svg, .cd764c83519f9.disabled svg, .c37394eacf6aa.disabled svg,
.ce262df91781d.disabled span svg, .ce262df91781d[disabled] svg, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button[disabled] svg, .caa6e7be1d56e button[disabled] svg, [disabled].cd764c83519f9 svg, [disabled].c37394eacf6aa svg,
.ce262df91781d[disabled] span svg, .ce262df91781d:disabled svg, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button:disabled svg, .caa6e7be1d56e button:disabled svg, .cd764c83519f9:disabled svg, .c37394eacf6aa:disabled svg,
.ce262df91781d:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ceeac7433fdb0 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ceeac7433fdb0 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ceec0c7ea90b3 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ceec0c7ea90b3 svg,
.ceec0c7ea90b3 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ceec0c7ea90b3:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ceec0c7ea90b3:focus-visible svg,
.ceec0c7ea90b3:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ceec0c7ea90b3:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ceec0c7ea90b3:hover svg,
.ceec0c7ea90b3:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ceec0c7ea90b3:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ceec0c7ea90b3:active svg,
.ceec0c7ea90b3:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c7b04d05dd018 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c5cb112ef21c6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfad3ae67a974 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cfad3ae67a974:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cfad3ae67a974:focus-visible svg,
.cfad3ae67a974:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cfad3ae67a974:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cfad3ae67a974:active {
  border: none;
  background-color: transparent;
}

.c7e8a39fbe30c, .c089e20e03ca6 .c5b0829a07b9e .c9f503b3f980c svg, .c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button svg, .c089e20e03ca6 .c2e9702a2d644 .c661bbe4c79ef svg, .cd764c83519f9 svg, .c37394eacf6aa svg, .c54f3c22cd39d, .c089e20e03ca6 .c5b0829a07b9e .cfbdfb6b1c563 .c3e7f438ab3e0 svg, .ce358c05cf370 span svg, .caa6e7be1d56e button svg, .c82b78eab545f.intermediate svg, .c9a8c54faad99 label span.intermediate svg, .c82b78eab545f.checked svg, .c9a8c54faad99 label span.checked svg, .cd94f972df82b span svg, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 span svg,
.cd94f972df82b label svg,
.c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 label svg, .c1f0230613e65 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ce227597703ca {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ce227597703ca:hover {
  fill: none;
  stroke: none;
}

.c54f3c22cd39d, .c089e20e03ca6 .c5b0829a07b9e .cfbdfb6b1c563 .c3e7f438ab3e0 svg, .ce358c05cf370 span svg, .caa6e7be1d56e button svg, .c82b78eab545f.intermediate svg, .c9a8c54faad99 label span.intermediate svg, .c82b78eab545f.checked svg, .c9a8c54faad99 label span.checked svg, .cd94f972df82b span svg, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 span svg,
.cd94f972df82b label svg,
.c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 label svg, .c1f0230613e65 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c257dd5d29b2f {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c257dd5d29b2f:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c58cd8d84e567, .c48acc183e9b8 input, .c4752ed86320f input, .cd94f972df82b input, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c58cd8d84e567, .c48acc183e9b8 input, .c4752ed86320f input, .cd94f972df82b input, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 input {
    height: 23px;
  }
}
.c58cd8d84e567, .c48acc183e9b8 input, .c4752ed86320f input, .cd94f972df82b input, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c58cd8d84e567[disabled], .c48acc183e9b8 input[disabled], .c4752ed86320f input[disabled], .cd94f972df82b input[disabled], .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c1f0230613e65 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cfa80b3df2a45, .cd94f972df82b span, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 span,
.cd94f972df82b label,
.c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cfa80b3df2a45, .cd94f972df82b span, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 span,
  .cd94f972df82b label,
  .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 label {
    height: 25px;
  }
}
.cfa80b3df2a45, .cd94f972df82b span, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 span,
.cd94f972df82b label,
.c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 label {
  color: var(--input-foreground-color);
}

.cd94f972df82b, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd94f972df82b, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 {
    height: 25px;
    font-size: 10px;
  }
}
.cd94f972df82b, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cd94f972df82b span svg, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 span svg,
.cd94f972df82b label svg,
.c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 label svg {
  color: var(--input-foreground-color);
}
.cd94f972df82b ::-moz-placeholder, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cd94f972df82b ::placeholder, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 ::placeholder {
  color: var(--input-placeholder-color);
}
.cd94f972df82b:focus-within, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd94f972df82b:hover, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cd94f972df82b:hover span, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:hover span {
  color: var(--input-foreground-color-hover);
}
.cd94f972df82b:hover input, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:hover input {
  color: var(--input-foreground-color-hover);
}
.cd94f972df82b:active, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cd94f972df82b:active span, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:active span {
  color: var(--input-foreground-color-active);
}
.cd94f972df82b:active input, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:active input {
  color: var(--input-foreground-color-active);
}
.cd94f972df82b:focus, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:focus, .cd94f972df82b:focus-within, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd94f972df82b:focus span, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:focus span, .cd94f972df82b:focus-within span, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cd94f972df82b:focus input, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:focus input, .cd94f972df82b:focus-within input, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cd94f972df82b:focus:hover, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:focus:hover, .cd94f972df82b:focus-within:hover, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd94f972df82b:focus:hover span, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:focus:hover span, .cd94f972df82b:focus-within:hover span, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cd94f972df82b:focus:hover input, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:focus:hover input, .cd94f972df82b:focus-within:hover input, .c089e20e03ca6 .c5b0829a07b9e .c73184981ce29:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c4752ed86320f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c4752ed86320f input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c4752ed86320f ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4752ed86320f ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c4752ed86320f:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c4752ed86320f:focus-within input, .c4752ed86320f:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c3d87eb4d3893, .c48acc183e9b8.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c3d87eb4d3893 input, .c48acc183e9b8.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c3d87eb4d3893 span svg, .c48acc183e9b8.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c82b78eab545f, .c9a8c54faad99 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c82b78eab545f svg, .c9a8c54faad99 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c82b78eab545f:hover, .c9a8c54faad99 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c82b78eab545f:focus, .c9a8c54faad99 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c82b78eab545f.checked, .c9a8c54faad99 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c82b78eab545f.checked svg, .c9a8c54faad99 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c82b78eab545f.intermediate, .c9a8c54faad99 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c82b78eab545f.intermediate svg, .c9a8c54faad99 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c82b78eab545f.unchecked, .c9a8c54faad99 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c82b78eab545f.unchecked svg, .c9a8c54faad99 label span.unchecked svg {
  display: none;
}

.c9a8c54faad99 {
  display: flex;
  align-items: center;
}
.c9a8c54faad99 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c9a8c54faad99 label input {
  margin: 0;
}
.c9a8c54faad99 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c9a8c54faad99 label:focus span, .c9a8c54faad99 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c48acc183e9b8 {
  display: flex;
  flex-direction: column;
}
.c48acc183e9b8 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c48acc183e9b8 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c48acc183e9b8 input:focus-within input, .c48acc183e9b8 input:active input {
  color: var(--input-foreground-color-active);
}
.c48acc183e9b8 input:focus-within, .c48acc183e9b8 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c48acc183e9b8.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf5e8275e83b5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c286ed6b7cfa1, .c7a415facf485 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c86c59abf2f47, .c150e82111502 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cd764c83519f9, .c37394eacf6aa {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cfdd30c2b5125 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c595c540b2f97, .c7e8ff3d8b650 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c9a61c83c0ada, .c213a32c1e63a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c706fbf504a74, .cb080df86ca93 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cbc6985f948a3, .cb080df86ca93.cb673710010f8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c41ca4777eeef {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c41ca4777eeef:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c9576055c3e93 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c67e1951e9e1b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c642ebb323a59 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c54d4c705f6f0 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c8e4322bcb0f7 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c8e4322bcb0f7:hover, .c8e4322bcb0f7:active {
  border-color: var(--colorpicker-details-color-selected);
}

.caa6e7be1d56e div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.caa6e7be1d56e button {
  display: none;
}
.caa6e7be1d56e button svg {
  stroke: var(--icon-foreground);
}
.caa6e7be1d56e:hover button {
  display: flex;
}

.c0413362d0070 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c0413362d0070 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c0413362d0070 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c1fd4fb299cf3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c1fd4fb299cf3:hover div {
  color: var(--entry-foreground-color-hover);
}

.c0e1494012021 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cdb6950613611 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cdb6950613611:hover {
  background-color: var(--menu-background-color-hover);
}

.ce358c05cf370 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.ce358c05cf370 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ce358c05cf370 span svg {
  stroke: var(--icon-foreground);
}
.ce358c05cf370:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.ce358c05cf370:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c08fdedf7d567 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c9b1fb720fd25 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c7c41552f1bb2,
.ca14043ae3cc4 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cf8ea7aba0e46 .c7c41552f1bb2,
.cf8ea7aba0e46 .ca14043ae3cc4 {
  transform: scale(1);
}

.c955d8b8c67ba .c7c41552f1bb2,
.c955d8b8c67ba .ca14043ae3cc4 {
  transform: scale(0);
}

.c150e82111502 {
  display: flex;
  flex-direction: column;
}

.c23480579431d {
  margin-bottom: 1.5rem;
}

.c20e6b036bb6a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.cca67b2426b88 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
  min-height: 40px;
}

.c46f597f51097,
.c02f69d5cf8ca,
.c5c27587ce5ac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-text-foreground-color);
  line-height: 1.5;
}

.c089e20e03ca6 {
  display: flex;
}
.c089e20e03ca6 .c5b0829a07b9e {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}
.c089e20e03ca6 .c5b0829a07b9e .c9f503b3f980c {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1rem;
}
.c089e20e03ca6 .c5b0829a07b9e .c9f503b3f980c svg {
  stroke: none;
}
.c089e20e03ca6 .c5b0829a07b9e .c9f503b3f980c.c0799617c92ef svg {
  fill: var(--icon-foreground);
}
.c089e20e03ca6 .c5b0829a07b9e .c73184981ce29 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  flex-grow: 1;
}
.c089e20e03ca6 .c5b0829a07b9e .cfbdfb6b1c563 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-grow: 1;
}
.c089e20e03ca6 .c5b0829a07b9e .cfbdfb6b1c563 .c3e7f438ab3e0 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
}
.c089e20e03ca6 .c5b0829a07b9e .cfbdfb6b1c563 .c3e7f438ab3e0 svg {
  stroke: none;
}
.c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}
.c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button {
  width: 1.75rem;
  height: 2rem;
}
.c089e20e03ca6 .c5b0829a07b9e .ca4572bc7d1ef button svg {
  stroke: none;
}
.c089e20e03ca6 .cb5f340c93331,
.c089e20e03ca6 .c5b1226a00037 {
  display: flex;
  align-items: center;
  height: 2rem;
  color: var(--modal-text-foreground-color);
}
.c089e20e03ca6 .c2e9702a2d644 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--modal-text-foreground-color);
}
.c089e20e03ca6 .c2e9702a2d644 .c661bbe4c79ef {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
}
.c089e20e03ca6 .c2e9702a2d644 .c661bbe4c79ef svg {
  stroke: none;
}
.c089e20e03ca6 .c2e9702a2d644 .c661bbe4c79ef.c69542ecac600 svg {
  stroke: var(--element-foreground-error);
}
.c089e20e03ca6.ccb05440ef5ca .c5b0829a07b9e {
  color: var(--modal-text-foreground-color);
}
.c089e20e03ca6.c4e5aba459e88 .c5b0829a07b9e {
  color: var(--element-foreground-warning);
}
.c089e20e03ca6.c4e5aba459e88 .c5b0829a07b9e .c9f503b3f980c svg {
  stroke: var(--element-foreground-warning);
}
.c089e20e03ca6.c4e5aba459e88 .c5b0829a07b9e .c9f503b3f980c.c0799617c92ef svg {
  fill: var(--element-foreground-warning);
}
.c089e20e03ca6.c7f6402acbceb .c5b0829a07b9e {
  color: var(--modal-text-foreground-color);
}
.c089e20e03ca6.c7f6402acbceb .c5b0829a07b9e .c9f503b3f980c svg {
  stroke: var(--modal-text-foreground-color);
}
.c089e20e03ca6.c7f6402acbceb .c5b0829a07b9e .c9f503b3f980c.c0799617c92ef svg {
  fill: var(--modal-text-foreground-color);
}
.c089e20e03ca6.c69542ecac600 .c5b0829a07b9e {
  color: var(--modal-text-foreground-color);
}
.c089e20e03ca6.c69542ecac600 .c5b0829a07b9e .c9f503b3f980c svg {
  stroke: var(--modal-text-foreground-color);
}
.c089e20e03ca6.c69542ecac600 .c5b0829a07b9e .c9f503b3f980c.c0799617c92ef svg {
  fill: var(--modal-text-foreground-color);
}
.c089e20e03ca6.c36ff9c704a04 .c5b0829a07b9e {
  color: var(--modal-text-foreground-color);
}
.c089e20e03ca6.c36ff9c704a04 .c5b0829a07b9e .c9f503b3f980c svg {
  stroke: var(--modal-text-foreground-color);
}
.c089e20e03ca6.c36ff9c704a04 .c5b0829a07b9e .c9f503b3f980c.c0799617c92ef svg {
  fill: var(--modal-text-foreground-color);
}

.cf2bea60d5c1f {
  --context-notification-bg-color: var(--modal-background-color);
}

.c41d59b521dc2 {
  color: var(--color-foreground-secondary);
}

.c67a6e8362fb2 {
  padding: 0 var(--sp-l);
  list-style: disc;
}

.ccb5bc9aa8763 {
  padding: var(--sp-xs) 0;
}
@keyframes cceaf59081354 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cb0a19f87d318 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cb0a19f87d318:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cb0a19f87d318 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cb0a19f87d318 ::-webkit-scrollbar-track,
.cb0a19f87d318 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cb0a19f87d318 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cb0a19f87d318 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cb0a19f87d318 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb0a19f87d318 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cb0a19f87d318 ::placeholder,
.cb0a19f87d318 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c8a1148c4709e, .caaf7cbd80cc7, .c8cfca0424bae {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c8a1148c4709e svg, .caaf7cbd80cc7 svg, .c8cfca0424bae svg,
.c8a1148c4709e span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c8a1148c4709e:focus-visible, .caaf7cbd80cc7:focus-visible, .c8cfca0424bae:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c8a1148c4709e:focus-visible svg, .caaf7cbd80cc7:focus-visible svg, .c8cfca0424bae:focus-visible svg,
.c8a1148c4709e:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c8a1148c4709e:hover, .caaf7cbd80cc7:hover, .c8cfca0424bae:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c8a1148c4709e:hover svg, .caaf7cbd80cc7:hover svg, .c8cfca0424bae:hover svg,
.c8a1148c4709e:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c8a1148c4709e:active, .caaf7cbd80cc7:active, .c8cfca0424bae:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c8a1148c4709e:active svg, .caaf7cbd80cc7:active svg, .c8cfca0424bae:active svg,
.c8a1148c4709e:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c8a1148c4709e.disabled, .caaf7cbd80cc7.disabled, .c8cfca0424bae.disabled, .c8a1148c4709e[disabled], [disabled].caaf7cbd80cc7, [disabled].c8cfca0424bae, .c8a1148c4709e:disabled, .caaf7cbd80cc7:disabled, .c8cfca0424bae:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c0bb8d6acad5d, .c2444f45ca1f1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c0bb8d6acad5d svg, .c2444f45ca1f1 svg,
.c0bb8d6acad5d span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c0bb8d6acad5d:focus-visible, .c2444f45ca1f1:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c0bb8d6acad5d:focus-visible svg, .c2444f45ca1f1:focus-visible svg,
.c0bb8d6acad5d:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c0bb8d6acad5d:hover, .c2444f45ca1f1:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c0bb8d6acad5d:hover svg, .c2444f45ca1f1:hover svg,
.c0bb8d6acad5d:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c0bb8d6acad5d:active, .c2444f45ca1f1:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c0bb8d6acad5d:active svg, .c2444f45ca1f1:active svg,
.c0bb8d6acad5d:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c0bb8d6acad5d.disabled, .c2444f45ca1f1.disabled, .c0bb8d6acad5d[disabled], [disabled].c2444f45ca1f1, .c0bb8d6acad5d:disabled, .c2444f45ca1f1:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cceca52954333 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cceca52954333 svg,
.cceca52954333 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cceca52954333:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cceca52954333:focus-visible svg,
.cceca52954333:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cceca52954333:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cceca52954333:hover svg,
.cceca52954333:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cceca52954333:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cceca52954333:active svg,
.cceca52954333:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cceca52954333.disabled, .cceca52954333[disabled], .cceca52954333:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c72a7f8596b44, .c14f2734a6c2b button, .c07ee63f1931c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c72a7f8596b44 svg, .c14f2734a6c2b button svg, .c07ee63f1931c svg,
.c72a7f8596b44 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c72a7f8596b44:focus-visible, .c14f2734a6c2b button:focus-visible, .c07ee63f1931c:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c72a7f8596b44:focus-visible svg, .c14f2734a6c2b button:focus-visible svg, .c07ee63f1931c:focus-visible svg,
.c72a7f8596b44:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c72a7f8596b44:hover, .c14f2734a6c2b button:hover, .c07ee63f1931c:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c72a7f8596b44:hover svg, .c14f2734a6c2b button:hover svg, .c07ee63f1931c:hover svg,
.c72a7f8596b44:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c72a7f8596b44:active, .c14f2734a6c2b button:active, .c07ee63f1931c:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c72a7f8596b44:active svg, .c14f2734a6c2b button:active svg, .c07ee63f1931c:active svg,
.c72a7f8596b44:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c72a7f8596b44.disabled, .c14f2734a6c2b button.disabled, .c07ee63f1931c.disabled, .c72a7f8596b44[disabled], .c14f2734a6c2b button[disabled], [disabled].c07ee63f1931c, .c72a7f8596b44:disabled, .c14f2734a6c2b button:disabled, .c07ee63f1931c:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c72a7f8596b44.disabled svg, .c14f2734a6c2b button.disabled svg, .c07ee63f1931c.disabled svg,
.c72a7f8596b44.disabled span svg, .c72a7f8596b44[disabled] svg, .c14f2734a6c2b button[disabled] svg, [disabled].c07ee63f1931c svg,
.c72a7f8596b44[disabled] span svg, .c72a7f8596b44:disabled svg, .c14f2734a6c2b button:disabled svg, .c07ee63f1931c:disabled svg,
.c72a7f8596b44:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c460a2a53269a {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c460a2a53269a svg {
  color: var(--button-icon-foreground-color-selected);
}

.c820d54f078c5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c820d54f078c5 svg,
.c820d54f078c5 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c820d54f078c5:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c820d54f078c5:focus-visible svg,
.c820d54f078c5:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c820d54f078c5:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c820d54f078c5:hover svg,
.c820d54f078c5:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c820d54f078c5:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c820d54f078c5:active svg,
.c820d54f078c5:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cb9a3dae83762 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cb4427015b5d5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd72920464a2b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cd72920464a2b:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cd72920464a2b:focus-visible svg,
.cd72920464a2b:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cd72920464a2b:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cd72920464a2b:active {
  border: none;
  background-color: transparent;
}

.cc929bdc1f750, .c07ee63f1931c svg, .c5631edda6685, .c35825e99a3c0 span svg, .c14f2734a6c2b button svg, .c5520a40083ef.intermediate svg, .c573c5d18b658 label span.intermediate svg, .c5520a40083ef.checked svg, .c573c5d18b658 label span.checked svg, .c110f129fc181 span svg,
.c110f129fc181 label svg, .cb8d2555b7515 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c6ae070040a44 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c6ae070040a44:hover {
  fill: none;
  stroke: none;
}

.c5631edda6685, .c35825e99a3c0 span svg, .c14f2734a6c2b button svg, .c5520a40083ef.intermediate svg, .c573c5d18b658 label span.intermediate svg, .c5520a40083ef.checked svg, .c573c5d18b658 label span.checked svg, .c110f129fc181 span svg,
.c110f129fc181 label svg, .cb8d2555b7515 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ceed17d21c5d4 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ceed17d21c5d4:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ced2ec69cba2d, .c692626ab2420 input, .c45caf3166aee input, .c110f129fc181 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ced2ec69cba2d, .c692626ab2420 input, .c45caf3166aee input, .c110f129fc181 input {
    height: 23px;
  }
}
.ced2ec69cba2d, .c692626ab2420 input, .c45caf3166aee input, .c110f129fc181 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ced2ec69cba2d[disabled], .c692626ab2420 input[disabled], .c45caf3166aee input[disabled], .c110f129fc181 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cb8d2555b7515 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c4069677cb3b1, .c110f129fc181 span,
.c110f129fc181 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c4069677cb3b1, .c110f129fc181 span,
  .c110f129fc181 label {
    height: 25px;
  }
}
.c4069677cb3b1, .c110f129fc181 span,
.c110f129fc181 label {
  color: var(--input-foreground-color);
}

.c110f129fc181 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c110f129fc181 {
    height: 25px;
    font-size: 10px;
  }
}
.c110f129fc181 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c110f129fc181 span svg,
.c110f129fc181 label svg {
  color: var(--input-foreground-color);
}
.c110f129fc181 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c110f129fc181 ::placeholder {
  color: var(--input-placeholder-color);
}
.c110f129fc181:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c110f129fc181:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c110f129fc181:hover span {
  color: var(--input-foreground-color-hover);
}
.c110f129fc181:hover input {
  color: var(--input-foreground-color-hover);
}
.c110f129fc181:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c110f129fc181:active span {
  color: var(--input-foreground-color-active);
}
.c110f129fc181:active input {
  color: var(--input-foreground-color-active);
}
.c110f129fc181:focus, .c110f129fc181:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c110f129fc181:focus span, .c110f129fc181:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c110f129fc181:focus input, .c110f129fc181:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c110f129fc181:focus:hover, .c110f129fc181:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c110f129fc181:focus:hover span, .c110f129fc181:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c110f129fc181:focus:hover input, .c110f129fc181:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c45caf3166aee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c45caf3166aee input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c45caf3166aee ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c45caf3166aee ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c45caf3166aee:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c45caf3166aee:focus-within input, .c45caf3166aee:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c197d78ebc018, .c692626ab2420.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c197d78ebc018 input, .c692626ab2420.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c197d78ebc018 span svg, .c692626ab2420.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c5520a40083ef, .c573c5d18b658 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c5520a40083ef svg, .c573c5d18b658 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c5520a40083ef:hover, .c573c5d18b658 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c5520a40083ef:focus, .c573c5d18b658 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c5520a40083ef.checked, .c573c5d18b658 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c5520a40083ef.checked svg, .c573c5d18b658 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c5520a40083ef.intermediate, .c573c5d18b658 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c5520a40083ef.intermediate svg, .c573c5d18b658 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c5520a40083ef.unchecked, .c573c5d18b658 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c5520a40083ef.unchecked svg, .c573c5d18b658 label span.unchecked svg {
  display: none;
}

.c573c5d18b658 {
  display: flex;
  align-items: center;
}
.c573c5d18b658 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c573c5d18b658 label input {
  margin: 0;
}
.c573c5d18b658 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c573c5d18b658 label:focus span, .c573c5d18b658 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c692626ab2420 {
  display: flex;
  flex-direction: column;
}
.c692626ab2420 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c692626ab2420 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c692626ab2420 input:focus-within input, .c692626ab2420 input:active input {
  color: var(--input-foreground-color-active);
}
.c692626ab2420 input:focus-within, .c692626ab2420 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c692626ab2420.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf05794180b59 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cbbfd1dc02766 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cd103cebc5524 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c07ee63f1931c {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c76c49fc9564b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ce907e8d7d7fe {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c2444f45ca1f1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c8cfca0424bae {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.caaf7cbd80cc7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cfd1623d8a435 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cfd1623d8a435:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c57e7ffb11bba {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c02a06b1bda84 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cd7e190de3b7d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cea247de9ab08 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cae7424f9fab4 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cae7424f9fab4:hover, .cae7424f9fab4:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c14f2734a6c2b div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c14f2734a6c2b button {
  display: none;
}
.c14f2734a6c2b button svg {
  stroke: var(--icon-foreground);
}
.c14f2734a6c2b:hover button {
  display: flex;
}

.cc23498d5fd67 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cc23498d5fd67 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cc23498d5fd67 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cb387f4246441 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cb387f4246441:hover div {
  color: var(--entry-foreground-color-hover);
}

.c18f24c0683a1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c1d10d1b61b10 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c1d10d1b61b10:hover {
  background-color: var(--menu-background-color-hover);
}

.c35825e99a3c0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c35825e99a3c0 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c35825e99a3c0 span svg {
  stroke: var(--icon-foreground);
}
.c35825e99a3c0:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c35825e99a3c0:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c7f83f72f3720 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c617603c513e5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c30f2229bbc0b,
.cb7203487f4e5 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cd6322b78ee24 .c30f2229bbc0b,
.cd6322b78ee24 .cb7203487f4e5 {
  transform: scale(1);
}

.ca91792dd1e10 .c30f2229bbc0b,
.ca91792dd1e10 .cb7203487f4e5 {
  transform: scale(0);
}

.cf68ad119be3b {
  border-radius: 4px;
  display: flex;
  padding-right: 1.5rem;
  position: relative;
  margin-right: 1.5rem;
}

input.c1be692fa558e {
  background-color: var(--input-background-color-active);
  border-radius: 8px;
  color: var(--color-foreground-primary);
  font-size: 1rem;
  height: 2rem;
  margin: 0;
  border: none;
  padding: 0.375rem;
  width: 100%;
}
input.c1be692fa558e:focus-visible {
  border: 1px solid var(--color-accent-primary);
  outline: none;
}

.c977d2e4d4f73 {
  cursor: pointer;
  position: absolute;
  right: calc(-1 * 0.5rem);
  height: 1rem;
  width: 1rem;
  align-self: center;
}
.c977d2e4d4f73 svg {
  color: var(--color-foreground-secondary);
  height: 1rem;
  width: 1rem;
  margin: 0;
}
.c977d2e4d4f73:hover svg {
  color: var(--color-accent-primary);
}
@keyframes cf5bc88cf4da6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cd09fcfb3a125 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cd09fcfb3a125:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cd09fcfb3a125 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cd09fcfb3a125 ::-webkit-scrollbar-track,
.cd09fcfb3a125 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cd09fcfb3a125 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cd09fcfb3a125 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cd09fcfb3a125 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd09fcfb3a125 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cd09fcfb3a125 ::placeholder,
.cd09fcfb3a125 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cfb6e325c34e5, .c30e3204e8e9f, .cc70a3904aedb, .c45b0b0deb7f2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cfb6e325c34e5 svg, .c30e3204e8e9f svg, .cc70a3904aedb svg, .c45b0b0deb7f2 svg,
.cfb6e325c34e5 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cfb6e325c34e5:focus-visible, .c30e3204e8e9f:focus-visible, .cc70a3904aedb:focus-visible, .c45b0b0deb7f2:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cfb6e325c34e5:focus-visible svg, .c30e3204e8e9f:focus-visible svg, .cc70a3904aedb:focus-visible svg, .c45b0b0deb7f2:focus-visible svg,
.cfb6e325c34e5:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cfb6e325c34e5:hover, .c30e3204e8e9f:hover, .cc70a3904aedb:hover, .c45b0b0deb7f2:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cfb6e325c34e5:hover svg, .c30e3204e8e9f:hover svg, .cc70a3904aedb:hover svg, .c45b0b0deb7f2:hover svg,
.cfb6e325c34e5:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cfb6e325c34e5:active, .c30e3204e8e9f:active, .cc70a3904aedb:active, .c45b0b0deb7f2:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cfb6e325c34e5:active svg, .c30e3204e8e9f:active svg, .cc70a3904aedb:active svg, .c45b0b0deb7f2:active svg,
.cfb6e325c34e5:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cfb6e325c34e5.disabled, .c30e3204e8e9f.disabled, .cc70a3904aedb.disabled, .c45b0b0deb7f2.disabled, .cfb6e325c34e5[disabled], [disabled].c30e3204e8e9f, [disabled].cc70a3904aedb, [disabled].c45b0b0deb7f2, .cfb6e325c34e5:disabled, .c30e3204e8e9f:disabled, .cc70a3904aedb:disabled, .c45b0b0deb7f2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.caeecb25c8664, .ccb7e0f37e8a0, .ca3371ac16bdf {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.caeecb25c8664 svg, .ccb7e0f37e8a0 svg, .ca3371ac16bdf svg,
.caeecb25c8664 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.caeecb25c8664:focus-visible, .ccb7e0f37e8a0:focus-visible, .ca3371ac16bdf:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.caeecb25c8664:focus-visible svg, .ccb7e0f37e8a0:focus-visible svg, .ca3371ac16bdf:focus-visible svg,
.caeecb25c8664:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.caeecb25c8664:hover, .ccb7e0f37e8a0:hover, .ca3371ac16bdf:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.caeecb25c8664:hover svg, .ccb7e0f37e8a0:hover svg, .ca3371ac16bdf:hover svg,
.caeecb25c8664:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.caeecb25c8664:active, .ccb7e0f37e8a0:active, .ca3371ac16bdf:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.caeecb25c8664:active svg, .ccb7e0f37e8a0:active svg, .ca3371ac16bdf:active svg,
.caeecb25c8664:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.caeecb25c8664.disabled, .ccb7e0f37e8a0.disabled, .ca3371ac16bdf.disabled, .caeecb25c8664[disabled], [disabled].ccb7e0f37e8a0, [disabled].ca3371ac16bdf, .caeecb25c8664:disabled, .ccb7e0f37e8a0:disabled, .ca3371ac16bdf:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c83d49d273dce {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c83d49d273dce svg,
.c83d49d273dce span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c83d49d273dce:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c83d49d273dce:focus-visible svg,
.c83d49d273dce:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c83d49d273dce:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c83d49d273dce:hover svg,
.c83d49d273dce:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c83d49d273dce:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c83d49d273dce:active svg,
.c83d49d273dce:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c83d49d273dce.disabled, .c83d49d273dce[disabled], .c83d49d273dce:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce7f017e5c51c, .cc31b75f47a29 button, .c288072f51b53 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ce7f017e5c51c svg, .cc31b75f47a29 button svg, .c288072f51b53 svg,
.ce7f017e5c51c span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ce7f017e5c51c:focus-visible, .cc31b75f47a29 button:focus-visible, .c288072f51b53:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ce7f017e5c51c:focus-visible svg, .cc31b75f47a29 button:focus-visible svg, .c288072f51b53:focus-visible svg,
.ce7f017e5c51c:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ce7f017e5c51c:hover, .cc31b75f47a29 button:hover, .c288072f51b53:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ce7f017e5c51c:hover svg, .cc31b75f47a29 button:hover svg, .c288072f51b53:hover svg,
.ce7f017e5c51c:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ce7f017e5c51c:active, .cc31b75f47a29 button:active, .c288072f51b53:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ce7f017e5c51c:active svg, .cc31b75f47a29 button:active svg, .c288072f51b53:active svg,
.ce7f017e5c51c:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ce7f017e5c51c.disabled, .cc31b75f47a29 button.disabled, .c288072f51b53.disabled, .ce7f017e5c51c[disabled], .cc31b75f47a29 button[disabled], [disabled].c288072f51b53, .ce7f017e5c51c:disabled, .cc31b75f47a29 button:disabled, .c288072f51b53:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ce7f017e5c51c.disabled svg, .cc31b75f47a29 button.disabled svg, .c288072f51b53.disabled svg,
.ce7f017e5c51c.disabled span svg, .ce7f017e5c51c[disabled] svg, .cc31b75f47a29 button[disabled] svg, [disabled].c288072f51b53 svg,
.ce7f017e5c51c[disabled] span svg, .ce7f017e5c51c:disabled svg, .cc31b75f47a29 button:disabled svg, .c288072f51b53:disabled svg,
.ce7f017e5c51c:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c6384a279c084 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c6384a279c084 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c37457ad4ef22 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c37457ad4ef22 svg,
.c37457ad4ef22 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c37457ad4ef22:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c37457ad4ef22:focus-visible svg,
.c37457ad4ef22:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c37457ad4ef22:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c37457ad4ef22:hover svg,
.c37457ad4ef22:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c37457ad4ef22:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c37457ad4ef22:active svg,
.c37457ad4ef22:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c0a58df978c0b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c23541565a073 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c53fa7ed2d3d0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c53fa7ed2d3d0:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c53fa7ed2d3d0:focus-visible svg,
.c53fa7ed2d3d0:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c53fa7ed2d3d0:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c53fa7ed2d3d0:active {
  border: none;
  background-color: transparent;
}

.c8544e6dd7c50, .c288072f51b53 svg, .cdadccc335b8f, .c18952789190d span svg, .cc31b75f47a29 button svg, .c43d8d02e68dd.intermediate svg, .c69a501e76eb7 label span.intermediate svg, .c43d8d02e68dd.checked svg, .c69a501e76eb7 label span.checked svg, .c99717b249724 span svg,
.c99717b249724 label svg, .c4ef30bf003c0 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c9c2f190bf472 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c9c2f190bf472:hover {
  fill: none;
  stroke: none;
}

.cdadccc335b8f, .c18952789190d span svg, .cc31b75f47a29 button svg, .c43d8d02e68dd.intermediate svg, .c69a501e76eb7 label span.intermediate svg, .c43d8d02e68dd.checked svg, .c69a501e76eb7 label span.checked svg, .c99717b249724 span svg,
.c99717b249724 label svg, .c4ef30bf003c0 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c74d9ecaf9801 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c74d9ecaf9801:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c1a8e10eb4cc9, .cf9f0a5c64a15 input, .cea4f4f5cc06c input, .c99717b249724 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c1a8e10eb4cc9, .cf9f0a5c64a15 input, .cea4f4f5cc06c input, .c99717b249724 input {
    height: 23px;
  }
}
.c1a8e10eb4cc9, .cf9f0a5c64a15 input, .cea4f4f5cc06c input, .c99717b249724 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c1a8e10eb4cc9[disabled], .cf9f0a5c64a15 input[disabled], .cea4f4f5cc06c input[disabled], .c99717b249724 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c4ef30bf003c0 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ccb61ee581354, .c99717b249724 span,
.c99717b249724 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ccb61ee581354, .c99717b249724 span,
  .c99717b249724 label {
    height: 25px;
  }
}
.ccb61ee581354, .c99717b249724 span,
.c99717b249724 label {
  color: var(--input-foreground-color);
}

.c99717b249724 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c99717b249724 {
    height: 25px;
    font-size: 10px;
  }
}
.c99717b249724 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c99717b249724 span svg,
.c99717b249724 label svg {
  color: var(--input-foreground-color);
}
.c99717b249724 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c99717b249724 ::placeholder {
  color: var(--input-placeholder-color);
}
.c99717b249724:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c99717b249724:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c99717b249724:hover span {
  color: var(--input-foreground-color-hover);
}
.c99717b249724:hover input {
  color: var(--input-foreground-color-hover);
}
.c99717b249724:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c99717b249724:active span {
  color: var(--input-foreground-color-active);
}
.c99717b249724:active input {
  color: var(--input-foreground-color-active);
}
.c99717b249724:focus, .c99717b249724:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c99717b249724:focus span, .c99717b249724:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c99717b249724:focus input, .c99717b249724:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c99717b249724:focus:hover, .c99717b249724:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c99717b249724:focus:hover span, .c99717b249724:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c99717b249724:focus:hover input, .c99717b249724:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cea4f4f5cc06c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cea4f4f5cc06c input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cea4f4f5cc06c ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cea4f4f5cc06c ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cea4f4f5cc06c:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cea4f4f5cc06c:focus-within input, .cea4f4f5cc06c:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cc4e24bb72f18, .cf9f0a5c64a15.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cc4e24bb72f18 input, .cf9f0a5c64a15.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cc4e24bb72f18 span svg, .cf9f0a5c64a15.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c43d8d02e68dd, .c69a501e76eb7 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c43d8d02e68dd svg, .c69a501e76eb7 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c43d8d02e68dd:hover, .c69a501e76eb7 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c43d8d02e68dd:focus, .c69a501e76eb7 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c43d8d02e68dd.checked, .c69a501e76eb7 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c43d8d02e68dd.checked svg, .c69a501e76eb7 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c43d8d02e68dd.intermediate, .c69a501e76eb7 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c43d8d02e68dd.intermediate svg, .c69a501e76eb7 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c43d8d02e68dd.unchecked, .c69a501e76eb7 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c43d8d02e68dd.unchecked svg, .c69a501e76eb7 label span.unchecked svg {
  display: none;
}

.c69a501e76eb7 {
  display: flex;
  align-items: center;
}
.c69a501e76eb7 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c69a501e76eb7 label input {
  margin: 0;
}
.c69a501e76eb7 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c69a501e76eb7 label:focus span, .c69a501e76eb7 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cf9f0a5c64a15 {
  display: flex;
  flex-direction: column;
}
.cf9f0a5c64a15 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cf9f0a5c64a15 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cf9f0a5c64a15 input:focus-within input, .cf9f0a5c64a15 input:active input {
  color: var(--input-foreground-color-active);
}
.cf9f0a5c64a15 input:focus-within, .cf9f0a5c64a15 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cf9f0a5c64a15.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c8580813c251a {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cacf514ea867c {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cbe591db906fb {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c288072f51b53 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cc534a4905ba0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c4a21a8042e7f {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ca3371ac16bdf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c45b0b0deb7f2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc70a3904aedb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cda9ea09cf25d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cda9ea09cf25d:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c849d86a41d24 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cc54b1c738d8b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c771d62207ef6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c5d1172a755cd {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c8fc9f25a6490 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c8fc9f25a6490:hover, .c8fc9f25a6490:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cc31b75f47a29 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cc31b75f47a29 button {
  display: none;
}
.cc31b75f47a29 button svg {
  stroke: var(--icon-foreground);
}
.cc31b75f47a29:hover button {
  display: flex;
}

.c0d38492db089 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c0d38492db089 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c0d38492db089 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c7381a47f1c22 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c7381a47f1c22:hover div {
  color: var(--entry-foreground-color-hover);
}

.c4aeb9cb27da1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c15f4a94a8193 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c15f4a94a8193:hover {
  background-color: var(--menu-background-color-hover);
}

.c18952789190d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c18952789190d span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c18952789190d span svg {
  stroke: var(--icon-foreground);
}
.c18952789190d:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c18952789190d:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c2e74ac952e4b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cb10b70cfd220 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c2192152c038a,
.ce4f1c7937043 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cbd54d8f35b11 .c2192152c038a,
.cbd54d8f35b11 .ce4f1c7937043 {
  transform: scale(1);
}

.c5e025ce160e0 .c2192152c038a,
.c5e025ce160e0 .ce4f1c7937043 {
  transform: scale(0);
}

.c6753c7223487 {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 1.5625rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c6753c7223487.c997f826332cd {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.c6753c7223487 .ce72d8a683ede {
  margin-right: 0.5rem;
}
.c6753c7223487 .ccb7e0f37e8a0 {
  flex-shrink: 0;
  height: 2rem;
}
.c6753c7223487 .ccb7e0f37e8a0 svg {
  height: 1rem;
  width: 1rem;
}
.c6753c7223487 nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.c6753c7223487 nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.c6753c7223487 nav li a {
  display: flex;
  align-items: center;
  flex-basis: 8.75rem;
  border-bottom: calc(1px + 0.125rem) solid transparent;
  color: var(--color-foreground-secondary);
  height: 2.5rem;
  padding: 0.25rem 1.5rem;
  font-weight: 400;
}
.c6753c7223487 nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.c6753c7223487 .cc1b7333cf7a6 {
  display: flex;
  align-items: center;
  margin-left: 1.5625rem;
}
.c6753c7223487 .cc1b7333cf7a6 h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 2rem;
  font-weight: 700;
  max-width: 44.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  white-space: nowrap;
  width: 100%;
}
.c6753c7223487 .cc1b7333cf7a6 .c84fadd248023.cec3fb195e64a {
  margin-top: 0.5rem;
}
.c6753c7223487 .c3b6f93ef4d88 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.c6753c7223487 .c3b6f93ef4d88 svg {
  color: var(--color-foreground-secondary);
  stroke: none;
  fill: none;
  width: 1rem;
  height: 1rem;
}
.c6753c7223487 .c3b6f93ef4d88 svg:hover {
  color: var(--color-accent-tertiary);
  stroke: none;
  fill: none;
}
.c6753c7223487 .c8734f35b773f {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.c6753c7223487 .ca79e7f286a7f {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.c6753c7223487 .cad85e1b178ef li a {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-foreground-third);
  border-color: transparent;
}
.c6753c7223487 .cad85e1b178ef li a:hover {
  color: var(--color-foreground-primary);
}
.c6753c7223487 .cad85e1b178ef li.c73d69ad4ba8c a {
  color: var(--color-foreground-primary);
}

.c30e3204e8e9f {
  font-size: 0.875rem;
  font-weight: 400;
}

.ccb7e0f37e8a0 {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.c4ccb534d0721 {
  flex: 1 0 0;
  margin-right: 1rem;
  overflow-y: auto;
  width: 100%;
  border-top: 1px solid var(--color-background-quaternary);
}
.c4ccb534d0721.c67ad3c93548c {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c4ccb534d0721.c54a7cd4530f4 {
  margin-top: 0.75rem;
}
@keyframes c723c241985d7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c2efc646fedba {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c2efc646fedba:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c2efc646fedba ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c2efc646fedba ::-webkit-scrollbar-track,
.c2efc646fedba ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c2efc646fedba ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c2efc646fedba ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c2efc646fedba ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2efc646fedba ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c2efc646fedba ::placeholder,
.c2efc646fedba ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c9810290e869d, .c9c3efa0e9269, .cd32a4087876d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c9810290e869d svg, .c9c3efa0e9269 svg, .cd32a4087876d svg,
.c9810290e869d span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c9810290e869d:focus-visible, .c9c3efa0e9269:focus-visible, .cd32a4087876d:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c9810290e869d:focus-visible svg, .c9c3efa0e9269:focus-visible svg, .cd32a4087876d:focus-visible svg,
.c9810290e869d:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c9810290e869d:hover, .c9c3efa0e9269:hover, .cd32a4087876d:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c9810290e869d:hover svg, .c9c3efa0e9269:hover svg, .cd32a4087876d:hover svg,
.c9810290e869d:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c9810290e869d:active, .c9c3efa0e9269:active, .cd32a4087876d:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c9810290e869d:active svg, .c9c3efa0e9269:active svg, .cd32a4087876d:active svg,
.c9810290e869d:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c9810290e869d.disabled, .c9c3efa0e9269.disabled, .cd32a4087876d.disabled, .c9810290e869d[disabled], [disabled].c9c3efa0e9269, [disabled].cd32a4087876d, .c9810290e869d:disabled, .c9c3efa0e9269:disabled, .cd32a4087876d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c2ea0aa96fa10, .c8ea04a245e2b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c2ea0aa96fa10 svg, .c8ea04a245e2b svg,
.c2ea0aa96fa10 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c2ea0aa96fa10:focus-visible, .c8ea04a245e2b:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c2ea0aa96fa10:focus-visible svg, .c8ea04a245e2b:focus-visible svg,
.c2ea0aa96fa10:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c2ea0aa96fa10:hover, .c8ea04a245e2b:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c2ea0aa96fa10:hover svg, .c8ea04a245e2b:hover svg,
.c2ea0aa96fa10:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c2ea0aa96fa10:active, .c8ea04a245e2b:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c2ea0aa96fa10:active svg, .c8ea04a245e2b:active svg,
.c2ea0aa96fa10:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c2ea0aa96fa10.disabled, .c8ea04a245e2b.disabled, .c2ea0aa96fa10[disabled], [disabled].c8ea04a245e2b, .c2ea0aa96fa10:disabled, .c8ea04a245e2b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd76f7a6d93f9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cd76f7a6d93f9 svg,
.cd76f7a6d93f9 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cd76f7a6d93f9:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cd76f7a6d93f9:focus-visible svg,
.cd76f7a6d93f9:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cd76f7a6d93f9:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cd76f7a6d93f9:hover svg,
.cd76f7a6d93f9:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cd76f7a6d93f9:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cd76f7a6d93f9:active svg,
.cd76f7a6d93f9:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cd76f7a6d93f9.disabled, .cd76f7a6d93f9[disabled], .cd76f7a6d93f9:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c13cdae9cb058, .c3cfcbaa6d711 button, .c4c472091dd03 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c13cdae9cb058 svg, .c3cfcbaa6d711 button svg, .c4c472091dd03 svg,
.c13cdae9cb058 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c13cdae9cb058:focus-visible, .c3cfcbaa6d711 button:focus-visible, .c4c472091dd03:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c13cdae9cb058:focus-visible svg, .c3cfcbaa6d711 button:focus-visible svg, .c4c472091dd03:focus-visible svg,
.c13cdae9cb058:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c13cdae9cb058:hover, .c3cfcbaa6d711 button:hover, .c4c472091dd03:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c13cdae9cb058:hover svg, .c3cfcbaa6d711 button:hover svg, .c4c472091dd03:hover svg,
.c13cdae9cb058:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c13cdae9cb058:active, .c3cfcbaa6d711 button:active, .c4c472091dd03:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c13cdae9cb058:active svg, .c3cfcbaa6d711 button:active svg, .c4c472091dd03:active svg,
.c13cdae9cb058:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c13cdae9cb058.disabled, .c3cfcbaa6d711 button.disabled, .c4c472091dd03.disabled, .c13cdae9cb058[disabled], .c3cfcbaa6d711 button[disabled], [disabled].c4c472091dd03, .c13cdae9cb058:disabled, .c3cfcbaa6d711 button:disabled, .c4c472091dd03:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c13cdae9cb058.disabled svg, .c3cfcbaa6d711 button.disabled svg, .c4c472091dd03.disabled svg,
.c13cdae9cb058.disabled span svg, .c13cdae9cb058[disabled] svg, .c3cfcbaa6d711 button[disabled] svg, [disabled].c4c472091dd03 svg,
.c13cdae9cb058[disabled] span svg, .c13cdae9cb058:disabled svg, .c3cfcbaa6d711 button:disabled svg, .c4c472091dd03:disabled svg,
.c13cdae9cb058:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c37c2e083529a {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c37c2e083529a svg {
  color: var(--button-icon-foreground-color-selected);
}

.c2198945c2b43 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c2198945c2b43 svg,
.c2198945c2b43 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c2198945c2b43:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c2198945c2b43:focus-visible svg,
.c2198945c2b43:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c2198945c2b43:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c2198945c2b43:hover svg,
.c2198945c2b43:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c2198945c2b43:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c2198945c2b43:active svg,
.c2198945c2b43:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c83283de7bf2c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c8b231894926e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb21aaf0acf01 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cb21aaf0acf01:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cb21aaf0acf01:focus-visible svg,
.cb21aaf0acf01:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cb21aaf0acf01:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cb21aaf0acf01:active {
  border: none;
  background-color: transparent;
}

.cea95489bb413, .c4c472091dd03 svg, .c8d305378b26e, .cc4f35135f2eb span svg, .c3cfcbaa6d711 button svg, .c1b1f57106d11.intermediate svg, .cbd44c3acbdcb label span.intermediate svg, .c1b1f57106d11.checked svg, .cbd44c3acbdcb label span.checked svg, .c07f3c5a028a8 span svg,
.c07f3c5a028a8 label svg, .c95d9f01009be svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c053492158958 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c053492158958:hover {
  fill: none;
  stroke: none;
}

.c8d305378b26e, .cc4f35135f2eb span svg, .c3cfcbaa6d711 button svg, .c1b1f57106d11.intermediate svg, .cbd44c3acbdcb label span.intermediate svg, .c1b1f57106d11.checked svg, .cbd44c3acbdcb label span.checked svg, .c07f3c5a028a8 span svg,
.c07f3c5a028a8 label svg, .c95d9f01009be svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.ce6e9952ee546 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.ce6e9952ee546:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cae5a56e8892d, .c9c465315606b input, .c826be83b0e50 input, .c07f3c5a028a8 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cae5a56e8892d, .c9c465315606b input, .c826be83b0e50 input, .c07f3c5a028a8 input {
    height: 23px;
  }
}
.cae5a56e8892d, .c9c465315606b input, .c826be83b0e50 input, .c07f3c5a028a8 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cae5a56e8892d[disabled], .c9c465315606b input[disabled], .c826be83b0e50 input[disabled], .c07f3c5a028a8 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c95d9f01009be {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.ca59c3acd5395, .c07f3c5a028a8 span,
.c07f3c5a028a8 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca59c3acd5395, .c07f3c5a028a8 span,
  .c07f3c5a028a8 label {
    height: 25px;
  }
}
.ca59c3acd5395, .c07f3c5a028a8 span,
.c07f3c5a028a8 label {
  color: var(--input-foreground-color);
}

.c07f3c5a028a8 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c07f3c5a028a8 {
    height: 25px;
    font-size: 10px;
  }
}
.c07f3c5a028a8 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c07f3c5a028a8 span svg,
.c07f3c5a028a8 label svg {
  color: var(--input-foreground-color);
}
.c07f3c5a028a8 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c07f3c5a028a8 ::placeholder {
  color: var(--input-placeholder-color);
}
.c07f3c5a028a8:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c07f3c5a028a8:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c07f3c5a028a8:hover span {
  color: var(--input-foreground-color-hover);
}
.c07f3c5a028a8:hover input {
  color: var(--input-foreground-color-hover);
}
.c07f3c5a028a8:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c07f3c5a028a8:active span {
  color: var(--input-foreground-color-active);
}
.c07f3c5a028a8:active input {
  color: var(--input-foreground-color-active);
}
.c07f3c5a028a8:focus, .c07f3c5a028a8:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c07f3c5a028a8:focus span, .c07f3c5a028a8:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c07f3c5a028a8:focus input, .c07f3c5a028a8:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c07f3c5a028a8:focus:hover, .c07f3c5a028a8:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c07f3c5a028a8:focus:hover span, .c07f3c5a028a8:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c07f3c5a028a8:focus:hover input, .c07f3c5a028a8:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c826be83b0e50 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c826be83b0e50 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c826be83b0e50 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c826be83b0e50 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c826be83b0e50:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c826be83b0e50:focus-within input, .c826be83b0e50:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c571b417ce2ca, .c9c465315606b.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c571b417ce2ca input, .c9c465315606b.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c571b417ce2ca span svg, .c9c465315606b.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c1b1f57106d11, .cbd44c3acbdcb label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c1b1f57106d11 svg, .cbd44c3acbdcb label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c1b1f57106d11:hover, .cbd44c3acbdcb label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c1b1f57106d11:focus, .cbd44c3acbdcb label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c1b1f57106d11.checked, .cbd44c3acbdcb label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c1b1f57106d11.checked svg, .cbd44c3acbdcb label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c1b1f57106d11.intermediate, .cbd44c3acbdcb label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c1b1f57106d11.intermediate svg, .cbd44c3acbdcb label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c1b1f57106d11.unchecked, .cbd44c3acbdcb label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c1b1f57106d11.unchecked svg, .cbd44c3acbdcb label span.unchecked svg {
  display: none;
}

.cbd44c3acbdcb {
  display: flex;
  align-items: center;
}
.cbd44c3acbdcb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cbd44c3acbdcb label input {
  margin: 0;
}
.cbd44c3acbdcb label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cbd44c3acbdcb label:focus span, .cbd44c3acbdcb label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c9c465315606b {
  display: flex;
  flex-direction: column;
}
.c9c465315606b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c9c465315606b input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c9c465315606b input:focus-within input, .c9c465315606b input:active input {
  color: var(--input-foreground-color-active);
}
.c9c465315606b input:focus-within, .c9c465315606b input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c9c465315606b.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c13221fe66ff9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c92043c0b0e4d {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c254be58aea4f {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c4c472091dd03 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cf70ee13e2bba {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c7e8a74424aa6 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c8ea04a245e2b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd32a4087876d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c9c3efa0e9269 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c6ad70f009188 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c6ad70f009188:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cb7d081d2a1a1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c5627a2830240 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cd8f184b7cd9b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c7d3316a88716 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c0ab83db8061c {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c0ab83db8061c:hover, .c0ab83db8061c:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c3cfcbaa6d711 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c3cfcbaa6d711 button {
  display: none;
}
.c3cfcbaa6d711 button svg {
  stroke: var(--icon-foreground);
}
.c3cfcbaa6d711:hover button {
  display: flex;
}

.cf0413c17f3eb {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cf0413c17f3eb .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cf0413c17f3eb .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c29d67a31234b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c29d67a31234b:hover div {
  color: var(--entry-foreground-color-hover);
}

.cc18b73183cf8 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ccb2d3dcd128b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ccb2d3dcd128b:hover {
  background-color: var(--menu-background-color-hover);
}

.cc4f35135f2eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cc4f35135f2eb span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc4f35135f2eb span svg {
  stroke: var(--icon-foreground);
}
.cc4f35135f2eb:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cc4f35135f2eb:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c849e8ae3a5a2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c80c96080b614 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c355adadd8c62,
.ca6c92645ed1c {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cd286318a6313 .c355adadd8c62,
.cd286318a6313 .ca6c92645ed1c {
  transform: scale(1);
}

.c969d403cc3bf .c355adadd8c62,
.c969d403cc3bf .ca6c92645ed1c {
  transform: scale(0);
}

.c4c5898b03de7 {
  --pin-button-icon-color: var(--color-foreground-third);
  --pin-button-bg-color: none;
  --pin-button-border-color: none;
  width: 2rem;
  height: 2rem;
  background: var(--pin-button-bg-color);
  border: 0.125rem solid var(--pin-button-border-color);
  border-radius: 8px;
  display: grid;
  place-content: center;
  cursor: pointer;
}
.c4c5898b03de7:hover {
  --pin-button-icon-color: var(--color-accent-primary);
  --pin-button-bg-color: var(--color-background-quaternary);
  --pin-button-border-color: var(--color-background-quaternary);
}

.c793b568176c7 {
  --pin-button-icon-color: var(--button-icon-foreground-color-selected);
  --pin-button-bg-color: var(--button-icon-background-color-selected);
  --pin-button-border-color: var(--button-icon-border-color-selected);
}

.cb9e8c6ae0b2a {
  width: 1rem;
  height: 1rem;
  fill: none;
  color: var(--pin-button-icon-color);
}
@keyframes cea631f6b4c49 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c42570fd5f01c {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c42570fd5f01c:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c42570fd5f01c ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c42570fd5f01c ::-webkit-scrollbar-track,
.c42570fd5f01c ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c42570fd5f01c ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c42570fd5f01c ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c42570fd5f01c ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c42570fd5f01c ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c42570fd5f01c ::placeholder,
.c42570fd5f01c ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c148d632c9ef8, .cab19085b3408, .c7b44895d856f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c148d632c9ef8 svg, .cab19085b3408 svg, .c7b44895d856f svg,
.c148d632c9ef8 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c148d632c9ef8:focus-visible, .cab19085b3408:focus-visible, .c7b44895d856f:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c148d632c9ef8:focus-visible svg, .cab19085b3408:focus-visible svg, .c7b44895d856f:focus-visible svg,
.c148d632c9ef8:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c148d632c9ef8:hover, .cab19085b3408:hover, .c7b44895d856f:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c148d632c9ef8:hover svg, .cab19085b3408:hover svg, .c7b44895d856f:hover svg,
.c148d632c9ef8:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c148d632c9ef8:active, .cab19085b3408:active, .c7b44895d856f:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c148d632c9ef8:active svg, .cab19085b3408:active svg, .c7b44895d856f:active svg,
.c148d632c9ef8:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c148d632c9ef8.disabled, .cab19085b3408.disabled, .c7b44895d856f.disabled, .c148d632c9ef8[disabled], [disabled].cab19085b3408, [disabled].c7b44895d856f, .c148d632c9ef8:disabled, .cab19085b3408:disabled, .c7b44895d856f:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.caa75bac82c0e, .cfe0a9f96312e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.caa75bac82c0e svg, .cfe0a9f96312e svg,
.caa75bac82c0e span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.caa75bac82c0e:focus-visible, .cfe0a9f96312e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.caa75bac82c0e:focus-visible svg, .cfe0a9f96312e:focus-visible svg,
.caa75bac82c0e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.caa75bac82c0e:hover, .cfe0a9f96312e:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.caa75bac82c0e:hover svg, .cfe0a9f96312e:hover svg,
.caa75bac82c0e:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.caa75bac82c0e:active, .cfe0a9f96312e:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.caa75bac82c0e:active svg, .cfe0a9f96312e:active svg,
.caa75bac82c0e:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.caa75bac82c0e.disabled, .cfe0a9f96312e.disabled, .caa75bac82c0e[disabled], [disabled].cfe0a9f96312e, .caa75bac82c0e:disabled, .cfe0a9f96312e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4667e2bfc7c7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c4667e2bfc7c7 svg,
.c4667e2bfc7c7 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c4667e2bfc7c7:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4667e2bfc7c7:focus-visible svg,
.c4667e2bfc7c7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4667e2bfc7c7:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c4667e2bfc7c7:hover svg,
.c4667e2bfc7c7:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c4667e2bfc7c7:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c4667e2bfc7c7:active svg,
.c4667e2bfc7c7:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c4667e2bfc7c7.disabled, .c4667e2bfc7c7[disabled], .c4667e2bfc7c7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c756dfde6471e, .ca4bfe866a422 button, .c39610679c7c5 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c756dfde6471e svg, .ca4bfe866a422 button svg, .c39610679c7c5 svg,
.c756dfde6471e span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c756dfde6471e:focus-visible, .ca4bfe866a422 button:focus-visible, .c39610679c7c5:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c756dfde6471e:focus-visible svg, .ca4bfe866a422 button:focus-visible svg, .c39610679c7c5:focus-visible svg,
.c756dfde6471e:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c756dfde6471e:hover, .ca4bfe866a422 button:hover, .c39610679c7c5:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c756dfde6471e:hover svg, .ca4bfe866a422 button:hover svg, .c39610679c7c5:hover svg,
.c756dfde6471e:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c756dfde6471e:active, .ca4bfe866a422 button:active, .c39610679c7c5:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c756dfde6471e:active svg, .ca4bfe866a422 button:active svg, .c39610679c7c5:active svg,
.c756dfde6471e:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c756dfde6471e.disabled, .ca4bfe866a422 button.disabled, .c39610679c7c5.disabled, .c756dfde6471e[disabled], .ca4bfe866a422 button[disabled], [disabled].c39610679c7c5, .c756dfde6471e:disabled, .ca4bfe866a422 button:disabled, .c39610679c7c5:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c756dfde6471e.disabled svg, .ca4bfe866a422 button.disabled svg, .c39610679c7c5.disabled svg,
.c756dfde6471e.disabled span svg, .c756dfde6471e[disabled] svg, .ca4bfe866a422 button[disabled] svg, [disabled].c39610679c7c5 svg,
.c756dfde6471e[disabled] span svg, .c756dfde6471e:disabled svg, .ca4bfe866a422 button:disabled svg, .c39610679c7c5:disabled svg,
.c756dfde6471e:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c407d71ca2efe {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c407d71ca2efe svg {
  color: var(--button-icon-foreground-color-selected);
}

.c7e9135f57ead {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c7e9135f57ead svg,
.c7e9135f57ead span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c7e9135f57ead:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c7e9135f57ead:focus-visible svg,
.c7e9135f57ead:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c7e9135f57ead:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c7e9135f57ead:hover svg,
.c7e9135f57ead:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c7e9135f57ead:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c7e9135f57ead:active svg,
.c7e9135f57ead:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cdc99d4f3ea22 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c9bea1542ce83 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cca0866a2526e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cca0866a2526e:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cca0866a2526e:focus-visible svg,
.cca0866a2526e:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cca0866a2526e:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cca0866a2526e:active {
  border: none;
  background-color: transparent;
}

.c80f0879d3c52, .c39610679c7c5 svg, .c2ff7f14ec957, .cea4bef71aa8c span svg, .ca4bfe866a422 button svg, .ced7c082e141f.intermediate svg, .c981925a06b7b label span.intermediate svg, .ced7c082e141f.checked svg, .c981925a06b7b label span.checked svg, .ca398b126f714 span svg,
.ca398b126f714 label svg, .c8c792ee5c19c svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c0b073d539c99 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c0b073d539c99:hover {
  fill: none;
  stroke: none;
}

.c2ff7f14ec957, .cea4bef71aa8c span svg, .ca4bfe866a422 button svg, .ced7c082e141f.intermediate svg, .c981925a06b7b label span.intermediate svg, .ced7c082e141f.checked svg, .c981925a06b7b label span.checked svg, .ca398b126f714 span svg,
.ca398b126f714 label svg, .c8c792ee5c19c svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c6d78245cbe98 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c6d78245cbe98:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cb17e4fe9edbf, .c9f7b11353160 input, .cbd9924a60162 input, .ca398b126f714 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cb17e4fe9edbf, .c9f7b11353160 input, .cbd9924a60162 input, .ca398b126f714 input {
    height: 23px;
  }
}
.cb17e4fe9edbf, .c9f7b11353160 input, .cbd9924a60162 input, .ca398b126f714 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cb17e4fe9edbf[disabled], .c9f7b11353160 input[disabled], .cbd9924a60162 input[disabled], .ca398b126f714 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c8c792ee5c19c {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c370e9c85323a, .ca398b126f714 span,
.ca398b126f714 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c370e9c85323a, .ca398b126f714 span,
  .ca398b126f714 label {
    height: 25px;
  }
}
.c370e9c85323a, .ca398b126f714 span,
.ca398b126f714 label {
  color: var(--input-foreground-color);
}

.ca398b126f714 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .ca398b126f714 {
    height: 25px;
    font-size: 10px;
  }
}
.ca398b126f714 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.ca398b126f714 span svg,
.ca398b126f714 label svg {
  color: var(--input-foreground-color);
}
.ca398b126f714 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.ca398b126f714 ::placeholder {
  color: var(--input-placeholder-color);
}
.ca398b126f714:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ca398b126f714:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.ca398b126f714:hover span {
  color: var(--input-foreground-color-hover);
}
.ca398b126f714:hover input {
  color: var(--input-foreground-color-hover);
}
.ca398b126f714:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.ca398b126f714:active span {
  color: var(--input-foreground-color-active);
}
.ca398b126f714:active input {
  color: var(--input-foreground-color-active);
}
.ca398b126f714:focus, .ca398b126f714:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca398b126f714:focus span, .ca398b126f714:focus-within span {
  color: var(--input-foreground-color-focus);
}
.ca398b126f714:focus input, .ca398b126f714:focus-within input {
  color: var(--input-foreground-color-focus);
}
.ca398b126f714:focus:hover, .ca398b126f714:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.ca398b126f714:focus:hover span, .ca398b126f714:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.ca398b126f714:focus:hover input, .ca398b126f714:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cbd9924a60162 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cbd9924a60162 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cbd9924a60162 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cbd9924a60162 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cbd9924a60162:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cbd9924a60162:focus-within input, .cbd9924a60162:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cab28f38b4c72, .c9f7b11353160.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cab28f38b4c72 input, .c9f7b11353160.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cab28f38b4c72 span svg, .c9f7b11353160.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ced7c082e141f, .c981925a06b7b label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ced7c082e141f svg, .c981925a06b7b label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ced7c082e141f:hover, .c981925a06b7b label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ced7c082e141f:focus, .c981925a06b7b label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ced7c082e141f.checked, .c981925a06b7b label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ced7c082e141f.checked svg, .c981925a06b7b label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ced7c082e141f.intermediate, .c981925a06b7b label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ced7c082e141f.intermediate svg, .c981925a06b7b label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ced7c082e141f.unchecked, .c981925a06b7b label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ced7c082e141f.unchecked svg, .c981925a06b7b label span.unchecked svg {
  display: none;
}

.c981925a06b7b {
  display: flex;
  align-items: center;
}
.c981925a06b7b label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c981925a06b7b label input {
  margin: 0;
}
.c981925a06b7b label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c981925a06b7b label:focus span, .c981925a06b7b label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c9f7b11353160 {
  display: flex;
  flex-direction: column;
}
.c9f7b11353160 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c9f7b11353160 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c9f7b11353160 input:focus-within input, .c9f7b11353160 input:active input {
  color: var(--input-foreground-color-active);
}
.c9f7b11353160 input:focus-within, .c9f7b11353160 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c9f7b11353160.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cee0e173f838c {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cd5c40f2534cc {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c2fc83e44aa13 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c39610679c7c5 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c7853a6b13cc3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc355472fced3 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cfe0a9f96312e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c7b44895d856f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cab19085b3408 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c509ce92db857 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c509ce92db857:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cc335db9289bc {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c77d032d67a75 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cbe9ca875588b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c9cd03ccc0d44 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cd78ce4e31f74 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cd78ce4e31f74:hover, .cd78ce4e31f74:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ca4bfe866a422 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ca4bfe866a422 button {
  display: none;
}
.ca4bfe866a422 button svg {
  stroke: var(--icon-foreground);
}
.ca4bfe866a422:hover button {
  display: flex;
}

.cae9656f9287e {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cae9656f9287e .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cae9656f9287e .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c831b763c63c2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c831b763c63c2:hover div {
  color: var(--entry-foreground-color-hover);
}

.c610d7b251c85 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c512cb1eaa640 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c512cb1eaa640:hover {
  background-color: var(--menu-background-color-hover);
}

.cea4bef71aa8c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cea4bef71aa8c span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cea4bef71aa8c span svg {
  stroke: var(--icon-foreground);
}
.cea4bef71aa8c:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cea4bef71aa8c:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce983dae967bc {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c416155064f3e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cf5eae8af61e5,
.cc72544ce8123 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c181cca4885f3 .cf5eae8af61e5,
.c181cca4885f3 .cc72544ce8123 {
  transform: scale(1);
}

.c65159ed12da0 .cf5eae8af61e5,
.c65159ed12da0 .cc72544ce8123 {
  transform: scale(0);
}

.c71d2fca0f0b0 {
  font-size: 0.875rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 1rem 0 2.5rem;
}

.c38baba1e601e {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(0.75rem + var(--th-width, 22rem));
  width: 100%;
  gap: 1.5rem;
}

.c2b4a8ed17490 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin: 0.75rem 0;
  position: relative;
  text-align: center;
}
.c2b4a8ed17490 a,
.c2b4a8ed17490 button {
  width: 100%;
  font-weight: 400;
}
.c2b4a8ed17490 button {
  background-color: transparent;
  border: none;
  padding: 0 0.375rem;
}
.c2b4a8ed17490 .cca110cbb11c4 {
  border-radius: 8px;
  text-align: initial;
  width: var(--th-width, 22rem);
  height: var(--th-height, 14.375rem);
  background-size: cover;
  overflow: hidden;
}
.c2b4a8ed17490 .cca110cbb11c4 img {
  -o-object-fit: contain;
     object-fit: contain;
}
.c2b4a8ed17490.c7f9241ff699f {
  border-radius: 4px;
  outline: 4px solid var(--color-accent-primary);
  text-align: initial;
  width: calc(var(--th-width) + 0.75rem);
  height: var(--th-height, 14.375rem);
}
.c2b4a8ed17490.c03588e6d8ec7 {
  border-radius: 4px;
  border: 0.125rem solid var(--color-accent-tertiary);
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.c2b4a8ed17490:hover .c03588e6d8ec7 {
  display: block;
  opacity: 1;
}
.c2b4a8ed17490 .c9a3b1176f4dd {
  display: grid;
  grid-template-columns: 1fr auto;
  cursor: pointer;
  max-width: var(--th-width, 22rem);
}
.c2b4a8ed17490 .c40d0b89fc906 {
  display: grid;
  padding: 0.5rem;
  text-align: left;
  width: 100%;
  font-size: 0.75rem;
}
.c2b4a8ed17490 .c40d0b89fc906 h3 {
  border: 1px solid transparent;
  color: var(--color-foreground-primary);
  font-size: 1rem;
  font-weight: 400;
  height: 1.75rem;
  line-height: 1.92;
  max-width: 16.25rem;
  overflow: hidden;
  padding-right: 0.5rem;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
@media (max-width: 1366px) {
  .c2b4a8ed17490 .c40d0b89fc906 h3 {
    max-width: 14.5rem;
  }
}
.c2b4a8ed17490 .c40d0b89fc906 .cbf0078341c60 {
  color: var(--color-foreground-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  max-width: 16.25rem;
}
.c2b4a8ed17490 .c40d0b89fc906 .cbf0078341c60::first-letter {
  text-transform: capitalize;
}
@media (max-width: 1366px) {
  .c2b4a8ed17490 .c40d0b89fc906 .cbf0078341c60 {
    max-width: 14.5rem;
  }
}
.c2b4a8ed17490 .cd53adce33bd9 {
  background-color: var(--color-accent-primary);
  border: none;
  border-radius: 6px;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c2b4a8ed17490 .cd53adce33bd9 svg {
  color: var(--color-background-secondary);
  fill: none;
  height: 1rem;
  width: 1rem;
}
.c2b4a8ed17490.c45f11be9ff73 {
  border: 1px dashed var(--color-foreground-secondary);
  justify-content: center;
  box-shadow: none;
}
.c2b4a8ed17490.c45f11be9ff73 span {
  color: var(--color-background-primary);
  font-size: 0.875rem;
}
.c2b4a8ed17490.c45f11be9ff73:hover {
  background-color: var(--color-foreground-primary);
  border: 0.125rem solid var(--color-accent-tertiary);
}

.cf4cf25ad26ad {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
  background-color: var(--color-accent-tertiary);
  border-radius: 50%;
  color: var(--color-background-secondary);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cdb3561dd5dd1 {
  background-color: transparent;
  border-radius: 8px;
  padding-top: 0.375rem;
}
.cdb3561dd5dd1:hover, .cdb3561dd5dd1:focus, .cdb3561dd5dd1:focus-within {
  background-color: var(--color-background-quaternary);
}
.cdb3561dd5dd1:hover .c70dda6ce3666, .cdb3561dd5dd1:focus .c70dda6ce3666, .cdb3561dd5dd1:focus-within .c70dda6ce3666 {
  opacity: 1;
}
.cdb3561dd5dd1:hover a, .cdb3561dd5dd1:focus a, .cdb3561dd5dd1:focus-within a {
  text-decoration: none;
}
.cdb3561dd5dd1 .c37a6b0e26f66 .cca110cbb11c4 {
  outline: 0.25rem solid var(--color-accent-tertiary);
}

.c70dda6ce3666 {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 0;
  right: 0.375rem;
  width: 2rem;
}
.c70dda6ce3666 span {
  color: var(--color-background-secondary);
}

.cf4a9dfd54d8d {
  align-items: center;
  display: flex;
  margin-right: 0.5rem;
  margin-top: 0;
}

.c96bc4328872b {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  height: 2rem;
  justify-content: center;
  margin-right: 0;
  margin-top: 1.25rem;
  width: 100%;
  --menu-icon-color: var(--button-secondary-foreground-color-rest);
}
.c96bc4328872b:hover, .c96bc4328872b:focus {
  --menu-icon-color: var(--button-secondary-foreground-color-hover);
}

.c75418cec3c6b {
  stroke: none;
  color: var(--menu-icon-color);
  fill: none;
  margin-right: 0;
  height: 1rem;
  width: 1rem;
}

.c70dda6ce3666.c30ab87c5318d {
  opacity: 1;
}

.cca110cbb11c4 {
  border-radius: 4px;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.cca110cbb11c4 .c3fc805a56f07 {
  height: auto;
  width: 100%;
}

.c88af7d1f4a72 {
  height: 36.25rem;
}

.c2b4a8ed17490.cdb3561dd5dd1.c88af7d1f4a72 {
  height: 38.25rem;
}

.cca110cbb11c4.c88af7d1f4a72 {
  background-color: var(--color-background-fifty);
  flex-direction: column;
  height: 90%;
  justify-content: flex-start;
  max-height: 36.25rem;
  padding: 2rem;
}
.cca110cbb11c4.c88af7d1f4a72 .c7ab7f314f0c2 {
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
}
.cca110cbb11c4.c88af7d1f4a72 .c7ab7f314f0c2:not(:first-child) {
  margin-top: 1rem;
}
.cca110cbb11c4.c88af7d1f4a72 .ca4094118ef3c {
  display: flex;
  font-size: 0.875rem;
}
.cca110cbb11c4.c88af7d1f4a72 .ca4094118ef3c .cade75bc84f1b {
  color: var(--color-foreground-secondary);
}
.cca110cbb11c4.c88af7d1f4a72 .c0dc73f9c8a5a {
  align-items: center;
  border-radius: 4px;
  border: 1px solid transparent;
  color: var(--color-foreground-primary);
  display: flex;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  padding: 0.125rem;
  position: relative;
}
.cca110cbb11c4.c88af7d1f4a72 .c0dc73f9c8a5a .cc44a506925ad {
  color: var(--color-foreground-secondary);
  width: calc(100% - 1.5rem - 0.5rem);
}
.cca110cbb11c4.c88af7d1f4a72 .c0dc73f9c8a5a .ce910e87626f1 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cca110cbb11c4.c88af7d1f4a72 .c0dc73f9c8a5a svg {
  background-color: var(--color-canvas);
  border-radius: 4px;
  border: 0.125rem solid transparent;
  height: 1.5rem;
  margin-right: 0.5rem;
  width: 1.5rem;
}
.cca110cbb11c4.c88af7d1f4a72 .c0dc73f9c8a5a .c9c75b85b5571 {
  color: var(--color-foreground-primary);
}
.cca110cbb11c4.c88af7d1f4a72 .c0dc73f9c8a5a .c9ff4a8e0d867 {
  color: var(--color-foreground-secondary);
  margin-left: 0.25rem;
  text-transform: uppercase;
}
.cca110cbb11c4.c88af7d1f4a72 .c0dc73f9c8a5a .cc9a5df41da48 {
  height: 1.25rem;
  margin-right: 0.25rem;
  width: 1.25rem;
}

.cfae1a166512c {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
}

.cc707645b729b {
  --icon-width: calc(var(--th-width, 22rem) * 0.25);
}

.c17ebd4f81f97 {
  opacity: 0.5;
}

.c5b5b9661b3ce {
  border-radius: 12px;
  display: grid;
  padding: 0.75rem 0;
}
.c5b5b9661b3ce.cbbc0b32d1b9e {
  background-image: url(/images/ph-left.svg), url(/images/ph-right.svg);
  background-position: 15% bottom, 85% top;
  background-repeat: no-repeat;
  align-items: center;
  border: 1px solid var(--color-background-quaternary);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 12.5rem;
  margin: 1rem;
  padding: 3rem;
  justify-content: center;
}
.c5b5b9661b3ce.cbbc0b32d1b9e .ce8685d528e1f a {
  color: var(--color-foreground-primary);
}
.c5b5b9661b3ce.cbbc0b32d1b9e .ce8685d528e1f p {
  max-width: 22.5rem;
  text-align: center;
  font-size: 1rem;
}
.c5b5b9661b3ce .cd1aeef388ee4 {
  background-color: var(--color-background-fifty);
  border-radius: 8px;
  color: var(--color-foreground-primary);
  cursor: pointer;
  height: 14.375rem;
  margin: 0.5rem;
  border: 0.125rem solid transparent;
  width: var(--th-width, 22rem);
  height: var(--th-height, 14.375rem);
}
.c5b5b9661b3ce .cd1aeef388ee4 svg {
  width: 2rem;
  height: 2rem;
  color: var(--color-foreground-secondary);
}
.c5b5b9661b3ce .cd1aeef388ee4:hover {
  border: 0.125rem solid var(--color-accent-tertiary);
  background-color: var(--color-background-quaternary);
  color: var(--color-accent-primary);
}
.c5b5b9661b3ce .cd1aeef388ee4:hover svg {
  color: var(--color-accent-tertiary);
}
.c5b5b9661b3ce .ce8685d528e1f {
  margin-top: 0.75rem;
  color: var(--color-foreground-secondary);
  font-size: 1rem;
}

.c65a84b1d5bd8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: var(--sp-xxxl);
  margin: var(--sp-xxxl) 0 var(--sp-m) 0;
}

.cca61d5c3ab23 {
  color: var(--color-foreground-secondary);
  font-size: 1rem;
  text-align: center;
}

.ce7cf4e999e8d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1.5rem;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.43;
}
.ce7cf4e999e8d a {
  color: var(--color-accent-primary);
  line-height: 1.43;
}

.c63838038aa77 {
  padding-top: 105px;
  padding-left: 135px;
  height: 145px;
  width: 582px;
  color: var(--color-foreground-secondary);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1.5rem;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.43;
}

.c71bafbf4057d {
  width: 100%;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0.75rem;
}

.c24cf576f6ac0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  --color-card-background: var(--color-background-tertiary);
  --color-card-title: var(--color-foreground-primary);
  --color-card-subtitle: var(--color-foreground-secondary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--color-card-background);
  border: 0.125rem solid var(--color-background-quaternary);
  border-radius: 8px;
  padding: var(--sp-m) 0;
}
.c24cf576f6ac0:hover {
  --color-card-background: var(--color-accent-primary);
  --color-card-title: var(--color-background-secondary);
  --color-card-subtitle: var(--color-background-secondary);
  cursor: pointer;
}
.c24cf576f6ac0:hover .cccba55d8f7e8 {
  font-weight: 500;
}
.c24cf576f6ac0 {
  flex-grow: 1;
}

.cccba55d8f7e8 {
  color: var(--color-card-title);
  text-align: center;
}

.c80ebc1ddd381 {
  color: var(--color-card-subtitle);
  text-align: center;
}
@keyframes c705e15ac94de {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c8202106fd4aa {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c8202106fd4aa:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c8202106fd4aa ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c8202106fd4aa ::-webkit-scrollbar-track,
.c8202106fd4aa ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c8202106fd4aa ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c8202106fd4aa ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c8202106fd4aa ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8202106fd4aa ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c8202106fd4aa ::placeholder,
.c8202106fd4aa ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.ccf4ae01ba4f2, .ceb838da46051, .c3c0ce024896b, .cadda814232d9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.ccf4ae01ba4f2 svg, .ceb838da46051 svg, .c3c0ce024896b svg, .cadda814232d9 svg,
.ccf4ae01ba4f2 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.ccf4ae01ba4f2:focus-visible, .ceb838da46051:focus-visible, .c3c0ce024896b:focus-visible, .cadda814232d9:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.ccf4ae01ba4f2:focus-visible svg, .ceb838da46051:focus-visible svg, .c3c0ce024896b:focus-visible svg, .cadda814232d9:focus-visible svg,
.ccf4ae01ba4f2:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.ccf4ae01ba4f2:hover, .ceb838da46051:hover, .c3c0ce024896b:hover, .cadda814232d9:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.ccf4ae01ba4f2:hover svg, .ceb838da46051:hover svg, .c3c0ce024896b:hover svg, .cadda814232d9:hover svg,
.ccf4ae01ba4f2:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.ccf4ae01ba4f2:active, .ceb838da46051:active, .c3c0ce024896b:active, .cadda814232d9:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.ccf4ae01ba4f2:active svg, .ceb838da46051:active svg, .c3c0ce024896b:active svg, .cadda814232d9:active svg,
.ccf4ae01ba4f2:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.ccf4ae01ba4f2.disabled, .ceb838da46051.disabled, .c3c0ce024896b.disabled, .cadda814232d9.disabled, .ccf4ae01ba4f2[disabled], [disabled].ceb838da46051, [disabled].c3c0ce024896b, [disabled].cadda814232d9, .ccf4ae01ba4f2:disabled, .ceb838da46051:disabled, .c3c0ce024896b:disabled, .cadda814232d9:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cdd6648c3c785, .c8869ab97e724, .c088eca388407 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cdd6648c3c785 svg, .c8869ab97e724 svg, .c088eca388407 svg,
.cdd6648c3c785 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cdd6648c3c785:focus-visible, .c8869ab97e724:focus-visible, .c088eca388407:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cdd6648c3c785:focus-visible svg, .c8869ab97e724:focus-visible svg, .c088eca388407:focus-visible svg,
.cdd6648c3c785:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cdd6648c3c785:hover, .c8869ab97e724:hover, .c088eca388407:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cdd6648c3c785:hover svg, .c8869ab97e724:hover svg, .c088eca388407:hover svg,
.cdd6648c3c785:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cdd6648c3c785:active, .c8869ab97e724:active, .c088eca388407:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cdd6648c3c785:active svg, .c8869ab97e724:active svg, .c088eca388407:active svg,
.cdd6648c3c785:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cdd6648c3c785.disabled, .c8869ab97e724.disabled, .c088eca388407.disabled, .cdd6648c3c785[disabled], [disabled].c8869ab97e724, [disabled].c088eca388407, .cdd6648c3c785:disabled, .c8869ab97e724:disabled, .c088eca388407:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ccf72e97e982c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.ccf72e97e982c svg,
.ccf72e97e982c span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.ccf72e97e982c:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ccf72e97e982c:focus-visible svg,
.ccf72e97e982c:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ccf72e97e982c:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.ccf72e97e982c:hover svg,
.ccf72e97e982c:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.ccf72e97e982c:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.ccf72e97e982c:active svg,
.ccf72e97e982c:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.ccf72e97e982c.disabled, .ccf72e97e982c[disabled], .ccf72e97e982c:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c8af8c0b1f222, .cc5028edc9400,
.c058c05c0b587, .c845b7aae6338 button, .caf3037b931fc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c8af8c0b1f222 svg, .cc5028edc9400 svg,
.c058c05c0b587 svg, .c845b7aae6338 button svg, .caf3037b931fc svg,
.c8af8c0b1f222 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c8af8c0b1f222:focus-visible, .cc5028edc9400:focus-visible,
.c058c05c0b587:focus-visible, .c845b7aae6338 button:focus-visible, .caf3037b931fc:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c8af8c0b1f222:focus-visible svg, .cc5028edc9400:focus-visible svg,
.c058c05c0b587:focus-visible svg, .c845b7aae6338 button:focus-visible svg, .caf3037b931fc:focus-visible svg,
.c8af8c0b1f222:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c8af8c0b1f222:hover, .cc5028edc9400:hover,
.c058c05c0b587:hover, .c845b7aae6338 button:hover, .caf3037b931fc:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c8af8c0b1f222:hover svg, .cc5028edc9400:hover svg,
.c058c05c0b587:hover svg, .c845b7aae6338 button:hover svg, .caf3037b931fc:hover svg,
.c8af8c0b1f222:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c8af8c0b1f222:active, .cc5028edc9400:active,
.c058c05c0b587:active, .c845b7aae6338 button:active, .caf3037b931fc:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c8af8c0b1f222:active svg, .cc5028edc9400:active svg,
.c058c05c0b587:active svg, .c845b7aae6338 button:active svg, .caf3037b931fc:active svg,
.c8af8c0b1f222:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c8af8c0b1f222.disabled, .cc5028edc9400.disabled,
.c058c05c0b587.disabled, .c845b7aae6338 button.disabled, .caf3037b931fc.disabled, .c8af8c0b1f222[disabled], [disabled].cc5028edc9400,
[disabled].c058c05c0b587, .c845b7aae6338 button[disabled], [disabled].caf3037b931fc, .c8af8c0b1f222:disabled, .cc5028edc9400:disabled,
.c058c05c0b587:disabled, .c845b7aae6338 button:disabled, .caf3037b931fc:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c8af8c0b1f222.disabled svg, .cc5028edc9400.disabled svg,
.c058c05c0b587.disabled svg, .c845b7aae6338 button.disabled svg, .caf3037b931fc.disabled svg,
.c8af8c0b1f222.disabled span svg, .c8af8c0b1f222[disabled] svg, [disabled].cc5028edc9400 svg,
[disabled].c058c05c0b587 svg, .c845b7aae6338 button[disabled] svg, [disabled].caf3037b931fc svg,
.c8af8c0b1f222[disabled] span svg, .c8af8c0b1f222:disabled svg, .cc5028edc9400:disabled svg,
.c058c05c0b587:disabled svg, .c845b7aae6338 button:disabled svg, .caf3037b931fc:disabled svg,
.c8af8c0b1f222:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c521277992edc {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c521277992edc svg {
  color: var(--button-icon-foreground-color-selected);
}

.c556cf8fafef2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c556cf8fafef2 svg,
.c556cf8fafef2 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c556cf8fafef2:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c556cf8fafef2:focus-visible svg,
.c556cf8fafef2:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c556cf8fafef2:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c556cf8fafef2:hover svg,
.c556cf8fafef2:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c556cf8fafef2:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c556cf8fafef2:active svg,
.c556cf8fafef2:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cfd6c17d550d6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cad74c0691197 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c453c0c0b1d4b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c453c0c0b1d4b:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c453c0c0b1d4b:focus-visible svg,
.c453c0c0b1d4b:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c453c0c0b1d4b:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c453c0c0b1d4b:active {
  border: none;
  background-color: transparent;
}

.c4cc32c4f53eb, .c8f6dd29b15fb,
.c491cb5e18b74, .c3a010e88faf4, .caf3037b931fc svg, .c3f3cb47943c1, .c517cef11aa06 span svg, .c845b7aae6338 button svg, .cb6e0cfa33535.intermediate svg, .c445fd9268cb2 label span.intermediate svg, .cb6e0cfa33535.checked svg, .c445fd9268cb2 label span.checked svg, .cc4ef9a0ddc53 span svg,
.cc4ef9a0ddc53 label svg, .c45debd7e278c svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c0cefb85a6ea4 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c0cefb85a6ea4:hover {
  fill: none;
  stroke: none;
}

.c3f3cb47943c1, .c517cef11aa06 span svg, .c845b7aae6338 button svg, .cb6e0cfa33535.intermediate svg, .c445fd9268cb2 label span.intermediate svg, .cb6e0cfa33535.checked svg, .c445fd9268cb2 label span.checked svg, .cc4ef9a0ddc53 span svg,
.cc4ef9a0ddc53 label svg, .c45debd7e278c svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c49003015bee4 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c49003015bee4:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c676a41acbe96, .ca3a6ae2ef18f input, .cb8c45703b863 input, .cc4ef9a0ddc53 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c676a41acbe96, .ca3a6ae2ef18f input, .cb8c45703b863 input, .cc4ef9a0ddc53 input {
    height: 23px;
  }
}
.c676a41acbe96, .ca3a6ae2ef18f input, .cb8c45703b863 input, .cc4ef9a0ddc53 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c676a41acbe96[disabled], .ca3a6ae2ef18f input[disabled], .cb8c45703b863 input[disabled], .cc4ef9a0ddc53 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c45debd7e278c {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cb3c5a609eb2a, .cc4ef9a0ddc53 span,
.cc4ef9a0ddc53 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb3c5a609eb2a, .cc4ef9a0ddc53 span,
  .cc4ef9a0ddc53 label {
    height: 25px;
  }
}
.cb3c5a609eb2a, .cc4ef9a0ddc53 span,
.cc4ef9a0ddc53 label {
  color: var(--input-foreground-color);
}

.cc4ef9a0ddc53 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc4ef9a0ddc53 {
    height: 25px;
    font-size: 10px;
  }
}
.cc4ef9a0ddc53 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cc4ef9a0ddc53 span svg,
.cc4ef9a0ddc53 label svg {
  color: var(--input-foreground-color);
}
.cc4ef9a0ddc53 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cc4ef9a0ddc53 ::placeholder {
  color: var(--input-placeholder-color);
}
.cc4ef9a0ddc53:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cc4ef9a0ddc53:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cc4ef9a0ddc53:hover span {
  color: var(--input-foreground-color-hover);
}
.cc4ef9a0ddc53:hover input {
  color: var(--input-foreground-color-hover);
}
.cc4ef9a0ddc53:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cc4ef9a0ddc53:active span {
  color: var(--input-foreground-color-active);
}
.cc4ef9a0ddc53:active input {
  color: var(--input-foreground-color-active);
}
.cc4ef9a0ddc53:focus, .cc4ef9a0ddc53:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc4ef9a0ddc53:focus span, .cc4ef9a0ddc53:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cc4ef9a0ddc53:focus input, .cc4ef9a0ddc53:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cc4ef9a0ddc53:focus:hover, .cc4ef9a0ddc53:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cc4ef9a0ddc53:focus:hover span, .cc4ef9a0ddc53:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cc4ef9a0ddc53:focus:hover input, .cc4ef9a0ddc53:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cb8c45703b863 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cb8c45703b863 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cb8c45703b863 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb8c45703b863 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb8c45703b863:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cb8c45703b863:focus-within input, .cb8c45703b863:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c274b205a60bf, .ca3a6ae2ef18f.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c274b205a60bf input, .ca3a6ae2ef18f.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c274b205a60bf span svg, .ca3a6ae2ef18f.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cb6e0cfa33535, .c445fd9268cb2 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cb6e0cfa33535 svg, .c445fd9268cb2 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cb6e0cfa33535:hover, .c445fd9268cb2 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb6e0cfa33535:focus, .c445fd9268cb2 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cb6e0cfa33535.checked, .c445fd9268cb2 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cb6e0cfa33535.checked svg, .c445fd9268cb2 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cb6e0cfa33535.intermediate, .c445fd9268cb2 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cb6e0cfa33535.intermediate svg, .c445fd9268cb2 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cb6e0cfa33535.unchecked, .c445fd9268cb2 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cb6e0cfa33535.unchecked svg, .c445fd9268cb2 label span.unchecked svg {
  display: none;
}

.c445fd9268cb2 {
  display: flex;
  align-items: center;
}
.c445fd9268cb2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c445fd9268cb2 label input {
  margin: 0;
}
.c445fd9268cb2 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c445fd9268cb2 label:focus span, .c445fd9268cb2 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.ca3a6ae2ef18f {
  display: flex;
  flex-direction: column;
}
.ca3a6ae2ef18f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.ca3a6ae2ef18f input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.ca3a6ae2ef18f input:focus-within input, .ca3a6ae2ef18f input:active input {
  color: var(--input-foreground-color-active);
}
.ca3a6ae2ef18f input:focus-within, .ca3a6ae2ef18f input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.ca3a6ae2ef18f.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.ca7ab0519353d {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c45eebe4584bf {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cf7f42ff5f560 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.caf3037b931fc {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cdc7aa3e41415 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cb1953ce5f8c3 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c088eca388407 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cadda814232d9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c3c0ce024896b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c2dfc23854f17 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c2dfc23854f17:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c79a0e19ba316 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c165077f8eb30 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ce59ad853ecc9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cc5c7c30783cc {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c0fc6b7b24eb6 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c0fc6b7b24eb6:hover, .c0fc6b7b24eb6:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c845b7aae6338 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c845b7aae6338 button {
  display: none;
}
.c845b7aae6338 button svg {
  stroke: var(--icon-foreground);
}
.c845b7aae6338:hover button {
  display: flex;
}

.c3eae8e7cd981 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c3eae8e7cd981 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c3eae8e7cd981 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c1447623eff4b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c1447623eff4b:hover div {
  color: var(--entry-foreground-color-hover);
}

.c5d590e9e3409 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c0145e983f021 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c0145e983f021:hover {
  background-color: var(--menu-background-color-hover);
}

.c517cef11aa06 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c517cef11aa06 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c517cef11aa06 span svg {
  stroke: var(--icon-foreground);
}
.c517cef11aa06:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c517cef11aa06:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cb7417e627c42 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.ce128078e2dfb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c3fe6dcb82527,
.c11da2b24307a {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c59f7ee6c1545 .c3fe6dcb82527,
.c59f7ee6c1545 .c11da2b24307a {
  transform: scale(1);
}

.c131b8d0e5f5a .c3fe6dcb82527,
.c131b8d0e5f5a .c11da2b24307a {
  transform: scale(0);
}

.c077798c55d1a {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 1.5625rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c077798c55d1a.c1f10116975f9 {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.c077798c55d1a .ce4d218c9ce7f {
  margin-right: 0.5rem;
}
.c077798c55d1a .c8869ab97e724 {
  flex-shrink: 0;
  height: 2rem;
}
.c077798c55d1a .c8869ab97e724 svg {
  height: 1rem;
  width: 1rem;
}
.c077798c55d1a nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.c077798c55d1a nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.c077798c55d1a nav li a {
  display: flex;
  align-items: center;
  flex-basis: 8.75rem;
  border-bottom: calc(1px + 0.125rem) solid transparent;
  color: var(--color-foreground-secondary);
  height: 2.5rem;
  padding: 0.25rem 1.5rem;
  font-weight: 400;
}
.c077798c55d1a nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.c077798c55d1a .c84bedcdf78de {
  display: flex;
  align-items: center;
  margin-left: 1.5625rem;
}
.c077798c55d1a .c84bedcdf78de h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 2rem;
  font-weight: 700;
  max-width: 44.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  white-space: nowrap;
  width: 100%;
}
.c077798c55d1a .c84bedcdf78de .cd529a8d24045.c822f492e314f {
  margin-top: 0.5rem;
}
.c077798c55d1a .ce8438d3abf05 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.c077798c55d1a .ce8438d3abf05 svg {
  color: var(--color-foreground-secondary);
  stroke: none;
  fill: none;
  width: 1rem;
  height: 1rem;
}
.c077798c55d1a .ce8438d3abf05 svg:hover {
  color: var(--color-accent-tertiary);
  stroke: none;
  fill: none;
}
.c077798c55d1a .c3e2b87afe686 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.c077798c55d1a .cf86fb6a6f53d {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.c077798c55d1a .c8637fda084c8 li a {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-foreground-third);
  border-color: transparent;
}
.c077798c55d1a .c8637fda084c8 li a:hover {
  color: var(--color-foreground-primary);
}
.c077798c55d1a .c8637fda084c8 li.c728b61d09000 a {
  color: var(--color-foreground-primary);
}

.ceb838da46051 {
  font-size: 0.875rem;
  font-weight: 400;
}

.c8869ab97e724 {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --z-index-auto: auto;
  --z-index-panels: 100;
  --z-index-guides: 200;
  --z-index-set: 300;
  --z-index-dropdown: 400;
  --z-index-notifications: 500;
  --z-index-loaders: 600;
}

.c5a4556a92048 {
  flex: 1 0 0;
  inline-size: 100%;
  margin-inline-end: var(--sp-l);
  border-block-start: 0.0625rem solid var(--panel-border-color);
  overflow-y: auto;
  padding-block-end: var(--sp-xxxl);
}

.c12cbb1c40a04 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  block-size: calc(100vh - 4rem);
}

.cdfe76fdb4308 {
  block-size: calc(100vh - 17.5rem);
}

.cc6a254f12438 {
  inline-size: calc(100vw - 20rem);
  margin-inline-end: 3.25rem;
}

.cd1b0ba770d4a {
  margin-block-start: var(--sp-m);
}

.cde2e9a8885c2 {
  --actions-opacity: 0;
  margin-block-end: var(--sp-xxl);
  position: relative;
}
.cde2e9a8885c2:hover, .cde2e9a8885c2:focus, .cde2e9a8885c2:focus-within {
  --actions-opacity: 1;
}

.c5c64965d69b8 {
  --actions-opacity: 1;
}

.c62a9f4117819 {
  display: grid;
  grid-auto-rows: min-content;
}

.c0e8b7f2562c1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-s);
  inline-size: 99%;
  max-block-size: 2.5rem;
  padding: var(--sp-s) var(--sp-s) var(--sp-s) var(--sp-40);
  margin-block-start: var(--sp-l);
  border-radius: 0.25rem;
}

.c07122767f59a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  inline-size: 100%;
  min-block-size: 2rem;
  margin-inline-start: var(--sp-s);
}

.c116b6512c9df {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--title-foreground-color-hover);
  cursor: pointer;
  block-size: 1rem;
  line-height: 0.8;
  margin-inline-end: var(--sp-m);
}

.c2af87c3999d8 {
  display: flex;
  align-items: center;
  gap: var(--sp-s);
}

.ca2ca1d92b331,
.c48605d2368ef {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  color: var(--color-foreground-third);
}
@media (max-width: 760px) {
  .ca2ca1d92b331,
  .c48605d2368ef {
    display: none;
  }
}

.caa05d54fdfa2 {
  display: flex;
  opacity: var(--actions-opacity);
  margin-inline-start: var(--sp-xxxl);
}

.cc5028edc9400,
.c058c05c0b587 {
  block-size: 2rem;
  inline-size: 2rem;
  margin: 0 var(--sp-s);
  padding: var(--sp-s);
}
.cc5028edc9400 svg,
.c058c05c0b587 svg {
  width: 16px;
  height: 16px;
}

.c8f6dd29b15fb,
.c491cb5e18b74 {
  stroke: none;
}

.c522206d0857c {
  inline-size: 100%;
  padding: 0 var(--sp-9);
}

.ce653423dc38a {
  margin: var(--sp-l) var(--sp-xxxl);
}

.c55312608e818 {
  --show-more-color: var(--button-secondary-foreground-color-rest);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  border: none;
  background: none;
  cursor: pointer;
  position: absolute;
  inset-block-start: var(--sp-s);
  inset-inline-end: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: var(--sp-m);
       column-gap: var(--sp-m);
  color: var(--show-more-color);
}
.c55312608e818:hover {
  --show-more-color: var(--button-secondary-foreground-color-active);
}

.ce50d121b6e8b {
  block-size: 1rem;
  inline-size: 1rem;
  fill: none;
}

.c8a7e13c9e7ec {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border: none;
  display: flex;
  margin: var(--sp-l);
  padding: var(--sp-s);
  position: relative;
}
.c8a7e13c9e7ec img {
  border-radius: 0.25rem;
  inline-size: auto;
}
@media (max-width: 1200px) {
  .c8a7e13c9e7ec img {
    display: none;
    inline-size: 0;
  }
}

.c5be4bff6e501 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  padding: var(--sp-xl) var(--sp-xl);
}

.cc579d85ccc33 {
  color: var(--color-foreground-primary);
  font-size: 1.5rem;
}

.ca2ca1d92b331 {
  flex: 1;
  font-size: 1rem;
}
.ca2ca1d92b331 span {
  color: var(--color-foreground-secondary);
  display: block;
}
.ca2ca1d92b331 a {
  color: var(--color-accent-primary);
}
.ca2ca1d92b331 {
  padding: var(--sp-s) 0;
}

.c90dcbb24ab60 {
  --close-icon-foreground-color: var(--app-black);
  position: absolute;
  top: var(--sp-xl);
  inset-inline-end: var(--sp-xxl);
  inline-size: var(--sp-xxl);
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.c90dcbb24ab60:hover {
  --close-icon-foreground-color: var(--button-icon-foreground-color-selected);
}

.c3a010e88faf4 {
  color: var(--close-icon-foreground-color);
}

.c94f3f16c8ef8 {
  block-size: 2rem;
  inline-size: 11.25rem;
}

.c69764fc618f5 {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--sp-xl) 0;
  block-size: var(--sp-xl) 0;
  overflow: hidden;
  border-radius: 0.25rem;
}
@media (max-width: 1200px) {
  .c69764fc618f5 {
    display: none;
    inline-size: 0;
  }
}
@keyframes c154ac389afb4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c24e8ec98fdc1 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c24e8ec98fdc1:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c24e8ec98fdc1 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c24e8ec98fdc1 ::-webkit-scrollbar-track,
.c24e8ec98fdc1 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c24e8ec98fdc1 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c24e8ec98fdc1 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c24e8ec98fdc1 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c24e8ec98fdc1 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c24e8ec98fdc1 ::placeholder,
.c24e8ec98fdc1 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c7de51da1e2f4, .c0047579f34e7, .cb2a7e59f4dbf, .c680ee52f303a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c7de51da1e2f4 svg, .c0047579f34e7 svg, .cb2a7e59f4dbf svg, .c680ee52f303a svg,
.c7de51da1e2f4 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c7de51da1e2f4:focus-visible, .c0047579f34e7:focus-visible, .cb2a7e59f4dbf:focus-visible, .c680ee52f303a:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c7de51da1e2f4:focus-visible svg, .c0047579f34e7:focus-visible svg, .cb2a7e59f4dbf:focus-visible svg, .c680ee52f303a:focus-visible svg,
.c7de51da1e2f4:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c7de51da1e2f4:hover, .c0047579f34e7:hover, .cb2a7e59f4dbf:hover, .c680ee52f303a:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c7de51da1e2f4:hover svg, .c0047579f34e7:hover svg, .cb2a7e59f4dbf:hover svg, .c680ee52f303a:hover svg,
.c7de51da1e2f4:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c7de51da1e2f4:active, .c0047579f34e7:active, .cb2a7e59f4dbf:active, .c680ee52f303a:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c7de51da1e2f4:active svg, .c0047579f34e7:active svg, .cb2a7e59f4dbf:active svg, .c680ee52f303a:active svg,
.c7de51da1e2f4:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c7de51da1e2f4.disabled, .c0047579f34e7.disabled, .cb2a7e59f4dbf.disabled, .c680ee52f303a.disabled, .c7de51da1e2f4[disabled], [disabled].c0047579f34e7, [disabled].cb2a7e59f4dbf, [disabled].c680ee52f303a, .c7de51da1e2f4:disabled, .c0047579f34e7:disabled, .cb2a7e59f4dbf:disabled, .c680ee52f303a:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cfccb116c47f9, .cd91884cbcec2, .c3713e93468d6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cfccb116c47f9 svg, .cd91884cbcec2 svg, .c3713e93468d6 svg,
.cfccb116c47f9 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cfccb116c47f9:focus-visible, .cd91884cbcec2:focus-visible, .c3713e93468d6:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cfccb116c47f9:focus-visible svg, .cd91884cbcec2:focus-visible svg, .c3713e93468d6:focus-visible svg,
.cfccb116c47f9:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cfccb116c47f9:hover, .cd91884cbcec2:hover, .c3713e93468d6:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cfccb116c47f9:hover svg, .cd91884cbcec2:hover svg, .c3713e93468d6:hover svg,
.cfccb116c47f9:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cfccb116c47f9:active, .cd91884cbcec2:active, .c3713e93468d6:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cfccb116c47f9:active svg, .cd91884cbcec2:active svg, .c3713e93468d6:active svg,
.cfccb116c47f9:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cfccb116c47f9.disabled, .cd91884cbcec2.disabled, .c3713e93468d6.disabled, .cfccb116c47f9[disabled], [disabled].cd91884cbcec2, [disabled].c3713e93468d6, .cfccb116c47f9:disabled, .cd91884cbcec2:disabled, .c3713e93468d6:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbe0a9011fbf0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cbe0a9011fbf0 svg,
.cbe0a9011fbf0 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cbe0a9011fbf0:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cbe0a9011fbf0:focus-visible svg,
.cbe0a9011fbf0:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cbe0a9011fbf0:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cbe0a9011fbf0:hover svg,
.cbe0a9011fbf0:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cbe0a9011fbf0:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cbe0a9011fbf0:active svg,
.cbe0a9011fbf0:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cbe0a9011fbf0.disabled, .cbe0a9011fbf0[disabled], .cbe0a9011fbf0:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c303a8ec894d5, .cd8debd535c8f button, .cc06e585c5c8d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c303a8ec894d5 svg, .cd8debd535c8f button svg, .cc06e585c5c8d svg,
.c303a8ec894d5 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c303a8ec894d5:focus-visible, .cd8debd535c8f button:focus-visible, .cc06e585c5c8d:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c303a8ec894d5:focus-visible svg, .cd8debd535c8f button:focus-visible svg, .cc06e585c5c8d:focus-visible svg,
.c303a8ec894d5:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c303a8ec894d5:hover, .cd8debd535c8f button:hover, .cc06e585c5c8d:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c303a8ec894d5:hover svg, .cd8debd535c8f button:hover svg, .cc06e585c5c8d:hover svg,
.c303a8ec894d5:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c303a8ec894d5:active, .cd8debd535c8f button:active, .cc06e585c5c8d:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c303a8ec894d5:active svg, .cd8debd535c8f button:active svg, .cc06e585c5c8d:active svg,
.c303a8ec894d5:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c303a8ec894d5.disabled, .cd8debd535c8f button.disabled, .cc06e585c5c8d.disabled, .c303a8ec894d5[disabled], .cd8debd535c8f button[disabled], [disabled].cc06e585c5c8d, .c303a8ec894d5:disabled, .cd8debd535c8f button:disabled, .cc06e585c5c8d:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c303a8ec894d5.disabled svg, .cd8debd535c8f button.disabled svg, .cc06e585c5c8d.disabled svg,
.c303a8ec894d5.disabled span svg, .c303a8ec894d5[disabled] svg, .cd8debd535c8f button[disabled] svg, [disabled].cc06e585c5c8d svg,
.c303a8ec894d5[disabled] span svg, .c303a8ec894d5:disabled svg, .cd8debd535c8f button:disabled svg, .cc06e585c5c8d:disabled svg,
.c303a8ec894d5:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cb67791bcaeae {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cb67791bcaeae svg {
  color: var(--button-icon-foreground-color-selected);
}

.cb67f16c469ab {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cb67f16c469ab svg,
.cb67f16c469ab span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cb67f16c469ab:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cb67f16c469ab:focus-visible svg,
.cb67f16c469ab:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cb67f16c469ab:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cb67f16c469ab:hover svg,
.cb67f16c469ab:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cb67f16c469ab:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cb67f16c469ab:active svg,
.cb67f16c469ab:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c2093d2b87870 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c0f9aee6b96bc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c7ed976a19f89 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c7ed976a19f89:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c7ed976a19f89:focus-visible svg,
.c7ed976a19f89:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c7ed976a19f89:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c7ed976a19f89:active {
  border: none;
  background-color: transparent;
}

.cdb6f91156baf, .cc06e585c5c8d svg, .c962347751df7, .c2a5b37671ccc span svg, .cd8debd535c8f button svg, .c92972c213600.intermediate svg, .c269ce3e22530 label span.intermediate svg, .c92972c213600.checked svg, .c269ce3e22530 label span.checked svg, .c8f368c895b76 span svg,
.c8f368c895b76 label svg, .c437263768c43 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c24b895a283ab {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c24b895a283ab:hover {
  fill: none;
  stroke: none;
}

.c962347751df7, .c2a5b37671ccc span svg, .cd8debd535c8f button svg, .c92972c213600.intermediate svg, .c269ce3e22530 label span.intermediate svg, .c92972c213600.checked svg, .c269ce3e22530 label span.checked svg, .c8f368c895b76 span svg,
.c8f368c895b76 label svg, .c437263768c43 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cdda37fb43a01 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cdda37fb43a01:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cdc6253c58032, .c4e8df237abdb input, .c1650e22c6e22 input, .c8f368c895b76 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cdc6253c58032, .c4e8df237abdb input, .c1650e22c6e22 input, .c8f368c895b76 input {
    height: 23px;
  }
}
.cdc6253c58032, .c4e8df237abdb input, .c1650e22c6e22 input, .c8f368c895b76 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cdc6253c58032[disabled], .c4e8df237abdb input[disabled], .c1650e22c6e22 input[disabled], .c8f368c895b76 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c437263768c43 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cc1f0eba1ee19, .c8f368c895b76 span,
.c8f368c895b76 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cc1f0eba1ee19, .c8f368c895b76 span,
  .c8f368c895b76 label {
    height: 25px;
  }
}
.cc1f0eba1ee19, .c8f368c895b76 span,
.c8f368c895b76 label {
  color: var(--input-foreground-color);
}

.c8f368c895b76 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c8f368c895b76 {
    height: 25px;
    font-size: 10px;
  }
}
.c8f368c895b76 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c8f368c895b76 span svg,
.c8f368c895b76 label svg {
  color: var(--input-foreground-color);
}
.c8f368c895b76 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c8f368c895b76 ::placeholder {
  color: var(--input-placeholder-color);
}
.c8f368c895b76:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c8f368c895b76:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c8f368c895b76:hover span {
  color: var(--input-foreground-color-hover);
}
.c8f368c895b76:hover input {
  color: var(--input-foreground-color-hover);
}
.c8f368c895b76:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c8f368c895b76:active span {
  color: var(--input-foreground-color-active);
}
.c8f368c895b76:active input {
  color: var(--input-foreground-color-active);
}
.c8f368c895b76:focus, .c8f368c895b76:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c8f368c895b76:focus span, .c8f368c895b76:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c8f368c895b76:focus input, .c8f368c895b76:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c8f368c895b76:focus:hover, .c8f368c895b76:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c8f368c895b76:focus:hover span, .c8f368c895b76:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c8f368c895b76:focus:hover input, .c8f368c895b76:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c1650e22c6e22 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c1650e22c6e22 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c1650e22c6e22 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1650e22c6e22 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1650e22c6e22:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c1650e22c6e22:focus-within input, .c1650e22c6e22:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ce9ead5f2fc70, .c4e8df237abdb.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ce9ead5f2fc70 input, .c4e8df237abdb.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ce9ead5f2fc70 span svg, .c4e8df237abdb.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c92972c213600, .c269ce3e22530 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c92972c213600 svg, .c269ce3e22530 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c92972c213600:hover, .c269ce3e22530 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c92972c213600:focus, .c269ce3e22530 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c92972c213600.checked, .c269ce3e22530 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c92972c213600.checked svg, .c269ce3e22530 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c92972c213600.intermediate, .c269ce3e22530 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c92972c213600.intermediate svg, .c269ce3e22530 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c92972c213600.unchecked, .c269ce3e22530 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c92972c213600.unchecked svg, .c269ce3e22530 label span.unchecked svg {
  display: none;
}

.c269ce3e22530 {
  display: flex;
  align-items: center;
}
.c269ce3e22530 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c269ce3e22530 label input {
  margin: 0;
}
.c269ce3e22530 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c269ce3e22530 label:focus span, .c269ce3e22530 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c4e8df237abdb {
  display: flex;
  flex-direction: column;
}
.c4e8df237abdb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c4e8df237abdb input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c4e8df237abdb input:focus-within input, .c4e8df237abdb input:active input {
  color: var(--input-foreground-color-active);
}
.c4e8df237abdb input:focus-within, .c4e8df237abdb input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c4e8df237abdb.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c32da06b5b90a {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c591d0275f29b {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ce07fe43f70b0 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cc06e585c5c8d {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c33d629c409b3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ce45ced9da7e4 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c3713e93468d6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c680ee52f303a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cb2a7e59f4dbf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c7ed5bd7c2022 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c7ed5bd7c2022:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c59bb3b11c049 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c076da5e7e13b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c9000c02d9a22 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c07184f1655a5 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cc184da2f9ece {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cc184da2f9ece:hover, .cc184da2f9ece:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cd8debd535c8f div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cd8debd535c8f button {
  display: none;
}
.cd8debd535c8f button svg {
  stroke: var(--icon-foreground);
}
.cd8debd535c8f:hover button {
  display: flex;
}

.c05480fc79bcd {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c05480fc79bcd .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c05480fc79bcd .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c2c157bca59c6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c2c157bca59c6:hover div {
  color: var(--entry-foreground-color-hover);
}

.c9ee1f4f79fb1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.caa165f2574e7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.caa165f2574e7:hover {
  background-color: var(--menu-background-color-hover);
}

.c2a5b37671ccc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c2a5b37671ccc span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c2a5b37671ccc span svg {
  stroke: var(--icon-foreground);
}
.c2a5b37671ccc:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c2a5b37671ccc:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c7ba1cd106d15 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.cba3c7cdb363e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c958c5c0965de,
.ca7113b4de9bf {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ce4805a149d08 .c958c5c0965de,
.ce4805a149d08 .ca7113b4de9bf {
  transform: scale(1);
}

.ce7a6d1b01c32 .c958c5c0965de,
.ce7a6d1b01c32 .ca7113b4de9bf {
  transform: scale(0);
}

.c3c12299a3c43 {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 1.5625rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c3c12299a3c43.c4dd5455e68fc {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.c3c12299a3c43 .c582dbcd634b8 {
  margin-right: 0.5rem;
}
.c3c12299a3c43 .cd91884cbcec2 {
  flex-shrink: 0;
  height: 2rem;
}
.c3c12299a3c43 .cd91884cbcec2 svg {
  height: 1rem;
  width: 1rem;
}
.c3c12299a3c43 nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.c3c12299a3c43 nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.c3c12299a3c43 nav li a {
  display: flex;
  align-items: center;
  flex-basis: 8.75rem;
  border-bottom: calc(1px + 0.125rem) solid transparent;
  color: var(--color-foreground-secondary);
  height: 2.5rem;
  padding: 0.25rem 1.5rem;
  font-weight: 400;
}
.c3c12299a3c43 nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.c3c12299a3c43 .cecaa27f4712a {
  display: flex;
  align-items: center;
  margin-left: 1.5625rem;
}
.c3c12299a3c43 .cecaa27f4712a h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 2rem;
  font-weight: 700;
  max-width: 44.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  white-space: nowrap;
  width: 100%;
}
.c3c12299a3c43 .cecaa27f4712a .c8217f77007dc.cc2d5982c6be4 {
  margin-top: 0.5rem;
}
.c3c12299a3c43 .c0fcc7ea7db0d {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.c3c12299a3c43 .c0fcc7ea7db0d svg {
  color: var(--color-foreground-secondary);
  stroke: none;
  fill: none;
  width: 1rem;
  height: 1rem;
}
.c3c12299a3c43 .c0fcc7ea7db0d svg:hover {
  color: var(--color-accent-tertiary);
  stroke: none;
  fill: none;
}
.c3c12299a3c43 .c064caefcf8a4 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.c3c12299a3c43 .cc8dc09242c2b {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.c3c12299a3c43 .caf9b77195cf4 li a {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-foreground-third);
  border-color: transparent;
}
.c3c12299a3c43 .caf9b77195cf4 li a:hover {
  color: var(--color-foreground-primary);
}
.c3c12299a3c43 .caf9b77195cf4 li.c7becd9c5a9af a {
  color: var(--color-foreground-primary);
}

.c0047579f34e7 {
  font-size: 0.875rem;
  font-weight: 400;
}

.cd91884cbcec2 {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.cd97c3b51eb57 {
  font-size: 0.875rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 1rem 0 2.5rem;
}

.cfdf753e0ebeb {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(0.75rem + var(--th-width, 22rem));
  width: 100%;
  gap: 1.5rem;
}

.c7e4fd341d202 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin: 0.75rem 0;
  position: relative;
  text-align: center;
}
.c7e4fd341d202 a,
.c7e4fd341d202 button {
  width: 100%;
  font-weight: 400;
}
.c7e4fd341d202 button {
  background-color: transparent;
  border: none;
  padding: 0 0.375rem;
}
.c7e4fd341d202 .c1c023a46fd52 {
  border-radius: 8px;
  text-align: initial;
  width: var(--th-width, 22rem);
  height: var(--th-height, 14.375rem);
  background-size: cover;
  overflow: hidden;
}
.c7e4fd341d202 .c1c023a46fd52 img {
  -o-object-fit: contain;
     object-fit: contain;
}
.c7e4fd341d202.c23f18f9f3070 {
  border-radius: 4px;
  outline: 4px solid var(--color-accent-primary);
  text-align: initial;
  width: calc(var(--th-width) + 0.75rem);
  height: var(--th-height, 14.375rem);
}
.c7e4fd341d202.cfe600dd875e3 {
  border-radius: 4px;
  border: 0.125rem solid var(--color-accent-tertiary);
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.c7e4fd341d202:hover .cfe600dd875e3 {
  display: block;
  opacity: 1;
}
.c7e4fd341d202 .cc5f7513bd37e {
  display: grid;
  grid-template-columns: 1fr auto;
  cursor: pointer;
  max-width: var(--th-width, 22rem);
}
.c7e4fd341d202 .c7c485da14699 {
  display: grid;
  padding: 0.5rem;
  text-align: left;
  width: 100%;
  font-size: 0.75rem;
}
.c7e4fd341d202 .c7c485da14699 h3 {
  border: 1px solid transparent;
  color: var(--color-foreground-primary);
  font-size: 1rem;
  font-weight: 400;
  height: 1.75rem;
  line-height: 1.92;
  max-width: 16.25rem;
  overflow: hidden;
  padding-right: 0.5rem;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
@media (max-width: 1366px) {
  .c7e4fd341d202 .c7c485da14699 h3 {
    max-width: 14.5rem;
  }
}
.c7e4fd341d202 .c7c485da14699 .c7ea04727215a {
  color: var(--color-foreground-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  max-width: 16.25rem;
}
.c7e4fd341d202 .c7c485da14699 .c7ea04727215a::first-letter {
  text-transform: capitalize;
}
@media (max-width: 1366px) {
  .c7e4fd341d202 .c7c485da14699 .c7ea04727215a {
    max-width: 14.5rem;
  }
}
.c7e4fd341d202 .c6b0edbd7efc5 {
  background-color: var(--color-accent-primary);
  border: none;
  border-radius: 6px;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c7e4fd341d202 .c6b0edbd7efc5 svg {
  color: var(--color-background-secondary);
  fill: none;
  height: 1rem;
  width: 1rem;
}
.c7e4fd341d202.c91e5ce868283 {
  border: 1px dashed var(--color-foreground-secondary);
  justify-content: center;
  box-shadow: none;
}
.c7e4fd341d202.c91e5ce868283 span {
  color: var(--color-background-primary);
  font-size: 0.875rem;
}
.c7e4fd341d202.c91e5ce868283:hover {
  background-color: var(--color-foreground-primary);
  border: 0.125rem solid var(--color-accent-tertiary);
}

.c335f2587262e {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
  background-color: var(--color-accent-tertiary);
  border-radius: 50%;
  color: var(--color-background-secondary);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c5696b9a381a4 {
  background-color: transparent;
  border-radius: 8px;
  padding-top: 0.375rem;
}
.c5696b9a381a4:hover, .c5696b9a381a4:focus, .c5696b9a381a4:focus-within {
  background-color: var(--color-background-quaternary);
}
.c5696b9a381a4:hover .c9b7ecfbdbd73, .c5696b9a381a4:focus .c9b7ecfbdbd73, .c5696b9a381a4:focus-within .c9b7ecfbdbd73 {
  opacity: 1;
}
.c5696b9a381a4:hover a, .c5696b9a381a4:focus a, .c5696b9a381a4:focus-within a {
  text-decoration: none;
}
.c5696b9a381a4 .cf0c78d7c5c98 .c1c023a46fd52 {
  outline: 0.25rem solid var(--color-accent-tertiary);
}

.c9b7ecfbdbd73 {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 0;
  right: 0.375rem;
  width: 2rem;
}
.c9b7ecfbdbd73 span {
  color: var(--color-background-secondary);
}

.c849f29df31e1 {
  align-items: center;
  display: flex;
  margin-right: 0.5rem;
  margin-top: 0;
}

.ca71d855958e7 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  height: 2rem;
  justify-content: center;
  margin-right: 0;
  margin-top: 1.25rem;
  width: 100%;
  --menu-icon-color: var(--button-secondary-foreground-color-rest);
}
.ca71d855958e7:hover, .ca71d855958e7:focus {
  --menu-icon-color: var(--button-secondary-foreground-color-hover);
}

.cf1ff848df1b3 {
  stroke: none;
  color: var(--menu-icon-color);
  fill: none;
  margin-right: 0;
  height: 1rem;
  width: 1rem;
}

.c9b7ecfbdbd73.c798a6d720112 {
  opacity: 1;
}

.c1c023a46fd52 {
  border-radius: 4px;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.c1c023a46fd52 .c32ebb26ba5e8 {
  height: auto;
  width: 100%;
}

.cbb39e24a252d {
  height: 36.25rem;
}

.c7e4fd341d202.c5696b9a381a4.cbb39e24a252d {
  height: 38.25rem;
}

.c1c023a46fd52.cbb39e24a252d {
  background-color: var(--color-background-fifty);
  flex-direction: column;
  height: 90%;
  justify-content: flex-start;
  max-height: 36.25rem;
  padding: 2rem;
}
.c1c023a46fd52.cbb39e24a252d .cf173c6201133 {
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
}
.c1c023a46fd52.cbb39e24a252d .cf173c6201133:not(:first-child) {
  margin-top: 1rem;
}
.c1c023a46fd52.cbb39e24a252d .c5be926d09487 {
  display: flex;
  font-size: 0.875rem;
}
.c1c023a46fd52.cbb39e24a252d .c5be926d09487 .c90e1cda8ee5d {
  color: var(--color-foreground-secondary);
}
.c1c023a46fd52.cbb39e24a252d .c9f96388ed882 {
  align-items: center;
  border-radius: 4px;
  border: 1px solid transparent;
  color: var(--color-foreground-primary);
  display: flex;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  padding: 0.125rem;
  position: relative;
}
.c1c023a46fd52.cbb39e24a252d .c9f96388ed882 .cb30b905842ae {
  color: var(--color-foreground-secondary);
  width: calc(100% - 1.5rem - 0.5rem);
}
.c1c023a46fd52.cbb39e24a252d .c9f96388ed882 .c458bf0210ec7 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c1c023a46fd52.cbb39e24a252d .c9f96388ed882 svg {
  background-color: var(--color-canvas);
  border-radius: 4px;
  border: 0.125rem solid transparent;
  height: 1.5rem;
  margin-right: 0.5rem;
  width: 1.5rem;
}
.c1c023a46fd52.cbb39e24a252d .c9f96388ed882 .caaee040be31d {
  color: var(--color-foreground-primary);
}
.c1c023a46fd52.cbb39e24a252d .c9f96388ed882 .cf8c2e91deb57 {
  color: var(--color-foreground-secondary);
  margin-left: 0.25rem;
  text-transform: uppercase;
}
.c1c023a46fd52.cbb39e24a252d .c9f96388ed882 .c812767f33ae4 {
  height: 1.25rem;
  margin-right: 0.25rem;
  width: 1.25rem;
}

.c33eda7b3a573 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
}

.c208bf4ebe851 {
  --icon-width: calc(var(--th-width, 22rem) * 0.25);
}

.c53ec4cc25597 {
  opacity: 0.5;
}

.c29e0ec30a3df {
  border-radius: 12px;
  display: grid;
  padding: 0.75rem 0;
}
.c29e0ec30a3df.c39842c8eea00 {
  background-image: url(/images/ph-left.svg), url(/images/ph-right.svg);
  background-position: 15% bottom, 85% top;
  background-repeat: no-repeat;
  align-items: center;
  border: 1px solid var(--color-background-quaternary);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 12.5rem;
  margin: 1rem;
  padding: 3rem;
  justify-content: center;
}
.c29e0ec30a3df.c39842c8eea00 .c4ab3379f81f0 a {
  color: var(--color-foreground-primary);
}
.c29e0ec30a3df.c39842c8eea00 .c4ab3379f81f0 p {
  max-width: 22.5rem;
  text-align: center;
  font-size: 1rem;
}
.c29e0ec30a3df .c8211978697f6 {
  background-color: var(--color-background-fifty);
  border-radius: 8px;
  color: var(--color-foreground-primary);
  cursor: pointer;
  height: 14.375rem;
  margin: 0.5rem;
  border: 0.125rem solid transparent;
  width: var(--th-width, 22rem);
  height: var(--th-height, 14.375rem);
}
.c29e0ec30a3df .c8211978697f6 svg {
  width: 2rem;
  height: 2rem;
  color: var(--color-foreground-secondary);
}
.c29e0ec30a3df .c8211978697f6:hover {
  border: 0.125rem solid var(--color-accent-tertiary);
  background-color: var(--color-background-quaternary);
  color: var(--color-accent-primary);
}
.c29e0ec30a3df .c8211978697f6:hover svg {
  color: var(--color-accent-tertiary);
}
.c29e0ec30a3df .c4ab3379f81f0 {
  margin-top: 0.75rem;
  color: var(--color-foreground-secondary);
  font-size: 1rem;
}

.c356021731293 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: var(--sp-xxxl);
  margin: var(--sp-xxxl) 0 var(--sp-m) 0;
}

.cd1be48c7f9b4 {
  color: var(--color-foreground-secondary);
  font-size: 1rem;
  text-align: center;
}

.c6aab7d98de63 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1.5rem;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.43;
}
.c6aab7d98de63 a {
  color: var(--color-accent-primary);
  line-height: 1.43;
}

.cf2de936642f6 {
  padding-top: 105px;
  padding-left: 135px;
  height: 145px;
  width: 582px;
  color: var(--color-foreground-secondary);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1.5rem;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.43;
}

.cef43e178b7fa {
  width: 100%;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0.75rem;
}

.c476930445389 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  --color-card-background: var(--color-background-tertiary);
  --color-card-title: var(--color-foreground-primary);
  --color-card-subtitle: var(--color-foreground-secondary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--color-card-background);
  border: 0.125rem solid var(--color-background-quaternary);
  border-radius: 8px;
  padding: var(--sp-m) 0;
}
.c476930445389:hover {
  --color-card-background: var(--color-accent-primary);
  --color-card-title: var(--color-background-secondary);
  --color-card-subtitle: var(--color-background-secondary);
  cursor: pointer;
}
.c476930445389:hover .c611b86e0a93e {
  font-weight: 500;
}
.c476930445389 {
  flex-grow: 1;
}

.c611b86e0a93e {
  color: var(--color-card-title);
  text-align: center;
}

.c77cf6f9c3943 {
  color: var(--color-card-subtitle);
  text-align: center;
}

.cf76f85330b6a {
  flex: 1 0 0;
  margin-left: 1rem;
  overflow-y: auto;
  border-top: 1px solid var(--color-background-quaternary);
}
.cf76f85330b6a.cb295e622ea43 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cf76f85330b6a.cbfb6fcee1375 {
  width: calc(100vw - 20rem);
  margin-right: 3.25rem;
}
.cf76f85330b6a.c751a1a519d1e {
  margin-top: 0.75rem;
}

.c29e0ec30a3df.c751a1a519d1e {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 12.5rem;
  background: transparent;
  border: 1px solid var(--color-background-quaternary);
  border-radius: 8px;
}
.c29e0ec30a3df.c751a1a519d1e .c4ab3379f81f0 {
  color: var(--color-foreground-primary);
}
.c29e0ec30a3df.c751a1a519d1e .c0fcc7ea7db0d svg {
  color: var(--color-foreground-secondary);
  width: 2rem;
  height: 2rem;
}
.light {
  --color-accent-primary: #6911d4;
  --color-accent-primary-muted: #e1d2f5;
  --color-accent-secondary: #1345aa;
  --color-accent-tertiary: #8c33eb;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(105, 17, 212, 0.6);
  --color-accent-select: rgba(140, 51, 235, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #a7e8d9;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #fedeac;
  --color-accent-error: #c80857;
  --color-background-error: #ffcada;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #bae3fd;
  --color-background-default: #fff;
  --color-accent-default: #eef0f2;
  --color-icon-default: #495e74;
  --color-background-disabled: #e8eaee;
  --color-background-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(255, 255, 255, 0.6);
  --color-overlay-onboarding: rgba(255, 255, 255, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #ddf7ff;
  --color-token-border: #77e1f3;
  --color-token-accent: #59acbb;
  --color-token-foreground: #1d4464;
  --color-badge-premium: #fe9c07;
}

.default {
  --color-accent-primary: #7efff5;
  --color-accent-primary-muted: #426158;
  --color-accent-secondary: #bb97d8;
  --color-accent-tertiary: #00d1b8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: rgba(126, 255, 245, 0.6);
  --color-accent-select: rgba(0, 209, 184, 0.1019607843);
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-background-success: #0a2927;
  --color-accent-warning: #fe9c07;
  --color-background-warning: #3d2501;
  --color-accent-error: #c80857;
  --color-background-error: #500124;
  --color-foreground-error: #ff3277;
  --color-accent-info: #0e9be9;
  --color-background-info: #082c49;
  --color-background-default: #181A19;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-background-disabled: #535353;
  --color-background-primary: #181A19;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #535353;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-static-white: #fff;
  --color-static-black: #000;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

:root {
  --z-index-auto: auto;
  --z-index-panels: 100;
  --z-index-guides: 200;
  --z-index-set: 300;
  --z-index-dropdown: 400;
  --z-index-notifications: 500;
  --z-index-loaders: 600;
}

@keyframes c343015fac821 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c23598ccc42cd {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c23598ccc42cd:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c23598ccc42cd ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c23598ccc42cd ::-webkit-scrollbar-track,
.c23598ccc42cd ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c23598ccc42cd ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c23598ccc42cd ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c23598ccc42cd ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c23598ccc42cd ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c23598ccc42cd ::placeholder,
.c23598ccc42cd ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c9209af14df42, .c1159706fba65, .c14bb5d3f3d59, .c85bbd588a06b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c9209af14df42 svg, .c1159706fba65 svg, .c14bb5d3f3d59 svg, .c85bbd588a06b svg,
.c9209af14df42 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c9209af14df42:focus-visible, .c1159706fba65:focus-visible, .c14bb5d3f3d59:focus-visible, .c85bbd588a06b:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c9209af14df42:focus-visible svg, .c1159706fba65:focus-visible svg, .c14bb5d3f3d59:focus-visible svg, .c85bbd588a06b:focus-visible svg,
.c9209af14df42:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c9209af14df42:hover, .c1159706fba65:hover, .c14bb5d3f3d59:hover, .c85bbd588a06b:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c9209af14df42:hover svg, .c1159706fba65:hover svg, .c14bb5d3f3d59:hover svg, .c85bbd588a06b:hover svg,
.c9209af14df42:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c9209af14df42:active, .c1159706fba65:active, .c14bb5d3f3d59:active, .c85bbd588a06b:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c9209af14df42:active svg, .c1159706fba65:active svg, .c14bb5d3f3d59:active svg, .c85bbd588a06b:active svg,
.c9209af14df42:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c9209af14df42.disabled, .c1159706fba65.disabled, .c14bb5d3f3d59.disabled, .c85bbd588a06b.disabled, .c9209af14df42[disabled], [disabled].c1159706fba65, [disabled].c14bb5d3f3d59, [disabled].c85bbd588a06b, .c9209af14df42:disabled, .c1159706fba65:disabled, .c14bb5d3f3d59:disabled, .c85bbd588a06b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c209a50f21c60, .c6c2e8e685e36, .c4ed2d4dde261 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c209a50f21c60 svg, .c6c2e8e685e36 svg, .c4ed2d4dde261 svg,
.c209a50f21c60 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c209a50f21c60:focus-visible, .c6c2e8e685e36:focus-visible, .c4ed2d4dde261:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c209a50f21c60:focus-visible svg, .c6c2e8e685e36:focus-visible svg, .c4ed2d4dde261:focus-visible svg,
.c209a50f21c60:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c209a50f21c60:hover, .c6c2e8e685e36:hover, .c4ed2d4dde261:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c209a50f21c60:hover svg, .c6c2e8e685e36:hover svg, .c4ed2d4dde261:hover svg,
.c209a50f21c60:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c209a50f21c60:active, .c6c2e8e685e36:active, .c4ed2d4dde261:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c209a50f21c60:active svg, .c6c2e8e685e36:active svg, .c4ed2d4dde261:active svg,
.c209a50f21c60:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c209a50f21c60.disabled, .c6c2e8e685e36.disabled, .c4ed2d4dde261.disabled, .c209a50f21c60[disabled], [disabled].c6c2e8e685e36, [disabled].c4ed2d4dde261, .c209a50f21c60:disabled, .c6c2e8e685e36:disabled, .c4ed2d4dde261:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5826b12c6713 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c5826b12c6713 svg,
.c5826b12c6713 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c5826b12c6713:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c5826b12c6713:focus-visible svg,
.c5826b12c6713:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c5826b12c6713:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c5826b12c6713:hover svg,
.c5826b12c6713:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c5826b12c6713:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c5826b12c6713:active svg,
.c5826b12c6713:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c5826b12c6713.disabled, .c5826b12c6713[disabled], .c5826b12c6713:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c9b3e1152596b, .c6e8821ccb744 button, .c19eace6e7ae9 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c9b3e1152596b svg, .c6e8821ccb744 button svg, .c19eace6e7ae9 svg,
.c9b3e1152596b span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c9b3e1152596b:focus-visible, .c6e8821ccb744 button:focus-visible, .c19eace6e7ae9:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c9b3e1152596b:focus-visible svg, .c6e8821ccb744 button:focus-visible svg, .c19eace6e7ae9:focus-visible svg,
.c9b3e1152596b:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c9b3e1152596b:hover, .c6e8821ccb744 button:hover, .c19eace6e7ae9:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c9b3e1152596b:hover svg, .c6e8821ccb744 button:hover svg, .c19eace6e7ae9:hover svg,
.c9b3e1152596b:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c9b3e1152596b:active, .c6e8821ccb744 button:active, .c19eace6e7ae9:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c9b3e1152596b:active svg, .c6e8821ccb744 button:active svg, .c19eace6e7ae9:active svg,
.c9b3e1152596b:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c9b3e1152596b.disabled, .c6e8821ccb744 button.disabled, .c19eace6e7ae9.disabled, .c9b3e1152596b[disabled], .c6e8821ccb744 button[disabled], [disabled].c19eace6e7ae9, .c9b3e1152596b:disabled, .c6e8821ccb744 button:disabled, .c19eace6e7ae9:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c9b3e1152596b.disabled svg, .c6e8821ccb744 button.disabled svg, .c19eace6e7ae9.disabled svg,
.c9b3e1152596b.disabled span svg, .c9b3e1152596b[disabled] svg, .c6e8821ccb744 button[disabled] svg, [disabled].c19eace6e7ae9 svg,
.c9b3e1152596b[disabled] span svg, .c9b3e1152596b:disabled svg, .c6e8821ccb744 button:disabled svg, .c19eace6e7ae9:disabled svg,
.c9b3e1152596b:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c1da9102c14cd {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c1da9102c14cd svg {
  color: var(--button-icon-foreground-color-selected);
}

.c258a53334b94 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c258a53334b94 svg,
.c258a53334b94 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c258a53334b94:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c258a53334b94:focus-visible svg,
.c258a53334b94:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c258a53334b94:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c258a53334b94:hover svg,
.c258a53334b94:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c258a53334b94:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c258a53334b94:active svg,
.c258a53334b94:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c6efc62899145 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cd27f1b500948 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ccff5a974813f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ccff5a974813f:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ccff5a974813f:focus-visible svg,
.ccff5a974813f:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ccff5a974813f:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ccff5a974813f:active {
  border: none;
  background-color: transparent;
}

.c65b76e73c27a, .cf95b446edff1, .ca4057bfa62e8, .ce289a73aa8be, .cd9e23c26404f,
.c691e71415089, .c4770226a2f53 .ce3907492b74f svg, .cda32a6cbf8e0, .c19eace6e7ae9 svg, .c5e1ac7e18ab7, .c96d322ae11c9, .cffa844f12581, .c5aba9398b3cf span svg, .c6e8821ccb744 button svg, .c9943de54d1ab.intermediate svg, .c4fde47728f55 label span.intermediate svg, .c9943de54d1ab.checked svg, .c4fde47728f55 label span.checked svg, .c807699c4b8eb span svg,
.c807699c4b8eb label svg, .c00105c6d0b3d svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c23f7e0f84dc2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c23f7e0f84dc2:hover {
  fill: none;
  stroke: none;
}

.c5e1ac7e18ab7, .c96d322ae11c9, .cffa844f12581, .c5aba9398b3cf span svg, .c6e8821ccb744 button svg, .c9943de54d1ab.intermediate svg, .c4fde47728f55 label span.intermediate svg, .c9943de54d1ab.checked svg, .c4fde47728f55 label span.checked svg, .c807699c4b8eb span svg,
.c807699c4b8eb label svg, .c00105c6d0b3d svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cbc14338b7868 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cbc14338b7868:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c87488efcf13e, .c41561c7bafaa input, .caa0bfc73d4bb input, .c807699c4b8eb input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c87488efcf13e, .c41561c7bafaa input, .caa0bfc73d4bb input, .c807699c4b8eb input {
    height: 23px;
  }
}
.c87488efcf13e, .c41561c7bafaa input, .caa0bfc73d4bb input, .c807699c4b8eb input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c87488efcf13e[disabled], .c41561c7bafaa input[disabled], .caa0bfc73d4bb input[disabled], .c807699c4b8eb input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c00105c6d0b3d {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c4bee3c378324, .c807699c4b8eb span,
.c807699c4b8eb label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c4bee3c378324, .c807699c4b8eb span,
  .c807699c4b8eb label {
    height: 25px;
  }
}
.c4bee3c378324, .c807699c4b8eb span,
.c807699c4b8eb label {
  color: var(--input-foreground-color);
}

.c807699c4b8eb {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c807699c4b8eb {
    height: 25px;
    font-size: 10px;
  }
}
.c807699c4b8eb {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c807699c4b8eb span svg,
.c807699c4b8eb label svg {
  color: var(--input-foreground-color);
}
.c807699c4b8eb ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c807699c4b8eb ::placeholder {
  color: var(--input-placeholder-color);
}
.c807699c4b8eb:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c807699c4b8eb:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c807699c4b8eb:hover span {
  color: var(--input-foreground-color-hover);
}
.c807699c4b8eb:hover input {
  color: var(--input-foreground-color-hover);
}
.c807699c4b8eb:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c807699c4b8eb:active span {
  color: var(--input-foreground-color-active);
}
.c807699c4b8eb:active input {
  color: var(--input-foreground-color-active);
}
.c807699c4b8eb:focus, .c807699c4b8eb:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c807699c4b8eb:focus span, .c807699c4b8eb:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c807699c4b8eb:focus input, .c807699c4b8eb:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c807699c4b8eb:focus:hover, .c807699c4b8eb:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c807699c4b8eb:focus:hover span, .c807699c4b8eb:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c807699c4b8eb:focus:hover input, .c807699c4b8eb:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.caa0bfc73d4bb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.caa0bfc73d4bb input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.caa0bfc73d4bb ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.caa0bfc73d4bb ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.caa0bfc73d4bb:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.caa0bfc73d4bb:focus-within input, .caa0bfc73d4bb:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c714c98670cee, .c41561c7bafaa.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c714c98670cee input, .c41561c7bafaa.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c714c98670cee span svg, .c41561c7bafaa.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c9943de54d1ab, .c4fde47728f55 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c9943de54d1ab svg, .c4fde47728f55 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c9943de54d1ab:hover, .c4fde47728f55 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c9943de54d1ab:focus, .c4fde47728f55 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c9943de54d1ab.checked, .c4fde47728f55 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c9943de54d1ab.checked svg, .c4fde47728f55 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c9943de54d1ab.intermediate, .c4fde47728f55 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c9943de54d1ab.intermediate svg, .c4fde47728f55 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c9943de54d1ab.unchecked, .c4fde47728f55 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c9943de54d1ab.unchecked svg, .c4fde47728f55 label span.unchecked svg {
  display: none;
}

.c4fde47728f55 {
  display: flex;
  align-items: center;
}
.c4fde47728f55 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c4fde47728f55 label input {
  margin: 0;
}
.c4fde47728f55 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4fde47728f55 label:focus span, .c4fde47728f55 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c41561c7bafaa {
  display: flex;
  flex-direction: column;
}
.c41561c7bafaa label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c41561c7bafaa input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c41561c7bafaa input:focus-within input, .c41561c7bafaa input:active input {
  color: var(--input-foreground-color-active);
}
.c41561c7bafaa input:focus-within, .c41561c7bafaa input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c41561c7bafaa.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.caf5807003fb9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cbad1fcef3331 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cfd29c68f84fe {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c19eace6e7ae9 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cfeb55f1095dc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cade8cd677999 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c4ed2d4dde261 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c85bbd588a06b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c14bb5d3f3d59 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ccc439b792a79 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ccc439b792a79:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cf3c4fdf808f7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cfebb62fdc6d9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cd3ed697fdda2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ccccddd7b8879 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c797e7cccf49a {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c797e7cccf49a:hover, .c797e7cccf49a:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c6e8821ccb744 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c6e8821ccb744 button {
  display: none;
}
.c6e8821ccb744 button svg {
  stroke: var(--icon-foreground);
}
.c6e8821ccb744:hover button {
  display: flex;
}

.c8fa1ec8c74a6 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c8fa1ec8c74a6 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c8fa1ec8c74a6 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ccc1ddfbad5fc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ccc1ddfbad5fc:hover div {
  color: var(--entry-foreground-color-hover);
}

.caf66f7a18015, .c7cd6c6a16c80, .ce179e4544e2b, .c81a7556a5d82, .c955217d67275 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cdb0d504e02d8, .cd7cc16264ee1, .c2719dc0dac9a, .c4770226a2f53, .c9beb9d36f9ca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cdb0d504e02d8:hover, .cd7cc16264ee1:hover, .c2719dc0dac9a:hover, .c4770226a2f53:hover, .c9beb9d36f9ca:hover {
  background-color: var(--menu-background-color-hover);
}

.c5aba9398b3cf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c5aba9398b3cf span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c5aba9398b3cf span svg {
  stroke: var(--icon-foreground);
}
.c5aba9398b3cf:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c5aba9398b3cf:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.cb7fe2dc3de0b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c09fd46fa86d6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.ceeca00168342,
.ce749fefed809 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c914d2b9a82a4 .ceeca00168342,
.c914d2b9a82a4 .ce749fefed809 {
  transform: scale(1);
}

.c4b9b0cb5e320 .ceeca00168342,
.c4b9b0cb5e320 .ce749fefed809 {
  transform: scale(0);
}

.c5509bae039a0 {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 1.5625rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c5509bae039a0.ca7c2cc529fee {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.c5509bae039a0 .c11c6a4d2634b {
  margin-right: 0.5rem;
}
.c5509bae039a0 .c6c2e8e685e36 {
  flex-shrink: 0;
  height: 2rem;
}
.c5509bae039a0 .c6c2e8e685e36 svg {
  height: 1rem;
  width: 1rem;
}
.c5509bae039a0 nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.c5509bae039a0 nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.c5509bae039a0 nav li a {
  display: flex;
  align-items: center;
  flex-basis: 8.75rem;
  border-bottom: calc(1px + 0.125rem) solid transparent;
  color: var(--color-foreground-secondary);
  height: 2.5rem;
  padding: 0.25rem 1.5rem;
  font-weight: 400;
}
.c5509bae039a0 nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.c5509bae039a0 .c4954564a1038 {
  display: flex;
  align-items: center;
  margin-left: 1.5625rem;
}
.c5509bae039a0 .c4954564a1038 h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 2rem;
  font-weight: 700;
  max-width: 44.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  white-space: nowrap;
  width: 100%;
}
.c5509bae039a0 .c4954564a1038 .cbdca4a730a31.c7006a6f8f1df {
  margin-top: 0.5rem;
}
.c5509bae039a0 .c7c9afe0b12d5 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.c5509bae039a0 .c7c9afe0b12d5 svg {
  color: var(--color-foreground-secondary);
  stroke: none;
  fill: none;
  width: 1rem;
  height: 1rem;
}
.c5509bae039a0 .c7c9afe0b12d5 svg:hover {
  color: var(--color-accent-tertiary);
  stroke: none;
  fill: none;
}
.c5509bae039a0 .cf5de12918581 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.c5509bae039a0 .c0fab27613b96 {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.c5509bae039a0 .c664adde42c4d li a {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-foreground-third);
  border-color: transparent;
}
.c5509bae039a0 .c664adde42c4d li a:hover {
  color: var(--color-foreground-primary);
}
.c5509bae039a0 .c664adde42c4d li.cbe9f6b490d06 a {
  color: var(--color-foreground-primary);
}

.c1159706fba65 {
  font-size: 0.875rem;
  font-weight: 400;
}

.c6c2e8e685e36 {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.c8f1c420cf493 {
  display: grid;
  grid-row: 1/span 2;
  grid-column: 1/span 2;
  grid-template-rows: minmax(0, 1fr) auto;
  height: 100%;
  width: 100%;
  padding: var(--sp-l) 0 0 0;
  margin: 0 var(--sp-l) 0 0;
  border-right: 0.0625rem solid var(--panel-border-color);
  background-color: var(--panel-background-color);
  z-index: var(--z-index-dropdown);
}

.cb0ffc7aa3a0a {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.cd00b4d3bd833 {
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: var(--sp-xxl);
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}

.c25e78e77c10e {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xxl);
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.cd736f69f8157 {
  padding: var(--sp-m) 0 0 0;
  border-block-start: 0.0625rem solid var(--color-background-quaternary);
}

.cd2544215b73b {
  height: var(--sp-xxs);
  width: 94%;
  margin-left: 3%;
}

.c3a0ac848062e {
  border-bottom: 0.0625rem solid var(--color-background-quaternary);
}

.cd668392e26fc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  padding: var(--sp-s) var(--sp-s) var(--sp-s) var(--sp-xxl);
  color: var(--color-foreground-third);
}

.c47c831a90f28 {
  position: relative;
  margin: var(--sp-xs) var(--sp-l);
}

.cf6d11752b9ae {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  height: 3.6875rem;
  width: 100%;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--menu-background-color);
  background-color: var(--menu-background-color);
}

.c0d5b7d7a2365 {
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  gap: var(--sp-s);
  height: 100%;
  padding: 0 var(--sp-m);
}

.ca406ecd1d6e0 {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: var(--sp-m);
  height: 2.5rem;
}

.c10ffcc076ac2 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1rem;
  width: auto;
  text-align: left;
  color: var(--menu-foreground-color-hover);
}

.ce0edacfdbd69 {
  display: flex;
  gap: var(--sp-s);
  max-width: 100%;
  overflow: hidden;
}

.c5d0e73b305da {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c5d0e73b305da svg {
  fill: var(--icon-foreground);
  width: 3rem;
  height: 2.5rem;
}

.c3e562e30e917 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: var(--sp-xxxl);
  height: var(--sp-xxxl);
}

.cf95b446edff1 {
  transform: rotate(90deg);
  color: var(--color-foreground-secondary);
}

.cde421fe47c33 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: var(--sp-xxl);
  min-width: 1.75rem;
  height: 100%;
  border-left: 0.0625rem solid var(--panel-background-color);
  background-color: transparent;
}

.ca4057bfa62e8 {
  color: var(--color-foreground-secondary);
}

.c7cd6c6a16c80 {
  left: 0;
  top: 3.25rem;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 30rem;
  min-width: 15.5rem;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.cd7cc16264ee1 {
  display: grid;
  grid-template-columns: var(--sp-xxxl) 1fr auto;
  gap: var(--sp-s);
  height: 3rem;
}

.c9d7d036f48b2 {
  --sidebar-action-icon-color: var(--icon-foreground);
  --sidebar-icon-backgroun-color: var(--color-background-secondary);
}
.c9d7d036f48b2:hover {
  --sidebar-action-icon-color: var(--color-background-secondary);
  --sidebar-icon-backgroun-color: var(--color-accent-primary);
}

.c7dc0bdf39d88 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--sp-xxxl);
  height: var(--sp-xxxl);
  margin-right: var(--sp-m);
  border-radius: 50%;
  background-color: var(--sidebar-icon-backgroun-color);
}

.ce289a73aa8be {
  width: var(--sp-xxl);
  height: var(--sp-xxl);
  color: var(--sidebar-action-icon-color);
}

.cfd2e9c2273c4 {
  border-top: 0.0625rem solid var(--dropdown-separator-color);
  margin: 0;
}

.ce179e4544e2b {
  right: var(--sp-xxs);
  top: 3.25rem;
  max-height: 30rem;
}
.ce179e4544e2b:not(.c7cd6c6a16c80) {
  min-width: var(--sp-l) 0;
}

.c2719dc0dac9a {
  height: 2.5rem;
}

.cf5b9c5650e0a {
  height: 1px;
  margin: 0;
  border-top: 0.0625rem solid var(--dropdown-separator-color);
}

.c931a600a9859 {
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: none;
}

.c8015dca2f6a9 {
  overflow-y: auto;
}

.cd0a7a0a436fa {
  cursor: pointer;
}
.cd0a7a0a436fa:hover {
  background-color: var(--sidebar-element-background-color-hover);
}
.cd0a7a0a436fa:hover span {
  color: var(--sidebar-element-foreground-color-hover);
}
.cd0a7a0a436fa.cd79971f98f69 {
  background-color: var(--sidebar-element-background-color-selected);
}
.cd0a7a0a436fa.cd79971f98f69 .c4a091f757f38 {
  color: var(--sidebar-element-foreground-color-selected);
}

.cb1f99204b4a8 svg {
  color: var(--main-icon-foreground);
}

.cf945abf56332 {
  display: block;
  padding: var(--sp-s) var(--sp-s) var(--sp-s) var(--sp-xxl);
  font-weight: 400;
  width: 100%;
}
.cf945abf56332:hover {
  text-decoration: none;
}

.c435b91c8a50b {
  padding: var(--sp-s) var(--sp-s) var(--sp-s) var(--sp-xxl);
}

.c4a091f757f38 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 16rem;
  color: var(--color-foreground-primary);
  font-size: 0.875rem;
}

.ca1b1707f04a1 {
  padding: var(--sp-m);
  color: var(--empty-message-foreground-color);
  display: flex;
  align-items: center;
}

.cffa844f12581 {
  margin: 0 var(--sp-m);
}

.c80164b784f19 {
  font-size: 0.75rem;
}

.c2307c49a88e1 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  border: 0.0625rem solid transparent;
  margin: 0 var(--sp-l);
  border-radius: 0.5rem;
  background-color: #2A2B2A;
}

.c519ded38249f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1rem;
  height: 2.25rem;
  width: 100%;
  padding: 0.375rem var(--sp-m);
  margin: 0;
  border: transparent;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--search-bar-foreground-color);
}
.c519ded38249f:focus, .c519ded38249f:focus-within, .c519ded38249f:focus-visible {
  outline: none;
  border: 0.0625rem solid var(--search-bar-input-border-color-focus);
}
.c519ded38249f ::-moz-placeholder {
  color: var(--search-bar-placeholder-foreground-color);
}
.c519ded38249f ::placeholder {
  color: var(--search-bar-placeholder-foreground-color);
}

.cb67193a82f7b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  height: var(--sp-xxl);
  width: var(--sp-xxxl);
  padding: 0 var(--sp-s);
}

.cd9e23c26404f,
.c691e71415089 {
  --sidebar-search-foreground-color: var(--search-bar-icon-foreground-color);
  color: var(--sidebar-search-foreground-color);
}

.c691e71415089:hover {
  --sidebar-search-foreground-color: var(--search-bar-icon-foreground-color-hover);
}

.c14af70c6b11a {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  padding: var(--sp-m) var(--sp-l);
  border-top: 0.0625rem solid var(--panel-border-color);
  background-color: var(--color-background-quaternary);
  cursor: pointer;
}

.c113fa20def4b {
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--sp-s);
  cursor: pointer;
  text-align: left;
}

.ca280ede826c2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: center;
  max-width: var(--sp-l) 0;
  color: var(--profile-foreground-color);
}

.c2527e15900f8 {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
}

.c81a7556a5d82 {
  inset-inline-start: var(--sp-s);
  inset-block-end: 4.5rem;
  min-width: calc(100% - var(--sp-s));
}

.c4770226a2f53 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  position: relative;
  block-size: 2.5rem;
  margin-block-end: var(--sp-xs);
  padding: var(--sp-s);
  padding-inline-start: var(--sp-l);
}
.c4770226a2f53:hover {
  color: var(--menu-foreground-color-hover);
}
.c4770226a2f53:hover .ce3907492b74f {
  color: var(--menu-foreground-color-hover);
}

.c4770226a2f53 .ce3907492b74f {
  display: flex;
  justify-content: center;
  align-items: center;
}

.c955217d67275 {
  inset-inline-start: 100%;
  inset-block-start: calc(-1 * var(--sp-xs));
  inset-block-end: auto;
  min-width: 12rem;
}

.c9beb9d36f9ca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  block-size: 2.5rem;
  margin-block-end: var(--sp-xs);
  padding-block: var(--sp-s);
  padding-inline: var(--sp-l);
}
.c9beb9d36f9ca:hover {
  color: var(--menu-foreground-color-hover);
}

.ca130c959a493 {
  align-items: baseline;
  display: grid;
  grid-template-columns: auto 1fr;
}

.cf8c4668774e1 {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-foreground-secondary);
  margin-inline-start: var(--sp-s);
  text-transform: uppercase;
}

.c1cdea0928328 {
  height: 0.375rem;
  border-top: 0.0625rem solid var(--color-background-quaternary);
}

.c99047f5dab16 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--sp-s);
}

.c94b7d07ba550 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  border: 0.0625rem solid var(--color-background-quaternary);
  border-radius: var(--sp-s);
  padding: var(--sp-m);
  margin: var(--sp-m);
  color: var(--color-foreground-secondary);
  cursor: pointer;
}

.c2d0ab0e14f2d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  text-align: left;
}

.cfdd7b99d4ed3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
}

.c5df073ed82b4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-accent-tertiary);
}

.c603769fa5349 {
  align-items: center;
  display: flex;
  height: calc(2 * var(--sp-xxxl));
  max-height: calc(2 * var(--sp-xxxl));
  justify-content: space-between;
  padding: var(--sp-xs) var(--sp-l) var(--sp-xs) var(--sp-s);
}

.ca071b0c4edfd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  color: var(--color-foreground-primary);
  width: 100%;
  margin: var(--sp-xs) 0 var(--sp-xs) var(--sp-l);
  display: flex;
  align-items: center;
  gap: var(--sp-s);
}

.cb95463508760 {
  margin-inline-start: auto;
  text-transform: uppercase;
}

.ccffc9f2b8334 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  height: var(--sp-xxxl);
  width: var(--sp-xxxl);
  background-color: var(--color-foreground-primary);
}
.ccffc9f2b8334 svg {
  color: var(--icon-stroke-color);
  width: var(--sp-xxl);
  height: var(--sp-xxl);
}
@keyframes c83582bd4fe2e {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c1308e6e58667 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c1308e6e58667:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c1308e6e58667 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c1308e6e58667 ::-webkit-scrollbar-track,
.c1308e6e58667 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c1308e6e58667 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c1308e6e58667 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c1308e6e58667 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1308e6e58667 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c1308e6e58667 ::placeholder,
.c1308e6e58667 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c8830896fb8ed, .ceeb36f44c9e6, .cd3cd9489f1d2, .c22f0048b6ffe {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c8830896fb8ed svg, .ceeb36f44c9e6 svg, .cd3cd9489f1d2 svg, .c22f0048b6ffe svg,
.c8830896fb8ed span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c8830896fb8ed:focus-visible, .ceeb36f44c9e6:focus-visible, .cd3cd9489f1d2:focus-visible, .c22f0048b6ffe:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c8830896fb8ed:focus-visible svg, .ceeb36f44c9e6:focus-visible svg, .cd3cd9489f1d2:focus-visible svg, .c22f0048b6ffe:focus-visible svg,
.c8830896fb8ed:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c8830896fb8ed:hover, .ceeb36f44c9e6:hover, .cd3cd9489f1d2:hover, .c22f0048b6ffe:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c8830896fb8ed:hover svg, .ceeb36f44c9e6:hover svg, .cd3cd9489f1d2:hover svg, .c22f0048b6ffe:hover svg,
.c8830896fb8ed:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c8830896fb8ed:active, .ceeb36f44c9e6:active, .cd3cd9489f1d2:active, .c22f0048b6ffe:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c8830896fb8ed:active svg, .ceeb36f44c9e6:active svg, .cd3cd9489f1d2:active svg, .c22f0048b6ffe:active svg,
.c8830896fb8ed:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c8830896fb8ed.disabled, .ceeb36f44c9e6.disabled, .cd3cd9489f1d2.disabled, .c22f0048b6ffe.disabled, .c8830896fb8ed[disabled], [disabled].ceeb36f44c9e6, [disabled].cd3cd9489f1d2, [disabled].c22f0048b6ffe, .c8830896fb8ed:disabled, .ceeb36f44c9e6:disabled, .cd3cd9489f1d2:disabled, .c22f0048b6ffe:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c96526b51cd7b, .cd3dd16c3ab2a, .c64323bb4ca62 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c96526b51cd7b svg, .cd3dd16c3ab2a svg, .c64323bb4ca62 svg,
.c96526b51cd7b span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c96526b51cd7b:focus-visible, .cd3dd16c3ab2a:focus-visible, .c64323bb4ca62:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c96526b51cd7b:focus-visible svg, .cd3dd16c3ab2a:focus-visible svg, .c64323bb4ca62:focus-visible svg,
.c96526b51cd7b:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c96526b51cd7b:hover, .cd3dd16c3ab2a:hover, .c64323bb4ca62:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c96526b51cd7b:hover svg, .cd3dd16c3ab2a:hover svg, .c64323bb4ca62:hover svg,
.c96526b51cd7b:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c96526b51cd7b:active, .cd3dd16c3ab2a:active, .c64323bb4ca62:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c96526b51cd7b:active svg, .cd3dd16c3ab2a:active svg, .c64323bb4ca62:active svg,
.c96526b51cd7b:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c96526b51cd7b.disabled, .cd3dd16c3ab2a.disabled, .c64323bb4ca62.disabled, .c96526b51cd7b[disabled], [disabled].cd3dd16c3ab2a, [disabled].c64323bb4ca62, .c96526b51cd7b:disabled, .cd3dd16c3ab2a:disabled, .c64323bb4ca62:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4e2c12aebb66 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c4e2c12aebb66 svg,
.c4e2c12aebb66 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c4e2c12aebb66:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4e2c12aebb66:focus-visible svg,
.c4e2c12aebb66:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4e2c12aebb66:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c4e2c12aebb66:hover svg,
.c4e2c12aebb66:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c4e2c12aebb66:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c4e2c12aebb66:active svg,
.c4e2c12aebb66:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c4e2c12aebb66.disabled, .c4e2c12aebb66[disabled], .c4e2c12aebb66:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c056fdea9ee5d, .cb17beb1cea11 button, .cfe67a1ec8399 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c056fdea9ee5d svg, .cb17beb1cea11 button svg, .cfe67a1ec8399 svg,
.c056fdea9ee5d span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c056fdea9ee5d:focus-visible, .cb17beb1cea11 button:focus-visible, .cfe67a1ec8399:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c056fdea9ee5d:focus-visible svg, .cb17beb1cea11 button:focus-visible svg, .cfe67a1ec8399:focus-visible svg,
.c056fdea9ee5d:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c056fdea9ee5d:hover, .cb17beb1cea11 button:hover, .cfe67a1ec8399:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c056fdea9ee5d:hover svg, .cb17beb1cea11 button:hover svg, .cfe67a1ec8399:hover svg,
.c056fdea9ee5d:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c056fdea9ee5d:active, .cb17beb1cea11 button:active, .cfe67a1ec8399:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c056fdea9ee5d:active svg, .cb17beb1cea11 button:active svg, .cfe67a1ec8399:active svg,
.c056fdea9ee5d:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c056fdea9ee5d.disabled, .cb17beb1cea11 button.disabled, .cfe67a1ec8399.disabled, .c056fdea9ee5d[disabled], .cb17beb1cea11 button[disabled], [disabled].cfe67a1ec8399, .c056fdea9ee5d:disabled, .cb17beb1cea11 button:disabled, .cfe67a1ec8399:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c056fdea9ee5d.disabled svg, .cb17beb1cea11 button.disabled svg, .cfe67a1ec8399.disabled svg,
.c056fdea9ee5d.disabled span svg, .c056fdea9ee5d[disabled] svg, .cb17beb1cea11 button[disabled] svg, [disabled].cfe67a1ec8399 svg,
.c056fdea9ee5d[disabled] span svg, .c056fdea9ee5d:disabled svg, .cb17beb1cea11 button:disabled svg, .cfe67a1ec8399:disabled svg,
.c056fdea9ee5d:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c3727224cf376 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c3727224cf376 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c68126d8fbd63 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c68126d8fbd63 svg,
.c68126d8fbd63 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c68126d8fbd63:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c68126d8fbd63:focus-visible svg,
.c68126d8fbd63:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c68126d8fbd63:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c68126d8fbd63:hover svg,
.c68126d8fbd63:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c68126d8fbd63:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c68126d8fbd63:active svg,
.c68126d8fbd63:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c69eebf08b995 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c700e9c29bd1e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4e967eda1456 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c4e967eda1456:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c4e967eda1456:focus-visible svg,
.c4e967eda1456:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c4e967eda1456:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c4e967eda1456:active {
  border: none;
  background-color: transparent;
}

.cda547a6c141e, .cfe67a1ec8399 svg, .ced034c47d3d6, .cb9bab16dcc7c svg, .c68dd15b36f93 span svg, .cb17beb1cea11 button svg, .c81602726ea59.intermediate svg, .c45c2b4df9eda label span.intermediate svg, .c81602726ea59.checked svg, .c45c2b4df9eda label span.checked svg, .c70714c08b9f9 span svg,
.c70714c08b9f9 label svg, .cb2b90722d1b2 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cfe17fdff070b {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cfe17fdff070b:hover {
  fill: none;
  stroke: none;
}

.ced034c47d3d6, .cb9bab16dcc7c svg, .c68dd15b36f93 span svg, .cb17beb1cea11 button svg, .c81602726ea59.intermediate svg, .c45c2b4df9eda label span.intermediate svg, .c81602726ea59.checked svg, .c45c2b4df9eda label span.checked svg, .c70714c08b9f9 span svg,
.c70714c08b9f9 label svg, .cb2b90722d1b2 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cc0e6ed014da8 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cc0e6ed014da8:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c7625557378cc, .c5845de7a1e6a input, .c803a10d47f7c input, .c70714c08b9f9 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c7625557378cc, .c5845de7a1e6a input, .c803a10d47f7c input, .c70714c08b9f9 input {
    height: 23px;
  }
}
.c7625557378cc, .c5845de7a1e6a input, .c803a10d47f7c input, .c70714c08b9f9 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c7625557378cc[disabled], .c5845de7a1e6a input[disabled], .c803a10d47f7c input[disabled], .c70714c08b9f9 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cb2b90722d1b2 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c2cb1327b0a66, .c70714c08b9f9 span,
.c70714c08b9f9 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c2cb1327b0a66, .c70714c08b9f9 span,
  .c70714c08b9f9 label {
    height: 25px;
  }
}
.c2cb1327b0a66, .c70714c08b9f9 span,
.c70714c08b9f9 label {
  color: var(--input-foreground-color);
}

.c70714c08b9f9 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c70714c08b9f9 {
    height: 25px;
    font-size: 10px;
  }
}
.c70714c08b9f9 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c70714c08b9f9 span svg,
.c70714c08b9f9 label svg {
  color: var(--input-foreground-color);
}
.c70714c08b9f9 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c70714c08b9f9 ::placeholder {
  color: var(--input-placeholder-color);
}
.c70714c08b9f9:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c70714c08b9f9:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c70714c08b9f9:hover span {
  color: var(--input-foreground-color-hover);
}
.c70714c08b9f9:hover input {
  color: var(--input-foreground-color-hover);
}
.c70714c08b9f9:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c70714c08b9f9:active span {
  color: var(--input-foreground-color-active);
}
.c70714c08b9f9:active input {
  color: var(--input-foreground-color-active);
}
.c70714c08b9f9:focus, .c70714c08b9f9:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c70714c08b9f9:focus span, .c70714c08b9f9:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c70714c08b9f9:focus input, .c70714c08b9f9:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c70714c08b9f9:focus:hover, .c70714c08b9f9:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c70714c08b9f9:focus:hover span, .c70714c08b9f9:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c70714c08b9f9:focus:hover input, .c70714c08b9f9:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c803a10d47f7c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c803a10d47f7c input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c803a10d47f7c ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c803a10d47f7c ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c803a10d47f7c:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c803a10d47f7c:focus-within input, .c803a10d47f7c:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c57467bee4c44, .c5845de7a1e6a.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c57467bee4c44 input, .c5845de7a1e6a.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c57467bee4c44 span svg, .c5845de7a1e6a.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c81602726ea59, .c45c2b4df9eda label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c81602726ea59 svg, .c45c2b4df9eda label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c81602726ea59:hover, .c45c2b4df9eda label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c81602726ea59:focus, .c45c2b4df9eda label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c81602726ea59.checked, .c45c2b4df9eda label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c81602726ea59.checked svg, .c45c2b4df9eda label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c81602726ea59.intermediate, .c45c2b4df9eda label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c81602726ea59.intermediate svg, .c45c2b4df9eda label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c81602726ea59.unchecked, .c45c2b4df9eda label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c81602726ea59.unchecked svg, .c45c2b4df9eda label span.unchecked svg {
  display: none;
}

.c45c2b4df9eda {
  display: flex;
  align-items: center;
}
.c45c2b4df9eda label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c45c2b4df9eda label input {
  margin: 0;
}
.c45c2b4df9eda label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c45c2b4df9eda label:focus span, .c45c2b4df9eda label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c5845de7a1e6a {
  display: flex;
  flex-direction: column;
}
.c5845de7a1e6a label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c5845de7a1e6a input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c5845de7a1e6a input:focus-within input, .c5845de7a1e6a input:active input {
  color: var(--input-foreground-color-active);
}
.c5845de7a1e6a input:focus-within, .c5845de7a1e6a input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c5845de7a1e6a.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cef0f8f6d23de {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c22a15bcefb9e {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cabc444594c3c {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cfe67a1ec8399 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c0a70c254d838 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cc47e7758a0d8 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c64323bb4ca62 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c22f0048b6ffe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd3cd9489f1d2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.ce8b9c638d946 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.ce8b9c638d946:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.ce45e52111bce {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cd43c369a2489 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c3836e666b8ce {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c6334be5b76f1 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c872cab92903d {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c872cab92903d:hover, .c872cab92903d:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cb17beb1cea11 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cb17beb1cea11 button {
  display: none;
}
.cb17beb1cea11 button svg {
  stroke: var(--icon-foreground);
}
.cb17beb1cea11:hover button {
  display: flex;
}

.cc277098b6b81 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cc277098b6b81 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cc277098b6b81 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cbeff4fd8f83e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cbeff4fd8f83e:hover div {
  color: var(--entry-foreground-color-hover);
}

.c39567b78bf03 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cac67cba1fc78, .cf6bdd4442c25 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cac67cba1fc78:hover, .cf6bdd4442c25:hover {
  background-color: var(--menu-background-color-hover);
}

.c68dd15b36f93 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c68dd15b36f93 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c68dd15b36f93 span svg {
  stroke: var(--icon-foreground);
}
.c68dd15b36f93:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c68dd15b36f93:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c507c20e1c23b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c4538e81fcc5d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cbbbdaf19427e,
.cc645f198a601 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c2203648b27e2 .cbbbdaf19427e,
.c2203648b27e2 .cc645f198a601 {
  transform: scale(1);
}

.cf07a8851a32f .cbbbdaf19427e,
.cf07a8851a32f .cc645f198a601 {
  transform: scale(0);
}

.c8ac378344e80 {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 1.5625rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c8ac378344e80.cd7142ba0492e {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.c8ac378344e80 .cbe465add8f3c {
  margin-right: 0.5rem;
}
.c8ac378344e80 .cd3dd16c3ab2a {
  flex-shrink: 0;
  height: 2rem;
}
.c8ac378344e80 .cd3dd16c3ab2a svg {
  height: 1rem;
  width: 1rem;
}
.c8ac378344e80 nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.c8ac378344e80 nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.c8ac378344e80 nav li a {
  display: flex;
  align-items: center;
  flex-basis: 8.75rem;
  border-bottom: calc(1px + 0.125rem) solid transparent;
  color: var(--color-foreground-secondary);
  height: 2.5rem;
  padding: 0.25rem 1.5rem;
  font-weight: 400;
}
.c8ac378344e80 nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.c8ac378344e80 .cebef849665d2 {
  display: flex;
  align-items: center;
  margin-left: 1.5625rem;
}
.c8ac378344e80 .cebef849665d2 h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 2rem;
  font-weight: 700;
  max-width: 44.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  white-space: nowrap;
  width: 100%;
}
.c8ac378344e80 .cebef849665d2 .c986660500a9c.ca247da96201b {
  margin-top: 0.5rem;
}
.c8ac378344e80 .cdfdaddfb0bac {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.c8ac378344e80 .cdfdaddfb0bac svg {
  color: var(--color-foreground-secondary);
  stroke: none;
  fill: none;
  width: 1rem;
  height: 1rem;
}
.c8ac378344e80 .cdfdaddfb0bac svg:hover {
  color: var(--color-accent-tertiary);
  stroke: none;
  fill: none;
}
.c8ac378344e80 .cafdd06c6d50f {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.c8ac378344e80 .cddc8b0714b86 {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.c8ac378344e80 .c606a56de4842 li a {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-foreground-third);
  border-color: transparent;
}
.c8ac378344e80 .c606a56de4842 li a:hover {
  color: var(--color-foreground-primary);
}
.c8ac378344e80 .c606a56de4842 li.c9efb8790feb9 a {
  color: var(--color-foreground-primary);
}

.ceeb36f44c9e6 {
  font-size: 0.875rem;
  font-weight: 400;
}

.cd3dd16c3ab2a {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-6: 0.375rem;
  --sp-s: 0.5rem;
  --sp-9: 0.5625rem;
  --sp-m: 0.75rem;
  --sp-14: 0.875rem;
  --sp-l: 1rem;
  --sp-17: 1.0625rem;
  --sp-18: 1.125rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-26: 1.625rem;
  --sp-xxxl: 2rem;
  --sp-40: 2.5rem;
}

.cbc2da5f4e895 {
  display: flex;
  border: 0.0625rem solid var(--color-background-quaternary);
  border-radius: var(--sp-s);
  flex-direction: column;
  margin: var(--sp-m);
  padding: var(--sp-m);
}

.cbc2da5f4e895.c961f19c26720 {
  background: var(--color-background-quaternary);
  border: 0.0625rem solid var(--color-accent-primary-muted);
  padding: var(--sp-l);
}

.c4e62c73936d3 {
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  color: var(--color-foreground-secondary);
  grid-template-columns: 1fr auto;
  padding: 0;
}

.c4e62c73936d3.c7462cb52b8ca {
  cursor: default;
}

.c4e62c73936d3 .c83c717ef1501 {
  display: flex;
  flex-direction: column;
}

.cb9bab16dcc7c {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: var(--sp-l);
}

.cb9bab16dcc7c svg {
  transform: rotate(90deg);
}

.ca8085efc3edc {
  border-block-start: 0.0625rem solid var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
  margin-block-start: var(--sp-m);
  padding-block-start: var(--sp-m);
}

.c961f19c26720 .ca8085efc3edc {
  border-block-start: 0.0625rem solid var(--color-accent-primary-muted);
}

.ca8085efc3edc .c83c717ef1501 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--color-foreground-secondary);
  display: inline-block;
  text-align: left;
}

.cd2ca4aec61c3 {
  margin-block-start: var(--sp-s);
}

.c961f19c26720 .cd2ca4aec61c3 {
  margin-block-start: var(--sp-m);
}

.cd0e73de69e91,
.c9b53b678b1c2 {
  text-align: left;
}

.c9b53b678b1c2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  margin-block-end: var(--sp-xs);
}

.c961f19c26720 .c9b53b678b1c2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  margin-block-end: 0;
}

.cd0e73de69e91 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1rem;
}

.c961f19c26720 .cd0e73de69e91 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--color-foreground-primary);
}

.ca8085efc3edc .c83c717ef1501 a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  color: var(--color-accent-tertiary);
  margin-inline-start: var(--sp-xs);
}

.cc3e7c07e8469 {
  border: none;
  background: none;
  cursor: pointer;
  align-self: end;
  margin-inline-start: var(--sp-xs);
}

.cd7142ba0492e {
  display: grid;
  grid-auto-rows: min-content;
  gap: var(--sp-s);
  max-width: 62.5rem;
  width: 100%;
}

.c71428b48d7c5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--title-foreground-color);
}

.c8038a15c1ab8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.25rem;
  color: var(--color-foreground-primary);
}

.cef8d7707c1aa {
  border: none;
  background: none;
  cursor: pointer;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  color: var(--color-accent-tertiary);
  display: flex;
  margin-block-start: -8px;
  padding: 0;
}

.ccdcf61144332 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-background-primary);
  border-radius: 0.375rem;
  border: 1.75px solid var(--color-foreground-secondary);
  block-size: var(--sp-xl);
  inline-size: var(--sp-xl);
}

.c56d3931c3711 {
  color: var(--color-foreground-secondary);
  stroke-width: 2.25px;
}

.cf6bdd4442c25 {
  cursor: pointer;
}
.cf6bdd4442c25:hover {
  color: var(--menu-foreground-color-hover);
}
.cf6bdd4442c25:hover .cb186f4025e7c svg {
  color: var(--menu-foreground-color-hover);
}

.cd39139bf271b {
  height: -moz-fit-content;
  height: fit-content;
  margin-block-start: var(--sp-s);
  margin-inline-start: 3.25rem;
  max-width: 13.75rem;
}
.cd39139bf271b .c9b53b678b1c2 {
  line-height: 1.2;
}

.c1b849c488482 {
  height: -moz-fit-content;
  height: fit-content;
  margin: var(--sp-l);
}
.c1b849c488482 .c9b53b678b1c2 {
  line-height: 1.2;
}

.c10cb85faa409 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
  line-height: 1;
}
.c10cb85faa409 a {
  color: var(--color-accent-primary);
  overflow-wrap: break-word;
}

.ce233c8c2f420 {
  display: flex;
  border-radius: var(--sp-s);
  flex-direction: column;
  margin: var(--sp-m);
  background: var(--color-background-quaternary);
  border: 0.0625rem solid var(--color-accent-primary-muted);
  padding: var(--sp-l);
}

.cc4520af2a986 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--color-foreground-primary);
}

.cb636a9ecdfc4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  color: var(--color-foreground-secondary);
  margin-block: var(--sp-s) var(--sp-xxl);
}

.ccd3d19ebf154 {
  display: flex;
  flex-direction: column;
}

.c899a34b6857a {
  width: -moz-fit-content;
  width: fit-content;
}
@keyframes cdf291e589e96 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c407a6136681e {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c407a6136681e:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c407a6136681e ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c407a6136681e ::-webkit-scrollbar-track,
.c407a6136681e ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c407a6136681e ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c407a6136681e ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c407a6136681e ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c407a6136681e ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c407a6136681e ::placeholder,
.c407a6136681e ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cd6cc7f0205af, .c45b78b1ea9d0, .caa3697e8b618, .cf07a61f0cfb4, .cd5a9a6c3f6a4, .c432994fbed42, .c57fd36914c45, .cb3bdcc636581 button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cd6cc7f0205af svg, .c45b78b1ea9d0 svg, .caa3697e8b618 svg, .cf07a61f0cfb4 svg, .cd5a9a6c3f6a4 svg, .c432994fbed42 svg, .c57fd36914c45 svg, .cb3bdcc636581 button svg,
.cd6cc7f0205af span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cd6cc7f0205af:focus-visible, .c45b78b1ea9d0:focus-visible, .caa3697e8b618:focus-visible, .cf07a61f0cfb4:focus-visible, .cd5a9a6c3f6a4:focus-visible, .c432994fbed42:focus-visible, .c57fd36914c45:focus-visible, .cb3bdcc636581 button:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cd6cc7f0205af:focus-visible svg, .c45b78b1ea9d0:focus-visible svg, .caa3697e8b618:focus-visible svg, .cf07a61f0cfb4:focus-visible svg, .cd5a9a6c3f6a4:focus-visible svg, .c432994fbed42:focus-visible svg, .c57fd36914c45:focus-visible svg, .cb3bdcc636581 button:focus-visible svg,
.cd6cc7f0205af:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cd6cc7f0205af:hover, .c45b78b1ea9d0:hover, .caa3697e8b618:hover, .cf07a61f0cfb4:hover, .cd5a9a6c3f6a4:hover, .c432994fbed42:hover, .c57fd36914c45:hover, .cb3bdcc636581 button:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cd6cc7f0205af:hover svg, .c45b78b1ea9d0:hover svg, .caa3697e8b618:hover svg, .cf07a61f0cfb4:hover svg, .cd5a9a6c3f6a4:hover svg, .c432994fbed42:hover svg, .c57fd36914c45:hover svg, .cb3bdcc636581 button:hover svg,
.cd6cc7f0205af:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cd6cc7f0205af:active, .c45b78b1ea9d0:active, .caa3697e8b618:active, .cf07a61f0cfb4:active, .cd5a9a6c3f6a4:active, .c432994fbed42:active, .c57fd36914c45:active, .cb3bdcc636581 button:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cd6cc7f0205af:active svg, .c45b78b1ea9d0:active svg, .caa3697e8b618:active svg, .cf07a61f0cfb4:active svg, .cd5a9a6c3f6a4:active svg, .c432994fbed42:active svg, .c57fd36914c45:active svg, .cb3bdcc636581 button:active svg,
.cd6cc7f0205af:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cd6cc7f0205af.disabled, .c45b78b1ea9d0.disabled, .caa3697e8b618.disabled, .cf07a61f0cfb4.disabled, .cd5a9a6c3f6a4.disabled, .c432994fbed42.disabled, .c57fd36914c45.disabled, .cb3bdcc636581 button.disabled, .cd6cc7f0205af[disabled], [disabled].c45b78b1ea9d0, [disabled].caa3697e8b618, [disabled].cf07a61f0cfb4, [disabled].cd5a9a6c3f6a4, [disabled].c432994fbed42, [disabled].c57fd36914c45, .cb3bdcc636581 button[disabled], .cd6cc7f0205af:disabled, .c45b78b1ea9d0:disabled, .caa3697e8b618:disabled, .cf07a61f0cfb4:disabled, .cd5a9a6c3f6a4:disabled, .c432994fbed42:disabled, .c57fd36914c45:disabled, .cb3bdcc636581 button:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cb8e0414b9844, .c5760b7b5dde1, .cb850e8a4f8ef, .cb3bdcc636581 .cb944f17b183e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cb8e0414b9844 svg, .c5760b7b5dde1 svg, .cb850e8a4f8ef svg, .cb3bdcc636581 .cb944f17b183e svg,
.cb8e0414b9844 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cb8e0414b9844:focus-visible, .c5760b7b5dde1:focus-visible, .cb850e8a4f8ef:focus-visible, .cb3bdcc636581 .cb944f17b183e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cb8e0414b9844:focus-visible svg, .c5760b7b5dde1:focus-visible svg, .cb850e8a4f8ef:focus-visible svg, .cb3bdcc636581 .cb944f17b183e:focus-visible svg,
.cb8e0414b9844:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cb8e0414b9844:hover, .c5760b7b5dde1:hover, .cb850e8a4f8ef:hover, .cb3bdcc636581 .cb944f17b183e:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cb8e0414b9844:hover svg, .c5760b7b5dde1:hover svg, .cb850e8a4f8ef:hover svg, .cb3bdcc636581 .cb944f17b183e:hover svg,
.cb8e0414b9844:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cb8e0414b9844:active, .c5760b7b5dde1:active, .cb850e8a4f8ef:active, .cb3bdcc636581 .cb944f17b183e:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cb8e0414b9844:active svg, .c5760b7b5dde1:active svg, .cb850e8a4f8ef:active svg, .cb3bdcc636581 .cb944f17b183e:active svg,
.cb8e0414b9844:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cb8e0414b9844.disabled, .c5760b7b5dde1.disabled, .cb850e8a4f8ef.disabled, .cb3bdcc636581 .cb944f17b183e.disabled, .cb8e0414b9844[disabled], [disabled].c5760b7b5dde1, [disabled].cb850e8a4f8ef, .cb3bdcc636581 [disabled].cb944f17b183e, .cb8e0414b9844:disabled, .c5760b7b5dde1:disabled, .cb850e8a4f8ef:disabled, .cb3bdcc636581 .cb944f17b183e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c6159f3fad36e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c6159f3fad36e svg,
.c6159f3fad36e span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c6159f3fad36e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c6159f3fad36e:focus-visible svg,
.c6159f3fad36e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c6159f3fad36e:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c6159f3fad36e:hover svg,
.c6159f3fad36e:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c6159f3fad36e:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c6159f3fad36e:active svg,
.c6159f3fad36e:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c6159f3fad36e.disabled, .c6159f3fad36e[disabled], .c6159f3fad36e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5269226c56ec, .cc68c9124a571 button, .cf90dfe3b48cc, .c3f1c5c33f54b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c5269226c56ec svg, .cc68c9124a571 button svg, .cf90dfe3b48cc svg, .c3f1c5c33f54b svg,
.c5269226c56ec span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c5269226c56ec:focus-visible, .cc68c9124a571 button:focus-visible, .cf90dfe3b48cc:focus-visible, .c3f1c5c33f54b:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c5269226c56ec:focus-visible svg, .cc68c9124a571 button:focus-visible svg, .cf90dfe3b48cc:focus-visible svg, .c3f1c5c33f54b:focus-visible svg,
.c5269226c56ec:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c5269226c56ec:hover, .cc68c9124a571 button:hover, .cf90dfe3b48cc:hover, .c3f1c5c33f54b:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c5269226c56ec:hover svg, .cc68c9124a571 button:hover svg, .cf90dfe3b48cc:hover svg, .c3f1c5c33f54b:hover svg,
.c5269226c56ec:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c5269226c56ec:active, .cc68c9124a571 button:active, .cf90dfe3b48cc:active, .c3f1c5c33f54b:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c5269226c56ec:active svg, .cc68c9124a571 button:active svg, .cf90dfe3b48cc:active svg, .c3f1c5c33f54b:active svg,
.c5269226c56ec:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c5269226c56ec.disabled, .cc68c9124a571 button.disabled, .cf90dfe3b48cc.disabled, .c3f1c5c33f54b.disabled, .c5269226c56ec[disabled], .cc68c9124a571 button[disabled], [disabled].cf90dfe3b48cc, [disabled].c3f1c5c33f54b, .c5269226c56ec:disabled, .cc68c9124a571 button:disabled, .cf90dfe3b48cc:disabled, .c3f1c5c33f54b:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c5269226c56ec.disabled svg, .cc68c9124a571 button.disabled svg, .cf90dfe3b48cc.disabled svg, .c3f1c5c33f54b.disabled svg,
.c5269226c56ec.disabled span svg, .c5269226c56ec[disabled] svg, .cc68c9124a571 button[disabled] svg, [disabled].cf90dfe3b48cc svg, [disabled].c3f1c5c33f54b svg,
.c5269226c56ec[disabled] span svg, .c5269226c56ec:disabled svg, .cc68c9124a571 button:disabled svg, .cf90dfe3b48cc:disabled svg, .c3f1c5c33f54b:disabled svg,
.c5269226c56ec:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ca8898e10a845 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ca8898e10a845 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ce53fe4804aca {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ce53fe4804aca svg,
.ce53fe4804aca span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ce53fe4804aca:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ce53fe4804aca:focus-visible svg,
.ce53fe4804aca:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ce53fe4804aca:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ce53fe4804aca:hover svg,
.ce53fe4804aca:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ce53fe4804aca:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ce53fe4804aca:active svg,
.ce53fe4804aca:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.ca4ddfdf02b25 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c2861fe1bfd22 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c36b368735d1d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c36b368735d1d:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c36b368735d1d:focus-visible svg,
.c36b368735d1d:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c36b368735d1d:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c36b368735d1d:active {
  border: none;
  background-color: transparent;
}

.c52f4928ed72f, .cf90dfe3b48cc svg, .c3f1c5c33f54b svg, .c6fe8374194f9, .c9c7545a46f28 span svg, .cc68c9124a571 button svg, .cdd25f4d0a7f9.intermediate svg, .c7e4d9789cd4c span.intermediate svg, .c4f1148a86e4f label span.intermediate svg, .cdd25f4d0a7f9.checked svg, .c7e4d9789cd4c span.checked svg, .c4f1148a86e4f label span.checked svg, .cd90afd25b988 span svg,
.cd90afd25b988 label svg, .c6898047151fc svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c82767b0e3b09 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c82767b0e3b09:hover {
  fill: none;
  stroke: none;
}

.c6fe8374194f9, .c9c7545a46f28 span svg, .cc68c9124a571 button svg, .cdd25f4d0a7f9.intermediate svg, .c7e4d9789cd4c span.intermediate svg, .c4f1148a86e4f label span.intermediate svg, .cdd25f4d0a7f9.checked svg, .c7e4d9789cd4c span.checked svg, .c4f1148a86e4f label span.checked svg, .cd90afd25b988 span svg,
.cd90afd25b988 label svg, .c6898047151fc svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cb0a0475fed0b {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cb0a0475fed0b:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c6119ca676264, .c5f567d468c5b, .c04462197e511 input, .c424611782d7b input, .cd90afd25b988 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c6119ca676264, .c5f567d468c5b, .c04462197e511 input, .c424611782d7b input, .cd90afd25b988 input {
    height: 23px;
  }
}
.c6119ca676264, .c5f567d468c5b, .c04462197e511 input, .c424611782d7b input, .cd90afd25b988 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c6119ca676264[disabled], [disabled].c5f567d468c5b, .c04462197e511 input[disabled], .c424611782d7b input[disabled], .cd90afd25b988 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c6898047151fc {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c6e4106117dc1, .cd90afd25b988 span,
.cd90afd25b988 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c6e4106117dc1, .cd90afd25b988 span,
  .cd90afd25b988 label {
    height: 25px;
  }
}
.c6e4106117dc1, .cd90afd25b988 span,
.cd90afd25b988 label {
  color: var(--input-foreground-color);
}

.cd90afd25b988 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd90afd25b988 {
    height: 25px;
    font-size: 10px;
  }
}
.cd90afd25b988 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cd90afd25b988 span svg,
.cd90afd25b988 label svg {
  color: var(--input-foreground-color);
}
.cd90afd25b988 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cd90afd25b988 ::placeholder {
  color: var(--input-placeholder-color);
}
.cd90afd25b988:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd90afd25b988:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cd90afd25b988:hover span {
  color: var(--input-foreground-color-hover);
}
.cd90afd25b988:hover input {
  color: var(--input-foreground-color-hover);
}
.cd90afd25b988:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cd90afd25b988:active span {
  color: var(--input-foreground-color-active);
}
.cd90afd25b988:active input {
  color: var(--input-foreground-color-active);
}
.cd90afd25b988:focus, .cd90afd25b988:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd90afd25b988:focus span, .cd90afd25b988:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cd90afd25b988:focus input, .cd90afd25b988:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cd90afd25b988:focus:hover, .cd90afd25b988:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd90afd25b988:focus:hover span, .cd90afd25b988:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cd90afd25b988:focus:hover input, .cd90afd25b988:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c424611782d7b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c424611782d7b input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c424611782d7b ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c424611782d7b ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c424611782d7b:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c424611782d7b:focus-within input, .c424611782d7b:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cb0a600986c96, .c04462197e511.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cb0a600986c96 input, .c04462197e511.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cb0a600986c96 span svg, .c04462197e511.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cdd25f4d0a7f9, .c7e4d9789cd4c span, .c4f1148a86e4f label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cdd25f4d0a7f9 svg, .c7e4d9789cd4c span svg, .c4f1148a86e4f label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cdd25f4d0a7f9:hover, .c7e4d9789cd4c span:hover, .c4f1148a86e4f label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cdd25f4d0a7f9:focus, .c7e4d9789cd4c span:focus, .c4f1148a86e4f label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cdd25f4d0a7f9.checked, .c7e4d9789cd4c span.checked, .c4f1148a86e4f label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cdd25f4d0a7f9.checked svg, .c7e4d9789cd4c span.checked svg, .c4f1148a86e4f label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cdd25f4d0a7f9.intermediate, .c7e4d9789cd4c span.intermediate, .c4f1148a86e4f label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cdd25f4d0a7f9.intermediate svg, .c7e4d9789cd4c span.intermediate svg, .c4f1148a86e4f label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cdd25f4d0a7f9.unchecked, .c7e4d9789cd4c span.unchecked, .c4f1148a86e4f label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cdd25f4d0a7f9.unchecked svg, .c7e4d9789cd4c span.unchecked svg, .c4f1148a86e4f label span.unchecked svg {
  display: none;
}

.c4f1148a86e4f {
  display: flex;
  align-items: center;
}
.c4f1148a86e4f label, .c4f1148a86e4f label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c4f1148a86e4f label input {
  margin: 0;
}
.c4f1148a86e4f label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c4f1148a86e4f label:focus span, .c4f1148a86e4f label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c04462197e511 {
  display: flex;
  flex-direction: column;
}
.c04462197e511 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c04462197e511 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c04462197e511 input:focus-within input, .c04462197e511 input:active input {
  color: var(--input-foreground-color-active);
}
.c04462197e511 input:focus-within, .c04462197e511 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c04462197e511.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cc623a1ed73f0 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c126d947d2c46 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cc06aedf4ab49 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cf90dfe3b48cc, .c3f1c5c33f54b {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c0e48f04f9c82 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c1fbabf06b8d4, .cb3bdcc636581 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cb850e8a4f8ef, .cb3bdcc636581 .cb944f17b183e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c432994fbed42, .c57fd36914c45, .cb3bdcc636581 button {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cd5a9a6c3f6a4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c558615fd2d44 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c558615fd2d44:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c80f8616721b7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c7d1b3da4f7bc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c9b49b60d0979 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c7f0cc90189b2 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c8a5992ccb5b2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c8a5992ccb5b2:hover, .c8a5992ccb5b2:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cc68c9124a571 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cc68c9124a571 button {
  display: none;
}
.cc68c9124a571 button svg {
  stroke: var(--icon-foreground);
}
.cc68c9124a571:hover button {
  display: flex;
}

.c6e2cc9d6621c {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c6e2cc9d6621c .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c6e2cc9d6621c .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c4f17e1912f53 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c4f17e1912f53:hover div {
  color: var(--entry-foreground-color-hover);
}

.c06a914621329 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c748b4183c266 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c748b4183c266:hover {
  background-color: var(--menu-background-color-hover);
}

.c9c7545a46f28 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c9c7545a46f28 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c9c7545a46f28 span svg {
  stroke: var(--icon-foreground);
}
.c9c7545a46f28:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c9c7545a46f28:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c77a285dc9855 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c410c14ffef5d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c12431699d181,
.c1999f2d028d9 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c4a54728deb9f .c12431699d181,
.c4a54728deb9f .c1999f2d028d9 {
  transform: scale(1);
}

.c135957c10607 .c12431699d181,
.c135957c10607 .c1999f2d028d9 {
  transform: scale(0);
}

.c68c14579cebd {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 1.5625rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c68c14579cebd.cab9abbdee9bb {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.c68c14579cebd .cbbfd56c195e5 {
  margin-right: 0.5rem;
}
.c68c14579cebd .c5760b7b5dde1 {
  flex-shrink: 0;
  height: 2rem;
}
.c68c14579cebd .c5760b7b5dde1 svg {
  height: 1rem;
  width: 1rem;
}
.c68c14579cebd nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.c68c14579cebd nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.c68c14579cebd nav li a {
  display: flex;
  align-items: center;
  flex-basis: 8.75rem;
  border-bottom: calc(1px + 0.125rem) solid transparent;
  color: var(--color-foreground-secondary);
  height: 2.5rem;
  padding: 0.25rem 1.5rem;
  font-weight: 400;
}
.c68c14579cebd nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.c68c14579cebd .c65bee771f48c {
  display: flex;
  align-items: center;
  margin-left: 1.5625rem;
}
.c68c14579cebd .c65bee771f48c h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 2rem;
  font-weight: 700;
  max-width: 44.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  white-space: nowrap;
  width: 100%;
}
.c68c14579cebd .c65bee771f48c .ce30397825e5a.cf086a1e16b4d {
  margin-top: 0.5rem;
}
.c68c14579cebd .c4b6759cf7db9 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.c68c14579cebd .c4b6759cf7db9 svg {
  color: var(--color-foreground-secondary);
  stroke: none;
  fill: none;
  width: 1rem;
  height: 1rem;
}
.c68c14579cebd .c4b6759cf7db9 svg:hover {
  color: var(--color-accent-tertiary);
  stroke: none;
  fill: none;
}
.c68c14579cebd .c8966890bf518 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.c68c14579cebd .c0dc375970ef9 {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.c68c14579cebd .ce4a0f34ce248 li a {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-foreground-third);
  border-color: transparent;
}
.c68c14579cebd .ce4a0f34ce248 li a:hover {
  color: var(--color-foreground-primary);
}
.c68c14579cebd .ce4a0f34ce248 li.c0cffe9b49bb7 a {
  color: var(--color-foreground-primary);
}

.cf07a61f0cfb4 {
  font-size: 0.875rem;
  font-weight: 400;
}

.c5760b7b5dde1 {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.cc182f955420f {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border-top: 0.0625rem solid var(--color-background-quaternary);
  overflow-y: auto;
  padding-inline-start: var(--sp-xl);
  padding-block-start: var(--sp-xl);
}

.c17fe38d9bce2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sp-xxl);
}

.c78bbf49fc2a2 {
  display: grid;
  grid-auto-rows: min-content;
  gap: var(--sp-s);
  max-width: 62.5rem;
  width: 100%;
}

.ca9d8e593ea7d {
  margin-block-start: var(--sp-l);
}

.cf9b4fb1bc29b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
}

.cc27bd01604da {
  color: var(--color-foreground-primary);
}

.cdbb9b0f40494 {
  display: grid;
  grid-template-columns: var(--sp-xxxl) 1fr;
  align-items: center;
  gap: var(--sp-m);
}

.ccd7db3c7b367 {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.ce130b2ed8828,
.c0d06ebc2bb4e,
.cab30ab3ffd53 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  fill: none;
  stroke-width: 0.0625rem;
  margin: 0 auto;
  color: var(--color-foreground-secondary);
}

.c063ec287d4d6 {
  --update-button-opacity: 0;
  position: relative;
  height: 7.5rem;
  width: 7.5rem;
  padding: var(--sp-l);
  margin-block-end: var(--sp-xxxl);
}
.c063ec287d4d6:hover {
  --update-button-opacity: 1;
}

.c5f372db6f594 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 7.5rem;
  height: 7.5rem;
}

.c2cd1b587d0ad {
  opacity: var(--update-button-opacity);
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: var(--z-index-set);
  border-radius: 50%;
  background-color: var(--color-accent-primary);
}

.c297404922bdb {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  fill: none;
  stroke-width: 0.0625rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
  color: var(--color-foreground-primary);
}

.c95d45567a884 {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-inline-start: var(--sp-xl);
  padding-block-start: var(--sp-xl);
  border-top: 0.0625rem solid var(--color-background-quaternary);
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.c95d45567a884.cc126b4f2a18a {
  flex-direction: column;
  justify-content: flex-start;
}

.c21968c642f74 {
  display: grid;
  grid-template-rows: auto 1fr;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 62.5rem;
  width: 100%;
}

.cb1ab4c90b887 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: grid;
  align-items: center;
  grid-template-columns: 43% 1fr 6.75rem var(--sp-m);
  height: 2.5rem;
  width: 100%;
  max-width: 62.5rem;
  padding: 0 var(--sp-l);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--color-foreground-secondary);
}

.cdadd0bd5c0e3 {
  display: grid;
  grid-auto-rows: 4rem;
  gap: var(--sp-l);
  width: 100%;
  height: 100%;
  max-width: 62.5rem;
  margin-top: var(--sp-l);
  color: var(--color-foreground-secondary);
}

.c70cbb907def2 {
  display: grid;
  grid-template-columns: 43% 1fr auto;
  align-items: center;
  height: 4rem;
  width: 100%;
  padding: 0 var(--sp-l);
  border-radius: 0.5rem;
  background-color: var(--color-background-quaternary);
  color: var(--color-foreground-primary);
}

.cb307cd16fd1f {
  width: 43%;
  min-width: 18.75rem;
}

.c99cf64cde200 {
  position: relative;
  cursor: default;
}

.c99cf64cde200,
.c5c97bd1c64a4 {
  display: flex;
  align-items: center;
  gap: var(--sp-s);
}

.c371f501d8364 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--sp-l);
  width: 43%;
  align-items: center;
  min-width: 18.75rem;
}

.c7e8d034af178 {
  position: relative;
  cursor: default;
}

.c007de64714b5 {
  position: relative;
  display: flex;
  align-items: center;
}

.cd11c597a0bbc {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
}

.c15ddee1435ad {
  display: grid;
  grid-template-rows: 1fr 1fr;
  width: 100%;
}

.c362ca5ffcb02,
.c58e5d5eebcf9 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
}

.c58e5d5eebcf9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
}

.c724b5efbc8b0 {
  color: var(--color-foreground-secondary);
  margin-left: 0.375rem;
}

.c40faf1c6df3d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  height: 2rem;
  min-width: 10rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: var(--sp-xs) var(--sp-s);
  border-radius: 0.5rem;
  border-color: var(--color-background-quaternary);
  background-color: var(--color-background-tertiary);
}

.c9ff4d327c3d1 {
  cursor: pointer;
}

.cef7837cd6149 {
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ce37545fcc7c4 {
  box-shadow: var(--el-shadow-dark);
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  position: absolute;
  padding: var(--sp-xs);
  border-radius: 0.5rem;
  z-index: var(--z-index-dropdown);
  color: var(--color-foreground-primary);
  background-color: var(--color-background-tertiary);
  border: 0.125rem solid var(--color-background-quaternary);
  margin: 0;
  bottom: -4.75rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 10rem;
}

.c375f6c3fbbd5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.c375f6c3fbbd5:hover {
  background-color: var(--color-background-quaternary);
}

.c0337294af992 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  fill: none;
  stroke-width: 0.0625rem;
  color: var(--color-foreground-third);
}

.c46597ae70256 {
  border: none;
  background: none;
  cursor: pointer;
}

.c4f1148a86e4f {
  cursor: pointer;
}

.c01a36fc07e1a {
  box-shadow: var(--el-shadow-dark);
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  position: absolute;
  padding: var(--sp-xs);
  border-radius: 10px;
  z-index: var(--z-index-dropdown);
  color: var(--color-foreground-primary);
  background-color: var(--color-background-quaternary);
  border: 3px solid var(--color-background-tertiary);
  margin: 0;
  bottom: calc(-1 * var(--sp-xxxl));
  right: 0;
  left: unset;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 10rem;
}

.c41dd7eb306d0 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.c41dd7eb306d0:hover {
  background-color: var(--color-background-tertiary);
  color: var(--color-accent-primary);
}

.c083994e30494 {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-inline-start: var(--sp-xl);
  padding-block-start: var(--sp-xl);
  border-top: 0.0625rem solid var(--color-background-quaternary);
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.c43171839e7cf {
  display: grid;
  grid-template-rows: auto 1fr;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 62.5rem;
  width: 100%;
}

.c0448c7458cb3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: var(--sp-l);
  color: var(--title-foreground-color);
  height: 2.5rem;
  margin-block-end: 2.25rem;
}

.cd46b1b623309 {
  margin-block-end: var(--sp-xxl);
}

.ced8a034e73f0 {
  grid-template-columns: 43% 1fr 5.5rem var(--sp-xxl);
  align-items: center;
}

.c2e99dd25ff42 {
  display: grid;
  place-items: center;
  align-content: center;
  height: 9.75rem;
  max-width: 62.5rem;
  width: 100%;
  margin-top: var(--sp-l);
  border: 0.0625rem solid var(--color-background-quaternary);
  border-radius: 0.5rem;
  color: var(--color-foreground-secondary);
}

.c45b78b1ea9d0 {
  margin-block-start: var(--sp-l);
  padding-inline: var(--sp-m);
}

.c5c97bd1c64a4 {
  position: relative;
  cursor: default;
}

.c9348e3d7eccf {
  opacity: 0.5;
}

.c21636abab21b {
  opacity: 1;
}

.c69493b726e75 {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  display: flex;
  gap: var(--sp-l);
  align-items: center;
}

.ca6dd72a3c7fd {
  bottom: -7rem;
  right: calc(-1 * var(--sp-xl));
}

.cacba3f12c1da {
  display: grid;
  grid-template-rows: auto 1fr;
  justify-items: center;
  gap: var(--sp-xxl);
  width: 100%;
  height: 100%;
  padding-inline-start: var(--sp-xl);
  padding-block-start: var(--sp-xl);
  border-top: 0.0625rem solid var(--color-background-quaternary);
  overflow-y: auto;
}

.c5650b7c844b0 {
  display: grid;
  grid-template-rows: auto 1fr;
  margin: 5rem auto var(--sp-xl) auto;
  gap: var(--sp-xxl);
}

.c66200cfa1b84 {
  display: grid;
  place-items: center;
  align-content: center;
  height: 9.75rem;
  max-width: 62.5rem;
  width: 100%;
  padding: var(--sp-xxxl);
  border: 0.0625rem solid var(--color-background-quaternary);
  border-radius: 0.5rem;
  color: var(--color-foreground-secondary);
}

.c62afbe739059 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: var(--sp-xxxl);
  margin-top: var(--sp-xxxl);
  margin: 0;
  padding: var(--sp-xxxl);
  padding: 0;
  width: 29.25rem;
}

.c5a08eca82922 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.5rem;
  color: var(--color-foreground-primary);
}

.cbf8bb4762451 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  color: var(--color-foreground-secondary);
  margin-bottom: 0;
  max-width: 32rem;
}

.caa3697e8b618 {
  height: 2rem;
  max-width: 32rem;
}

.c89b4c36e70e2 {
  height: -moz-fit-content;
  height: fit-content;
}

.c1ecc99dd99f6 {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr auto auto;
  gap: var(--sp-l);
}

.c53ee94770472 {
  position: relative;
}

.c7ce0198b0386 {
  color: var(--color-foreground-secondary);
  width: 1.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cc585fa4690d0 {
  box-shadow: var(--el-shadow-dark);
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  position: absolute;
  padding: var(--sp-xs);
  border-radius: 0.5rem;
  z-index: var(--z-index-dropdown);
  color: var(--color-foreground-primary);
  background-color: var(--color-background-tertiary);
  border: 0.125rem solid var(--color-background-quaternary);
  margin: 0;
  right: calc(-1 * var(--sp-l));
  bottom: -2.5rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 10rem;
}

.c9e054d97f521 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.c9e054d97f521:hover {
  background-color: var(--color-background-quaternary);
}

.cef5777f12109 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  fill: none;
  stroke-width: 0.0625rem;
  color: var(--color-accent-success);
}

.c3c740f29d205 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  fill: none;
  stroke-width: 0.0625rem;
  color: var(--color-accent-warning);
}

.c21bbe72ecc70 {
  position: relative;
  padding: var(--sp-xxxl);
  border-radius: 0.5rem;
  background-color: var(--color-background-primary);
  border: 0.125rem solid var(--color-background-quaternary);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
  box-shadow: var(--el-shadow-dark);
  position: fixed;
  top: 4.5rem;
  right: var(--sp-m);
  left: unset;
  width: 25rem;
  padding: var(--sp-xxxl);
  background-color: var(--color-background-primary);
  z-index: var(--z-index-set);
}
.c21bbe72ecc70.c29720ab05b4b {
  top: 13.5rem;
  right: var(--sp-xxxl);
}

.c43cdb0e0a496 {
  top: 2.5rem;
  z-index: var(--z-index-set);
}

.c5a41daebcf9e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.5rem;
  height: 2rem;
  color: var(--color-foreground-primary);
}

.c7b122dfd3948 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  row-gap: var(--sp-s);
}

.cd823c874fdb4 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  fill: none;
  stroke-width: 0.0625rem;
  color: var(--color-foreground-secondary);
  transform: rotate(90deg);
}

.c3547cb0d675e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  margin: 0 0 var(--sp-l) 0;
  color: var(--color-foreground-primary);
}

.c215acddb2983 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  margin: 0;
  color: var(--color-foreground-primary);
}

.ccc95f4150e42 {
  margin-top: var(--sp-s);
  margin-bottom: var(--sp-xxl);
}

.cb3bdcc636581 {
  display: flex;
  justify-content: flex-end;
}

.c18afb6c38d25 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: var(--z-index-set);
  background-color: var(--overlay-color);
}

.c21182910d6bb {
  position: relative;
  padding: var(--sp-xxxl);
  border-radius: 0.5rem;
  background-color: var(--color-background-primary);
  border: 0.125rem solid var(--color-background-quaternary);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cbe94f17a990b {
  margin-bottom: var(--sp-xxl);
}

.c5a41daebcf9e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 1rem;
  color: var(--color-foreground-primary);
}

.c32736cf8cadf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: var(--sp-xxl);
  margin-bottom: var(--sp-xxl);
}

.ca441ea2f0c0c {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.cf43349449e22 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-primary);
}

.cb5ee4a786a91 {
  align-items: flex-start;
}

.c7589f0a7ed1c {
  color: var(--color-foreground-secondary);
}

.c5f567d468c5b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  height: auto;
  max-width: 100%;
  padding-left: 0;
}

.c7e4d9789cd4c {
  display: flex;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
}
.c7e4d9789cd4c label {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--color-foreground-primary);
}
.c7e4d9789cd4c label:focus span, .c7e4d9789cd4c label:focus-within span {
  border-color: var(--color-accent-primary);
}
.c7e4d9789cd4c label:hover span {
  border-color: var(--color-accent-primary-muted);
}
.c7e4d9789cd4c span {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
}
.c7e4d9789cd4c input {
  margin: 0;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
}

.c95bc08b2038d {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.c05d5858f0cbf {
  overflow: auto;
}

.c6426cba326b4 p {
  margin: 0;
}

.c44c8e1f93fc8 {
  margin-block-start: var(--sp-xxxl);
  gap: var(--sp-s);
}
@keyframes cf8ec4eac3723 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c67960f7a7bb0 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c67960f7a7bb0:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c67960f7a7bb0 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c67960f7a7bb0 ::-webkit-scrollbar-track,
.c67960f7a7bb0 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c67960f7a7bb0 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c67960f7a7bb0 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c67960f7a7bb0 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c67960f7a7bb0 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c67960f7a7bb0 ::placeholder,
.c67960f7a7bb0 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cae3c4b7188e4, .c5a7676a511c1, .c43d5350943e7.ce51d4fc668f8, .c9bc2cad108ed, .c43d5350943e7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cae3c4b7188e4 svg, .c5a7676a511c1 svg, .c43d5350943e7.ce51d4fc668f8 svg, .c9bc2cad108ed svg, .c43d5350943e7 svg,
.cae3c4b7188e4 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cae3c4b7188e4:focus-visible, .c5a7676a511c1:focus-visible, .c9bc2cad108ed:focus-visible, .c43d5350943e7:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cae3c4b7188e4:focus-visible svg, .c5a7676a511c1:focus-visible svg, .c9bc2cad108ed:focus-visible svg, .c43d5350943e7:focus-visible svg,
.cae3c4b7188e4:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cae3c4b7188e4:hover, .c5a7676a511c1:hover, .c9bc2cad108ed:hover, .c43d5350943e7:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cae3c4b7188e4:hover svg, .c5a7676a511c1:hover svg, .c9bc2cad108ed:hover svg, .c43d5350943e7:hover svg,
.cae3c4b7188e4:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cae3c4b7188e4:active, .c5a7676a511c1:active, .c9bc2cad108ed:active, .c43d5350943e7:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cae3c4b7188e4:active svg, .c5a7676a511c1:active svg, .c9bc2cad108ed:active svg, .c43d5350943e7:active svg,
.cae3c4b7188e4:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cae3c4b7188e4.disabled, .c5a7676a511c1.disabled, .c9bc2cad108ed.disabled, .c43d5350943e7.disabled, .cae3c4b7188e4[disabled], [disabled].c5a7676a511c1, [disabled].c9bc2cad108ed, [disabled].c43d5350943e7, .cae3c4b7188e4:disabled, .c5a7676a511c1:disabled, .c9bc2cad108ed:disabled, .c43d5350943e7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca8733ae87558, .c9bb36982943f, .c68fa0b77befc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ca8733ae87558 svg, .c9bb36982943f svg, .c68fa0b77befc svg,
.ca8733ae87558 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ca8733ae87558:focus-visible, .c9bb36982943f:focus-visible, .c68fa0b77befc:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ca8733ae87558:focus-visible svg, .c9bb36982943f:focus-visible svg, .c68fa0b77befc:focus-visible svg,
.ca8733ae87558:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ca8733ae87558:hover, .c9bb36982943f:hover, .c68fa0b77befc:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ca8733ae87558:hover svg, .c9bb36982943f:hover svg, .c68fa0b77befc:hover svg,
.ca8733ae87558:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ca8733ae87558:active, .c9bb36982943f:active, .c68fa0b77befc:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ca8733ae87558:active svg, .c9bb36982943f:active svg, .c68fa0b77befc:active svg,
.ca8733ae87558:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ca8733ae87558.disabled, .c9bb36982943f.disabled, .c68fa0b77befc.disabled, .ca8733ae87558[disabled], [disabled].c9bb36982943f, [disabled].c68fa0b77befc, .ca8733ae87558:disabled, .c9bb36982943f:disabled, .c68fa0b77befc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c14a292920724 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c14a292920724 svg,
.c14a292920724 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c14a292920724:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c14a292920724:focus-visible svg,
.c14a292920724:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c14a292920724:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c14a292920724:hover svg,
.c14a292920724:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c14a292920724:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c14a292920724:active svg,
.c14a292920724:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c14a292920724.disabled, .c14a292920724[disabled], .c14a292920724:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cdc295e9ba3bc, .c725eeba5ebf4 button, .c796a6abaf08b, .c08231551aac7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cdc295e9ba3bc svg, .c725eeba5ebf4 button svg, .c796a6abaf08b svg, .c08231551aac7 svg,
.cdc295e9ba3bc span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cdc295e9ba3bc:focus-visible, .c725eeba5ebf4 button:focus-visible, .c796a6abaf08b:focus-visible, .c08231551aac7:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cdc295e9ba3bc:focus-visible svg, .c725eeba5ebf4 button:focus-visible svg, .c796a6abaf08b:focus-visible svg, .c08231551aac7:focus-visible svg,
.cdc295e9ba3bc:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cdc295e9ba3bc:hover, .c725eeba5ebf4 button:hover, .c796a6abaf08b:hover, .c08231551aac7:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cdc295e9ba3bc:hover svg, .c725eeba5ebf4 button:hover svg, .c796a6abaf08b:hover svg, .c08231551aac7:hover svg,
.cdc295e9ba3bc:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cdc295e9ba3bc:active, .c725eeba5ebf4 button:active, .c796a6abaf08b:active, .c08231551aac7:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cdc295e9ba3bc:active svg, .c725eeba5ebf4 button:active svg, .c796a6abaf08b:active svg, .c08231551aac7:active svg,
.cdc295e9ba3bc:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cdc295e9ba3bc.disabled, .c725eeba5ebf4 button.disabled, .c796a6abaf08b.disabled, .c08231551aac7.disabled, .cdc295e9ba3bc[disabled], .c725eeba5ebf4 button[disabled], [disabled].c796a6abaf08b, [disabled].c08231551aac7, .cdc295e9ba3bc:disabled, .c725eeba5ebf4 button:disabled, .c796a6abaf08b:disabled, .c08231551aac7:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cdc295e9ba3bc.disabled svg, .c725eeba5ebf4 button.disabled svg, .c796a6abaf08b.disabled svg, .c08231551aac7.disabled svg,
.cdc295e9ba3bc.disabled span svg, .cdc295e9ba3bc[disabled] svg, .c725eeba5ebf4 button[disabled] svg, [disabled].c796a6abaf08b svg, [disabled].c08231551aac7 svg,
.cdc295e9ba3bc[disabled] span svg, .cdc295e9ba3bc:disabled svg, .c725eeba5ebf4 button:disabled svg, .c796a6abaf08b:disabled svg, .c08231551aac7:disabled svg,
.cdc295e9ba3bc:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ce98f74bfc328 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ce98f74bfc328 svg {
  color: var(--button-icon-foreground-color-selected);
}

.cd72a81cb985e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.cd72a81cb985e svg,
.cd72a81cb985e span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.cd72a81cb985e:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.cd72a81cb985e:focus-visible svg,
.cd72a81cb985e:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.cd72a81cb985e:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.cd72a81cb985e:hover svg,
.cd72a81cb985e:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.cd72a81cb985e:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.cd72a81cb985e:active svg,
.cd72a81cb985e:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.cc5b149201f18 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cc29b5d54928d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cec4cf650036c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cec4cf650036c:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.cec4cf650036c:focus-visible svg,
.cec4cf650036c:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.cec4cf650036c:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.cec4cf650036c:active {
  border: none;
  background-color: transparent;
}

.c0e1ece4d4713, .c796a6abaf08b svg, .c08231551aac7 svg, .c9157d1fc40ae, .c897ad79e7178 span svg, .c725eeba5ebf4 button svg, .cd8cdcdd015d0.intermediate svg, .c005d26262f16 label span.intermediate svg, .cd8cdcdd015d0.checked svg, .c005d26262f16 label span.checked svg, .c5a5289d6cbbe span svg,
.c5a5289d6cbbe label svg, .c225fc1eb2fab svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c3c38b122a8c7 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c3c38b122a8c7:hover {
  fill: none;
  stroke: none;
}

.c9157d1fc40ae, .c897ad79e7178 span svg, .c725eeba5ebf4 button svg, .cd8cdcdd015d0.intermediate svg, .c005d26262f16 label span.intermediate svg, .cd8cdcdd015d0.checked svg, .c005d26262f16 label span.checked svg, .c5a5289d6cbbe span svg,
.c5a5289d6cbbe label svg, .c225fc1eb2fab svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cce16aca8047a {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cce16aca8047a:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c0d2532c998ef, .c2eae02d8d149 input, .c1e367a63e824 input, .cb9958836fbc6 input, .c5a5289d6cbbe input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c0d2532c998ef, .c2eae02d8d149 input, .c1e367a63e824 input, .cb9958836fbc6 input, .c5a5289d6cbbe input {
    height: 23px;
  }
}
.c0d2532c998ef, .c2eae02d8d149 input, .c1e367a63e824 input, .cb9958836fbc6 input, .c5a5289d6cbbe input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c0d2532c998ef[disabled], .c2eae02d8d149 input[disabled], .c1e367a63e824 input[disabled], .cb9958836fbc6 input[disabled], .c5a5289d6cbbe input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c225fc1eb2fab {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cdc821961d544, .c5a5289d6cbbe span,
.c5a5289d6cbbe label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cdc821961d544, .c5a5289d6cbbe span,
  .c5a5289d6cbbe label {
    height: 25px;
  }
}
.cdc821961d544, .c5a5289d6cbbe span,
.c5a5289d6cbbe label {
  color: var(--input-foreground-color);
}

.c5a5289d6cbbe {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c5a5289d6cbbe {
    height: 25px;
    font-size: 10px;
  }
}
.c5a5289d6cbbe {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c5a5289d6cbbe span svg,
.c5a5289d6cbbe label svg {
  color: var(--input-foreground-color);
}
.c5a5289d6cbbe ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c5a5289d6cbbe ::placeholder {
  color: var(--input-placeholder-color);
}
.c5a5289d6cbbe:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c5a5289d6cbbe:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c5a5289d6cbbe:hover span {
  color: var(--input-foreground-color-hover);
}
.c5a5289d6cbbe:hover input {
  color: var(--input-foreground-color-hover);
}
.c5a5289d6cbbe:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c5a5289d6cbbe:active span {
  color: var(--input-foreground-color-active);
}
.c5a5289d6cbbe:active input {
  color: var(--input-foreground-color-active);
}
.c5a5289d6cbbe:focus, .c5a5289d6cbbe:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c5a5289d6cbbe:focus span, .c5a5289d6cbbe:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c5a5289d6cbbe:focus input, .c5a5289d6cbbe:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c5a5289d6cbbe:focus:hover, .c5a5289d6cbbe:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c5a5289d6cbbe:focus:hover span, .c5a5289d6cbbe:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c5a5289d6cbbe:focus:hover input, .c5a5289d6cbbe:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c1e367a63e824, .cb9958836fbc6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c1e367a63e824 input, .cb9958836fbc6 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c1e367a63e824 ::-moz-placeholder, .cb9958836fbc6 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1e367a63e824 ::placeholder, .cb9958836fbc6 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c1e367a63e824:hover input, .cb9958836fbc6:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c1e367a63e824:focus-within input, .cb9958836fbc6:focus-within input, .c1e367a63e824:active input, .cb9958836fbc6:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c55682f92f739, .c2eae02d8d149.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c55682f92f739 input, .c2eae02d8d149.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c55682f92f739 span svg, .c2eae02d8d149.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cd8cdcdd015d0, .c005d26262f16 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cd8cdcdd015d0 svg, .c005d26262f16 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cd8cdcdd015d0:hover, .c005d26262f16 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cd8cdcdd015d0:focus, .c005d26262f16 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cd8cdcdd015d0.checked, .c005d26262f16 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cd8cdcdd015d0.checked svg, .c005d26262f16 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cd8cdcdd015d0.intermediate, .c005d26262f16 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cd8cdcdd015d0.intermediate svg, .c005d26262f16 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cd8cdcdd015d0.unchecked, .c005d26262f16 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cd8cdcdd015d0.unchecked svg, .c005d26262f16 label span.unchecked svg {
  display: none;
}

.c005d26262f16 {
  display: flex;
  align-items: center;
}
.c005d26262f16 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c005d26262f16 label input {
  margin: 0;
}
.c005d26262f16 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c005d26262f16 label:focus span, .c005d26262f16 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c2eae02d8d149 {
  display: flex;
  flex-direction: column;
}
.c2eae02d8d149 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c2eae02d8d149 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c2eae02d8d149 input:focus-within input, .c2eae02d8d149 input:active input {
  color: var(--input-foreground-color-active);
}
.c2eae02d8d149 input:focus-within, .c2eae02d8d149 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c2eae02d8d149.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf362e85723e9 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cc207f7eae2cd, .cfe6b0fcf4016 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cfdd776819216, .caf11835d0196 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c796a6abaf08b, .c08231551aac7 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c1eb5d70f6d88 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c295fc0ebd268, .cfd292156c7b2 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c9bb36982943f, .c68fa0b77befc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c9bc2cad108ed, .c43d5350943e7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c5a7676a511c1, .c43d5350943e7.ce51d4fc668f8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c84141957cc2a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c84141957cc2a:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c4831db47a15f {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c9e9b3990c592 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c1f6d44f438e3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ce1dae8c16ba6 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cf0504cdf02be {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cf0504cdf02be:hover, .cf0504cdf02be:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c725eeba5ebf4 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c725eeba5ebf4 button {
  display: none;
}
.c725eeba5ebf4 button svg {
  stroke: var(--icon-foreground);
}
.c725eeba5ebf4:hover button {
  display: flex;
}

.c33cb74fce0c7 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c33cb74fce0c7 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c33cb74fce0c7 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cfe230728be81 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cfe230728be81:hover div {
  color: var(--entry-foreground-color-hover);
}

.c4d8fc32b4d7a {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.ca3e39dec86b8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.ca3e39dec86b8:hover {
  background-color: var(--menu-background-color-hover);
}

.c897ad79e7178 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c897ad79e7178 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c897ad79e7178 span svg {
  stroke: var(--icon-foreground);
}
.c897ad79e7178:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c897ad79e7178:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c777d92b41801 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c680c3d04c8ef {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c2d088258b599,
.c433d18a76700 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c4e931bb63255 .c2d088258b599,
.c4e931bb63255 .c433d18a76700 {
  transform: scale(1);
}

.c58e207e1002e .c2d088258b599,
.c58e207e1002e .c433d18a76700 {
  transform: scale(0);
}

.c6b86edb29bd1 {
  margin-bottom: 1.5rem;
}

.c51369385883a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.cee0cc84bc22e {
  margin-bottom: 1.5rem;
}

.cb381b94593ee {
  min-width: 25rem;
}

.cb9958836fbc6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.cb9958836fbc6 label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  align-items: flex-start;
  width: 100%;
  border: none;
  background-color: transparent;
  height: 100%;
}
.cb9958836fbc6 label input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}
.cee0f589557d4 {
  background-color: var(--color-background-quaternary);
  inset-block-end: 0;
  border-end-start-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  border-start-end-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  height: 15.25rem;
  justify-content: flex-end;
  margin-inline-start: 0.375rem;
  margin-inline-end: 0.375rem;
  margin-block-end: 0.375rem;
  position: absolute;
  transition: bottom 300ms;
  width: calc(100% - 0.75rem);
  pointer-events: none;
}
.cee0f589557d4.cfbe0c735c5bb {
  inset-block-end: -14.25rem;
  background-color: transparent;
  transition: bottom 300ms;
}
.cee0f589557d4.cfbe0c735c5bb .c8a813ff7f4b8 {
  border-end-end-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
}
.cee0f589557d4.cfbe0c735c5bb .c68831801ed1a,
.cee0f589557d4.cfbe0c735c5bb .c364e1c006fd3 {
  visibility: hidden;
}

.cf6b01adf50b8 {
  pointer-events: all;
  width: 26.25rem;
  inset-block-start: -2.5rem;
  text-align: right;
  height: 3.5rem;
  position: absolute;
}

.c8a813ff7f4b8 {
  border: none;
  cursor: pointer;
  height: 3.5rem;
  display: inline-flex;
  align-items: center;
  border-start-start-radius: 0.5rem;
  border-start-end-radius: 0.5rem;
  position: relative;
  z-index: var(--z-index-auto);
  background-color: var(--color-background-quaternary);
  width: 100%;
}

.c21e0d324a731 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  display: inline-block;
  vertical-align: middle;
  margin-inline-start: var(--sp-m);
  margin-inline-end: var(--sp-s);
  color: var(--color-foreground-primary);
}

.c18045e713860 {
  display: inline-block;
  vertical-align: middle;
  margin-inline-start: auto;
  margin-inline-end: var(--sp-s);
  color: var(--color-foreground-primary);
}

.cef16132cf32f {
  display: inline-block;
  vertical-align: middle;
  margin-inline-start: auto;
  margin-inline-end: var(--sp-s);
  transform: rotate(90deg);
}

.c325fd80c9262 {
  margin-inline-end: var(--sp-s);
}

.c15a2571e0f49 {
  transform: rotate(-90deg);
}

.c702e25b3a311 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 0.0625rem;
  stroke: var(--color-foreground-secondary);
}

.ce6888a192016 {
  position: absolute;
  inset-block-start: 6rem;
  border: 0.125rem solid var(--color-foreground-secondary);
  border-radius: 50%;
  text-align: center;
  width: 2.25rem;
  height: 2.25rem;
  cursor: pointer;
  background-color: var(--color-background-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
}
.ce6888a192016:hover {
  border: 0.125rem solid var(--color-background-tertiary);
  background-color: var(--color-accent-primary);
}
.ce6888a192016:hover .c702e25b3a311 {
  stroke: var(--color-background-tertiary);
}

.ca9df498793c4 {
  inset-inline-start: 0;
  margin-inline-start: 2.75rem;
  transform: rotate(180deg);
}

.c66598bdfc7e3 {
  inset-inline-end: 0;
  margin-inline-end: 2.75rem;
}

.c364e1c006fd3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  color: var(--color-foreground-primary);
  margin-block-end: calc(-1 * var(--sp-s));
  margin-block-start: var(--sp-l);
  margin-inline-start: var(--sp-l);
  visibility: visible;
}

.c68831801ed1a {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17.25rem, 17.25rem));
  grid-auto-flow: column;
  pointer-events: all;
  height: 14.25rem;
  overflow: scroll hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
  visibility: visible;
}

.c1cedaf55d8bb {
  width: 17.25rem;
  margin-block-start: var(--sp-xl);
  text-align: center;
  vertical-align: top;
  background-color: transparent;
  border: none;
  padding: 0;
  scroll-snap-align: start;
}

.c80196a351b8f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  display: inline-block;
  width: 16rem;
  cursor: pointer;
  color: var(--color-foreground-primary);
  padding: 0 var(--sp-xs) var(--sp-s) var(--sp-xs);
  border-radius: 0.5rem;
  border: 0.125rem solid transparent;
}
.c80196a351b8f:hover {
  text-decoration: none;
  border-color: var(--color-accent-primary);
}
.c80196a351b8f:hover .cb46d472ecf98 {
  stroke: var(--color-accent-primary);
}
.c80196a351b8f:hover .c87d575af92fe {
  color: var(--color-accent-primary);
}

.c1ac040bb275e {
  width: 100%;
  height: 8.5rem;
  margin-block-end: var(--sp-s);
  border-radius: 0.3125rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.c1ac040bb275e img {
  border-radius: 0.25rem;
}

.c07e97cd69323 {
  padding: 0 0.375rem;
  display: flex;
  justify-content: space-between;
  height: 1.5rem;
  align-items: center;
}

.c87d575af92fe {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1.125rem;
  white-space: nowrap;
  overflow: hidden;
  width: 90%;
  text-overflow: ellipsis;
  text-align: left;
}

.cb46d472ecf98 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 0.0625rem;
  stroke: none;
}

.cfb7c33531607 {
  border: 0.125rem solid transparent;
  margin: var(--sp-xxxl);
  padding: var(--sp-xxxl) 0;
}

.ccfeeab61b024 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.43;
  font-size: 1rem;
  color: var(--color-foreground-primary);
}

.c67a3dcdab189 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  margin-block-start: var(--sp-s);
  color: var(--color-foreground-secondary);
}
@keyframes cd254ec849ef1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ca88d3a719e36 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ca88d3a719e36:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ca88d3a719e36 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ca88d3a719e36 ::-webkit-scrollbar-track,
.ca88d3a719e36 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ca88d3a719e36 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ca88d3a719e36 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ca88d3a719e36 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca88d3a719e36 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ca88d3a719e36 ::placeholder,
.ca88d3a719e36 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c00ba3606087e, .cb8a56405cc3f,
.c8036a737781f, .c31c5cc764c95,
.c02f64306124d,
.cc7753e0ade6a, .cc38b5b83478a, .c8ed43fadfdb7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c00ba3606087e svg, .cb8a56405cc3f svg,
.c8036a737781f svg, .c31c5cc764c95 svg,
.c02f64306124d svg,
.cc7753e0ade6a svg, .cc38b5b83478a svg, .c8ed43fadfdb7 svg,
.c00ba3606087e span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c00ba3606087e:focus-visible, .cb8a56405cc3f:focus-visible,
.c8036a737781f:focus-visible, .c31c5cc764c95:focus-visible,
.c02f64306124d:focus-visible,
.cc7753e0ade6a:focus-visible, .cc38b5b83478a:focus-visible, .c8ed43fadfdb7:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c00ba3606087e:focus-visible svg, .cb8a56405cc3f:focus-visible svg,
.c8036a737781f:focus-visible svg, .c31c5cc764c95:focus-visible svg,
.c02f64306124d:focus-visible svg,
.cc7753e0ade6a:focus-visible svg, .cc38b5b83478a:focus-visible svg, .c8ed43fadfdb7:focus-visible svg,
.c00ba3606087e:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c00ba3606087e:hover, .cb8a56405cc3f:hover,
.c8036a737781f:hover, .c31c5cc764c95:hover,
.c02f64306124d:hover,
.cc7753e0ade6a:hover, .cc38b5b83478a:hover, .c8ed43fadfdb7:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c00ba3606087e:hover svg, .cb8a56405cc3f:hover svg,
.c8036a737781f:hover svg, .c31c5cc764c95:hover svg,
.c02f64306124d:hover svg,
.cc7753e0ade6a:hover svg, .cc38b5b83478a:hover svg, .c8ed43fadfdb7:hover svg,
.c00ba3606087e:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c00ba3606087e:active, .cb8a56405cc3f:active,
.c8036a737781f:active, .c31c5cc764c95:active,
.c02f64306124d:active,
.cc7753e0ade6a:active, .cc38b5b83478a:active, .c8ed43fadfdb7:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c00ba3606087e:active svg, .cb8a56405cc3f:active svg,
.c8036a737781f:active svg, .c31c5cc764c95:active svg,
.c02f64306124d:active svg,
.cc7753e0ade6a:active svg, .cc38b5b83478a:active svg, .c8ed43fadfdb7:active svg,
.c00ba3606087e:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c00ba3606087e.disabled, .cb8a56405cc3f.disabled,
.c8036a737781f.disabled, .c31c5cc764c95.disabled,
.c02f64306124d.disabled,
.cc7753e0ade6a.disabled, .cc38b5b83478a.disabled, .c8ed43fadfdb7.disabled, .c00ba3606087e[disabled], [disabled].cb8a56405cc3f,
[disabled].c8036a737781f, [disabled].c31c5cc764c95,
[disabled].c02f64306124d,
[disabled].cc7753e0ade6a, [disabled].cc38b5b83478a, [disabled].c8ed43fadfdb7, .c00ba3606087e:disabled, .cb8a56405cc3f:disabled,
.c8036a737781f:disabled, .c31c5cc764c95:disabled,
.c02f64306124d:disabled,
.cc7753e0ade6a:disabled, .cc38b5b83478a:disabled, .c8ed43fadfdb7:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c51c155042801, .c784269836674, .caa1941df2f87 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c51c155042801 svg, .c784269836674 svg, .caa1941df2f87 svg,
.c51c155042801 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c51c155042801:focus-visible, .c784269836674:focus-visible, .caa1941df2f87:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c51c155042801:focus-visible svg, .c784269836674:focus-visible svg, .caa1941df2f87:focus-visible svg,
.c51c155042801:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c51c155042801:hover, .c784269836674:hover, .caa1941df2f87:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c51c155042801:hover svg, .c784269836674:hover svg, .caa1941df2f87:hover svg,
.c51c155042801:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c51c155042801:active, .c784269836674:active, .caa1941df2f87:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c51c155042801:active svg, .c784269836674:active svg, .caa1941df2f87:active svg,
.c51c155042801:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c51c155042801.disabled, .c784269836674.disabled, .caa1941df2f87.disabled, .c51c155042801[disabled], [disabled].c784269836674, [disabled].caa1941df2f87, .c51c155042801:disabled, .c784269836674:disabled, .caa1941df2f87:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c05f374aec6dc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c05f374aec6dc svg,
.c05f374aec6dc span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c05f374aec6dc:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c05f374aec6dc:focus-visible svg,
.c05f374aec6dc:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c05f374aec6dc:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c05f374aec6dc:hover svg,
.c05f374aec6dc:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c05f374aec6dc:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c05f374aec6dc:active svg,
.c05f374aec6dc:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c05f374aec6dc.disabled, .c05f374aec6dc[disabled], .c05f374aec6dc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cd913fffbddea, .ce187066e498a button, .c72b01ff1492f {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.cd913fffbddea svg, .ce187066e498a button svg, .c72b01ff1492f svg,
.cd913fffbddea span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.cd913fffbddea:focus-visible, .ce187066e498a button:focus-visible, .c72b01ff1492f:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.cd913fffbddea:focus-visible svg, .ce187066e498a button:focus-visible svg, .c72b01ff1492f:focus-visible svg,
.cd913fffbddea:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.cd913fffbddea:hover, .ce187066e498a button:hover, .c72b01ff1492f:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.cd913fffbddea:hover svg, .ce187066e498a button:hover svg, .c72b01ff1492f:hover svg,
.cd913fffbddea:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.cd913fffbddea:active, .ce187066e498a button:active, .c72b01ff1492f:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.cd913fffbddea:active svg, .ce187066e498a button:active svg, .c72b01ff1492f:active svg,
.cd913fffbddea:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.cd913fffbddea.disabled, .ce187066e498a button.disabled, .c72b01ff1492f.disabled, .cd913fffbddea[disabled], .ce187066e498a button[disabled], [disabled].c72b01ff1492f, .cd913fffbddea:disabled, .ce187066e498a button:disabled, .c72b01ff1492f:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.cd913fffbddea.disabled svg, .ce187066e498a button.disabled svg, .c72b01ff1492f.disabled svg,
.cd913fffbddea.disabled span svg, .cd913fffbddea[disabled] svg, .ce187066e498a button[disabled] svg, [disabled].c72b01ff1492f svg,
.cd913fffbddea[disabled] span svg, .cd913fffbddea:disabled svg, .ce187066e498a button:disabled svg, .c72b01ff1492f:disabled svg,
.cd913fffbddea:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.ced3beaeaeb90 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.ced3beaeaeb90 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c087fa462df8a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c087fa462df8a svg,
.c087fa462df8a span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c087fa462df8a:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c087fa462df8a:focus-visible svg,
.c087fa462df8a:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c087fa462df8a:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c087fa462df8a:hover svg,
.c087fa462df8a:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c087fa462df8a:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c087fa462df8a:active svg,
.c087fa462df8a:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c83ee2e2f818a {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c10d887e02ab6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca7c36979d43e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ca7c36979d43e:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.ca7c36979d43e:focus-visible svg,
.ca7c36979d43e:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.ca7c36979d43e:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.ca7c36979d43e:active {
  border: none;
  background-color: transparent;
}

.cf251afb9c73f, .c72b01ff1492f svg, .caa4cc1704c87, .cd2d58fc92e58 span svg, .ce187066e498a button svg, .c64d61f6390a4.intermediate svg, .c76cf1d18d368 label span.intermediate svg, .c64d61f6390a4.checked svg, .c76cf1d18d368 label span.checked svg, .c7cffbaa29266 span svg,
.c7cffbaa29266 label svg, .c79a075e44cd4 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cd10822977344 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cd10822977344:hover {
  fill: none;
  stroke: none;
}

.caa4cc1704c87, .cd2d58fc92e58 span svg, .ce187066e498a button svg, .c64d61f6390a4.intermediate svg, .c76cf1d18d368 label span.intermediate svg, .c64d61f6390a4.checked svg, .c76cf1d18d368 label span.checked svg, .c7cffbaa29266 span svg,
.c7cffbaa29266 label svg, .c79a075e44cd4 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c94b403b08b8e {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c94b403b08b8e:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.ccada1ebd65e5, .c2f0d5185e594 input, .c285e8bd8bc73 input, .c7cffbaa29266 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .ccada1ebd65e5, .c2f0d5185e594 input, .c285e8bd8bc73 input, .c7cffbaa29266 input {
    height: 23px;
  }
}
.ccada1ebd65e5, .c2f0d5185e594 input, .c285e8bd8bc73 input, .c7cffbaa29266 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.ccada1ebd65e5[disabled], .c2f0d5185e594 input[disabled], .c285e8bd8bc73 input[disabled], .c7cffbaa29266 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c79a075e44cd4 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c26d18b5e1685, .c7cffbaa29266 span,
.c7cffbaa29266 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c26d18b5e1685, .c7cffbaa29266 span,
  .c7cffbaa29266 label {
    height: 25px;
  }
}
.c26d18b5e1685, .c7cffbaa29266 span,
.c7cffbaa29266 label {
  color: var(--input-foreground-color);
}

.c7cffbaa29266 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c7cffbaa29266 {
    height: 25px;
    font-size: 10px;
  }
}
.c7cffbaa29266 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c7cffbaa29266 span svg,
.c7cffbaa29266 label svg {
  color: var(--input-foreground-color);
}
.c7cffbaa29266 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c7cffbaa29266 ::placeholder {
  color: var(--input-placeholder-color);
}
.c7cffbaa29266:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c7cffbaa29266:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c7cffbaa29266:hover span {
  color: var(--input-foreground-color-hover);
}
.c7cffbaa29266:hover input {
  color: var(--input-foreground-color-hover);
}
.c7cffbaa29266:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c7cffbaa29266:active span {
  color: var(--input-foreground-color-active);
}
.c7cffbaa29266:active input {
  color: var(--input-foreground-color-active);
}
.c7cffbaa29266:focus, .c7cffbaa29266:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c7cffbaa29266:focus span, .c7cffbaa29266:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c7cffbaa29266:focus input, .c7cffbaa29266:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c7cffbaa29266:focus:hover, .c7cffbaa29266:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c7cffbaa29266:focus:hover span, .c7cffbaa29266:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c7cffbaa29266:focus:hover input, .c7cffbaa29266:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c285e8bd8bc73 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c285e8bd8bc73 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c285e8bd8bc73 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c285e8bd8bc73 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c285e8bd8bc73:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c285e8bd8bc73:focus-within input, .c285e8bd8bc73:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c4ebf36e9e05a, .c2f0d5185e594.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c4ebf36e9e05a input, .c2f0d5185e594.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c4ebf36e9e05a span svg, .c2f0d5185e594.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.c64d61f6390a4, .c76cf1d18d368 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.c64d61f6390a4 svg, .c76cf1d18d368 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.c64d61f6390a4:hover, .c76cf1d18d368 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.c64d61f6390a4:focus, .c76cf1d18d368 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.c64d61f6390a4.checked, .c76cf1d18d368 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.c64d61f6390a4.checked svg, .c76cf1d18d368 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.c64d61f6390a4.intermediate, .c76cf1d18d368 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.c64d61f6390a4.intermediate svg, .c76cf1d18d368 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.c64d61f6390a4.unchecked, .c76cf1d18d368 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.c64d61f6390a4.unchecked svg, .c76cf1d18d368 label span.unchecked svg {
  display: none;
}

.c76cf1d18d368 {
  display: flex;
  align-items: center;
}
.c76cf1d18d368 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c76cf1d18d368 label input {
  margin: 0;
}
.c76cf1d18d368 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c76cf1d18d368 label:focus span, .c76cf1d18d368 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c2f0d5185e594 {
  display: flex;
  flex-direction: column;
}
.c2f0d5185e594 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c2f0d5185e594 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c2f0d5185e594 input:focus-within input, .c2f0d5185e594 input:active input {
  color: var(--input-foreground-color-active);
}
.c2f0d5185e594 input:focus-within, .c2f0d5185e594 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c2f0d5185e594.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c7228fb84b8b8 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c2af89a34e22a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c3618044f9774 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c72b01ff1492f {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c7c84dd80b47c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cef55952324f8 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.caa1941df2f87 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c8ed43fadfdb7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cc38b5b83478a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cf4cde0890ea4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cf4cde0890ea4:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c6c49253538fa {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c1a3628f139b5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c53708f69fd43 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c27bc607f4d97 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c154a6f8b4674 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c154a6f8b4674:hover, .c154a6f8b4674:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ce187066e498a div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ce187066e498a button {
  display: none;
}
.ce187066e498a button svg {
  stroke: var(--icon-foreground);
}
.ce187066e498a:hover button {
  display: flex;
}

.c2bb6c9d67281 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c2bb6c9d67281 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c2bb6c9d67281 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cecb8aae80514 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cecb8aae80514:hover div {
  color: var(--entry-foreground-color-hover);
}

.c4f61d6a6eabb {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c403a749a12da {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c403a749a12da:hover {
  background-color: var(--menu-background-color-hover);
}

.cd2d58fc92e58 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cd2d58fc92e58 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cd2d58fc92e58 span svg {
  stroke: var(--icon-foreground);
}
.cd2d58fc92e58:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cd2d58fc92e58:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c21b4d287ac6f {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c7895d00c3ae3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c0e2b59bbce22,
.c1c73bd76d369 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cf6c593a62004 .c0e2b59bbce22,
.cf6c593a62004 .c1c73bd76d369 {
  transform: scale(1);
}

.c8e0fe4f9914b .c0e2b59bbce22,
.c8e0fe4f9914b .c1c73bd76d369 {
  transform: scale(0);
}

.cc63d3f243338 {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.75rem;
}
.cc63d3f243338 form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.c6567940aa829 {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.5rem;
}

.c05c80c50c18b {
  border-color: var(--modal-separator-background-color);
  margin: 0;
}

.cbe0e067bd0fa {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--title-foreground-color-hover);
}

.c989381bd77ca {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--title-foreground-color);
}

.ca9cd0c181199 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  color: var(--title-foreground-color);
}

.cff99d513be4e {
  --input-width: 100%;
  --input-height: 2.5rem;
  --input-min-width: 100%;
}

.c422d417ec3c2 {
  display: grid;
  gap: 0.5rem;
}

.cb8a56405cc3f,
.c8036a737781f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
  width: 100%;
}

.c0591a18df1c2 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.c784269836674 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
}

.ccde3c2b38a0c {
  display: grid;
  gap: 1.5rem;
}

.c77a252de0946,
.c8af5c0dc8309,
.c131ae8f709fb,
.cbeccd1f54f7b {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
}

.c037d1029a6f9,
.cde883e2bebbc,
.cab92bc32ac40,
.ce96d1dc2a53f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: right;
  color: var(--title-foreground-color);
}

.c49af03f2a757,
.c882315c5c9b6,
.c7c98029de054,
.cf5f3a0d95e16,
.cb325498213b9 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  background-color: transparent;
  border: none;
  display: inline;
  color: var(--link-foreground-color);
}
.c49af03f2a757:hover,
.c882315c5c9b6:hover,
.c7c98029de054:hover,
.cf5f3a0d95e16:hover,
.cb325498213b9:hover {
  text-decoration: underline;
}

.cd5f8c37ba3f3 {
  display: flex;
  justify-content: flex-end;
}

.c31c5cc764c95,
.c02f64306124d,
.cc7753e0ade6a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
  width: 100%;
}

.cdd862db55503 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--button-foreground-color-focus);
}
.cdd862db55503 span {
  padding-block-start: 0.125rem;
}
.cdd862db55503:hover {
  color: var(--button-foreground-color-focus);
  background-color: var(--button-secondary-background-color-hover);
}

.c1df1d1a38b81 {
  display: flex;
  gap: 0.5rem;
}
/* Contrast brand tokens */
@font-face {
  font-family: "Tilda Sans";
  src: url("/fonts/TildaSans-VF.woff2") format("woff2"), url("/fonts/TildaSans-VF.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --contrast-bg: #181A19;
  --contrast-primary: #47FFCE;
  --contrast-secondary: #535353;
  --contrast-input-bg: #2E3434;
  --contrast-text: #FFFFFF;
  --contrast-text-muted: #D1D1D1;
  --contrast-border: #47FFCE;
  --contrast-logo-bg: #D9D9D9;
  --contrast-font: 'Tilda Sans', system-ui, sans-serif;
  --contrast-font-body: 'Inter', system-ui, sans-serif;
}

.cea548c979f57 {
  position: fixed;
  inset: 0;
  background: var(--contrast-bg);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--contrast-font-body);
}

.ce30589470d02 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 229px;
  margin-bottom: 104px;
}

.c6e13cb5f48a1 {
  width: 745px;
  height: 132px;
}

.c20b4fb4a58cf {
  font-size: 87px;
  font-weight: 700;
  line-height: 1;
  color: var(--contrast-text);
}

.c658265fb1340 {
  display: flex;
  align-items: center;
  width: min(1284px, 90vw);
  height: 72px;
  background: var(--contrast-input-bg);
  border: 3px solid var(--contrast-border);
  border-radius: 36px;
  padding: 0 4px 0 32px;
  gap: 8px;
}

.c3edc96a6d2ae {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin-bottom: 0;
  line-height: 73px;
  color: var(--contrast-text-muted);
  font-family: var(--contrast-font-body);
  font-size: 20px;
  font-weight: 500;
}

.c3edc96a6d2ae::-moz-placeholder {
  color: var(--contrast-text-muted);
}

.c3edc96a6d2ae::placeholder {
  color: var(--contrast-text-muted);
}

.c91aefe60ae97 {
  flex-shrink: 0;
  width: 264px;
  height: 58px;
  background: var(--contrast-primary);
  border: none;
  border-radius: 29px;
  color: var(--contrast-text);
  font-family: var(--contrast-font-body);
  font-size: 26px;
  font-weight: 500;
  cursor: pointer;
}

.c91aefe60ae97:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.cc688ba379d46 {
  margin-left: 36px;
  margin-top: 16px;
  color: #ff6b6b;
  font-size: 16px;
}

.c884b5d8d67c9 {
  position: fixed;
  bottom: 48px;
  left: 169px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.c75e12899242b {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--contrast-text-muted);
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
}

.c94c2506d4085 {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
}

.c5f913f352748 {
  position: fixed;
  inset: 0;
  background: rgba(235, 235, 235, 0.2);
  backdrop-filter: blur(7.45px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

.c3aadc47551e4 {
  background: var(--color-border-secondary);
  border: 6px solid var(--contrast-primary);
  border-radius: 46px;
  padding: 40px 56px;
  width: min(915px, 90vw);
  height: 358px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  box-sizing: border-box;
}

.c1ec76436f811 {
  font-size: 40px;
  font-weight: 700;
  color: var(--contrast-text);
  margin: 0;
}

.cd15bedc25791 {
  font-size: 32px;
  font-weight: 500;
  color: var(--contrast-text-muted);
  margin: 0;
}

.c3d4d4f9621ee {
  width: 365px;
  height: 54px;
  background: var(--contrast-primary);
  border: none;
  border-radius: 82px;
  color: var(--contrast-text);
  font-family: var(--contrast-font-body);
  font-size: 32px;
  font-weight: 500;
  cursor: pointer;
}
@keyframes c1c84dd7da967 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c5c39d9a86ac4 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c5c39d9a86ac4:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c5c39d9a86ac4 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c5c39d9a86ac4 ::-webkit-scrollbar-track,
.c5c39d9a86ac4 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c5c39d9a86ac4 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c5c39d9a86ac4 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c5c39d9a86ac4 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5c39d9a86ac4 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c5c39d9a86ac4 ::placeholder,
.c5c39d9a86ac4 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c57cd1f2f9b12, .c1ed1d6391a0c,
.c7fd46b69c8a3, .cc37960eabe60,
.c9713911ba295,
.c06370f3cdbcf, .c291fb2aa9630, .ce49785760ec1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c57cd1f2f9b12 svg, .c1ed1d6391a0c svg,
.c7fd46b69c8a3 svg, .cc37960eabe60 svg,
.c9713911ba295 svg,
.c06370f3cdbcf svg, .c291fb2aa9630 svg, .ce49785760ec1 svg,
.c57cd1f2f9b12 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c57cd1f2f9b12:focus-visible, .c1ed1d6391a0c:focus-visible,
.c7fd46b69c8a3:focus-visible, .cc37960eabe60:focus-visible,
.c9713911ba295:focus-visible,
.c06370f3cdbcf:focus-visible, .c291fb2aa9630:focus-visible, .ce49785760ec1:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c57cd1f2f9b12:focus-visible svg, .c1ed1d6391a0c:focus-visible svg,
.c7fd46b69c8a3:focus-visible svg, .cc37960eabe60:focus-visible svg,
.c9713911ba295:focus-visible svg,
.c06370f3cdbcf:focus-visible svg, .c291fb2aa9630:focus-visible svg, .ce49785760ec1:focus-visible svg,
.c57cd1f2f9b12:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c57cd1f2f9b12:hover, .c1ed1d6391a0c:hover,
.c7fd46b69c8a3:hover, .cc37960eabe60:hover,
.c9713911ba295:hover,
.c06370f3cdbcf:hover, .c291fb2aa9630:hover, .ce49785760ec1:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c57cd1f2f9b12:hover svg, .c1ed1d6391a0c:hover svg,
.c7fd46b69c8a3:hover svg, .cc37960eabe60:hover svg,
.c9713911ba295:hover svg,
.c06370f3cdbcf:hover svg, .c291fb2aa9630:hover svg, .ce49785760ec1:hover svg,
.c57cd1f2f9b12:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c57cd1f2f9b12:active, .c1ed1d6391a0c:active,
.c7fd46b69c8a3:active, .cc37960eabe60:active,
.c9713911ba295:active,
.c06370f3cdbcf:active, .c291fb2aa9630:active, .ce49785760ec1:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c57cd1f2f9b12:active svg, .c1ed1d6391a0c:active svg,
.c7fd46b69c8a3:active svg, .cc37960eabe60:active svg,
.c9713911ba295:active svg,
.c06370f3cdbcf:active svg, .c291fb2aa9630:active svg, .ce49785760ec1:active svg,
.c57cd1f2f9b12:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c57cd1f2f9b12.disabled, .c1ed1d6391a0c.disabled,
.c7fd46b69c8a3.disabled, .cc37960eabe60.disabled,
.c9713911ba295.disabled,
.c06370f3cdbcf.disabled, .c291fb2aa9630.disabled, .ce49785760ec1.disabled, .c57cd1f2f9b12[disabled], [disabled].c1ed1d6391a0c,
[disabled].c7fd46b69c8a3, [disabled].cc37960eabe60,
[disabled].c9713911ba295,
[disabled].c06370f3cdbcf, [disabled].c291fb2aa9630, [disabled].ce49785760ec1, .c57cd1f2f9b12:disabled, .c1ed1d6391a0c:disabled,
.c7fd46b69c8a3:disabled, .cc37960eabe60:disabled,
.c9713911ba295:disabled,
.c06370f3cdbcf:disabled, .c291fb2aa9630:disabled, .ce49785760ec1:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ce65e6325de61, .cfdf57bc967eb, .cef1a5255daa8 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.ce65e6325de61 svg, .cfdf57bc967eb svg, .cef1a5255daa8 svg,
.ce65e6325de61 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.ce65e6325de61:focus-visible, .cfdf57bc967eb:focus-visible, .cef1a5255daa8:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.ce65e6325de61:focus-visible svg, .cfdf57bc967eb:focus-visible svg, .cef1a5255daa8:focus-visible svg,
.ce65e6325de61:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.ce65e6325de61:hover, .cfdf57bc967eb:hover, .cef1a5255daa8:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.ce65e6325de61:hover svg, .cfdf57bc967eb:hover svg, .cef1a5255daa8:hover svg,
.ce65e6325de61:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.ce65e6325de61:active, .cfdf57bc967eb:active, .cef1a5255daa8:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.ce65e6325de61:active svg, .cfdf57bc967eb:active svg, .cef1a5255daa8:active svg,
.ce65e6325de61:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.ce65e6325de61.disabled, .cfdf57bc967eb.disabled, .cef1a5255daa8.disabled, .ce65e6325de61[disabled], [disabled].cfdf57bc967eb, [disabled].cef1a5255daa8, .ce65e6325de61:disabled, .cfdf57bc967eb:disabled, .cef1a5255daa8:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c43c1afd46323 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c43c1afd46323 svg,
.c43c1afd46323 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c43c1afd46323:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c43c1afd46323:focus-visible svg,
.c43c1afd46323:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c43c1afd46323:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c43c1afd46323:hover svg,
.c43c1afd46323:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c43c1afd46323:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c43c1afd46323:active svg,
.c43c1afd46323:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c43c1afd46323.disabled, .c43c1afd46323[disabled], .c43c1afd46323:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c08bface1aa15, .cb312c3b132dc button, .cf97e29370d97 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c08bface1aa15 svg, .cb312c3b132dc button svg, .cf97e29370d97 svg,
.c08bface1aa15 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c08bface1aa15:focus-visible, .cb312c3b132dc button:focus-visible, .cf97e29370d97:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c08bface1aa15:focus-visible svg, .cb312c3b132dc button:focus-visible svg, .cf97e29370d97:focus-visible svg,
.c08bface1aa15:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c08bface1aa15:hover, .cb312c3b132dc button:hover, .cf97e29370d97:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c08bface1aa15:hover svg, .cb312c3b132dc button:hover svg, .cf97e29370d97:hover svg,
.c08bface1aa15:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c08bface1aa15:active, .cb312c3b132dc button:active, .cf97e29370d97:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c08bface1aa15:active svg, .cb312c3b132dc button:active svg, .cf97e29370d97:active svg,
.c08bface1aa15:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c08bface1aa15.disabled, .cb312c3b132dc button.disabled, .cf97e29370d97.disabled, .c08bface1aa15[disabled], .cb312c3b132dc button[disabled], [disabled].cf97e29370d97, .c08bface1aa15:disabled, .cb312c3b132dc button:disabled, .cf97e29370d97:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c08bface1aa15.disabled svg, .cb312c3b132dc button.disabled svg, .cf97e29370d97.disabled svg,
.c08bface1aa15.disabled span svg, .c08bface1aa15[disabled] svg, .cb312c3b132dc button[disabled] svg, [disabled].cf97e29370d97 svg,
.c08bface1aa15[disabled] span svg, .c08bface1aa15:disabled svg, .cb312c3b132dc button:disabled svg, .cf97e29370d97:disabled svg,
.c08bface1aa15:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c1d72fe981f96 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c1d72fe981f96 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c9c579fba2a09 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c9c579fba2a09 svg,
.c9c579fba2a09 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c9c579fba2a09:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c9c579fba2a09:focus-visible svg,
.c9c579fba2a09:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c9c579fba2a09:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c9c579fba2a09:hover svg,
.c9c579fba2a09:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c9c579fba2a09:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c9c579fba2a09:active svg,
.c9c579fba2a09:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c5589f33204a7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.cda36ea13d12c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c04198d8811e2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c04198d8811e2:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c04198d8811e2:focus-visible svg,
.c04198d8811e2:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c04198d8811e2:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c04198d8811e2:active {
  border: none;
  background-color: transparent;
}

.ccfb550f21c72, .cf97e29370d97 svg, .ccf94aa5cc86c, .c5fff8e8ac780 span svg, .cb312c3b132dc button svg, .cb91e1be74b6d.intermediate svg, .c0270d8f9858d label span.intermediate svg, .cb91e1be74b6d.checked svg, .c0270d8f9858d label span.checked svg, .cfc5824e6f900 span svg,
.cfc5824e6f900 label svg, .c148412e173a8 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ca402e457b88c {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ca402e457b88c:hover {
  fill: none;
  stroke: none;
}

.ccf94aa5cc86c, .c5fff8e8ac780 span svg, .cb312c3b132dc button svg, .cb91e1be74b6d.intermediate svg, .c0270d8f9858d label span.intermediate svg, .cb91e1be74b6d.checked svg, .c0270d8f9858d label span.checked svg, .cfc5824e6f900 span svg,
.cfc5824e6f900 label svg, .c148412e173a8 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c385f30515a80 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c385f30515a80:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cb7f1c66842d7, .cab4c5300c798 input, .c566f8e853ebc input, .cfc5824e6f900 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cb7f1c66842d7, .cab4c5300c798 input, .c566f8e853ebc input, .cfc5824e6f900 input {
    height: 23px;
  }
}
.cb7f1c66842d7, .cab4c5300c798 input, .c566f8e853ebc input, .cfc5824e6f900 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cb7f1c66842d7[disabled], .cab4c5300c798 input[disabled], .c566f8e853ebc input[disabled], .cfc5824e6f900 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c148412e173a8 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cd8b77feaaa8a, .cfc5824e6f900 span,
.cfc5824e6f900 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd8b77feaaa8a, .cfc5824e6f900 span,
  .cfc5824e6f900 label {
    height: 25px;
  }
}
.cd8b77feaaa8a, .cfc5824e6f900 span,
.cfc5824e6f900 label {
  color: var(--input-foreground-color);
}

.cfc5824e6f900 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cfc5824e6f900 {
    height: 25px;
    font-size: 10px;
  }
}
.cfc5824e6f900 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cfc5824e6f900 span svg,
.cfc5824e6f900 label svg {
  color: var(--input-foreground-color);
}
.cfc5824e6f900 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cfc5824e6f900 ::placeholder {
  color: var(--input-placeholder-color);
}
.cfc5824e6f900:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cfc5824e6f900:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cfc5824e6f900:hover span {
  color: var(--input-foreground-color-hover);
}
.cfc5824e6f900:hover input {
  color: var(--input-foreground-color-hover);
}
.cfc5824e6f900:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cfc5824e6f900:active span {
  color: var(--input-foreground-color-active);
}
.cfc5824e6f900:active input {
  color: var(--input-foreground-color-active);
}
.cfc5824e6f900:focus, .cfc5824e6f900:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cfc5824e6f900:focus span, .cfc5824e6f900:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cfc5824e6f900:focus input, .cfc5824e6f900:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cfc5824e6f900:focus:hover, .cfc5824e6f900:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cfc5824e6f900:focus:hover span, .cfc5824e6f900:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cfc5824e6f900:focus:hover input, .cfc5824e6f900:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c566f8e853ebc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c566f8e853ebc input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c566f8e853ebc ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c566f8e853ebc ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c566f8e853ebc:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c566f8e853ebc:focus-within input, .c566f8e853ebc:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ce858c7d22a5a, .cab4c5300c798.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ce858c7d22a5a input, .cab4c5300c798.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ce858c7d22a5a span svg, .cab4c5300c798.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cb91e1be74b6d, .c0270d8f9858d label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cb91e1be74b6d svg, .c0270d8f9858d label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cb91e1be74b6d:hover, .c0270d8f9858d label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cb91e1be74b6d:focus, .c0270d8f9858d label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cb91e1be74b6d.checked, .c0270d8f9858d label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cb91e1be74b6d.checked svg, .c0270d8f9858d label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cb91e1be74b6d.intermediate, .c0270d8f9858d label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cb91e1be74b6d.intermediate svg, .c0270d8f9858d label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cb91e1be74b6d.unchecked, .c0270d8f9858d label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cb91e1be74b6d.unchecked svg, .c0270d8f9858d label span.unchecked svg {
  display: none;
}

.c0270d8f9858d {
  display: flex;
  align-items: center;
}
.c0270d8f9858d label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c0270d8f9858d label input {
  margin: 0;
}
.c0270d8f9858d label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c0270d8f9858d label:focus span, .c0270d8f9858d label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cab4c5300c798 {
  display: flex;
  flex-direction: column;
}
.cab4c5300c798 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cab4c5300c798 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cab4c5300c798 input:focus-within input, .cab4c5300c798 input:active input {
  color: var(--input-foreground-color-active);
}
.cab4c5300c798 input:focus-within, .cab4c5300c798 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cab4c5300c798.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c656b060b0737 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cfa6490eab57f {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.cb59ac86fcd68 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cf97e29370d97 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c552e05af7c1e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c2fb6115cb873 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cef1a5255daa8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ce49785760ec1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c291fb2aa9630 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cc595602ac5c2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cc595602ac5c2:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.cbb2854a7f248 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c0b06842fe53b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ca1a846a04b68 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cfb4266d1000c {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cff32a838be47 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cff32a838be47:hover, .cff32a838be47:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cb312c3b132dc div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cb312c3b132dc button {
  display: none;
}
.cb312c3b132dc button svg {
  stroke: var(--icon-foreground);
}
.cb312c3b132dc:hover button {
  display: flex;
}

.c35b9fe8fa924 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c35b9fe8fa924 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c35b9fe8fa924 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cc7608b81a6ab {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cc7608b81a6ab:hover div {
  color: var(--entry-foreground-color-hover);
}

.c92a7881b82ae {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.caa3b62419941 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.caa3b62419941:hover {
  background-color: var(--menu-background-color-hover);
}

.c5fff8e8ac780 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c5fff8e8ac780 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c5fff8e8ac780 span svg {
  stroke: var(--icon-foreground);
}
.c5fff8e8ac780:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c5fff8e8ac780:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c1b7f122979d1 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c9c702d689cde {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cafe348a60053,
.c715b0f44ddd8 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c24432ef2c895 .cafe348a60053,
.c24432ef2c895 .c715b0f44ddd8 {
  transform: scale(1);
}

.c9051f8c5fcb1 .cafe348a60053,
.c9051f8c5fcb1 .c715b0f44ddd8 {
  transform: scale(0);
}

.cc73fc11b1aab {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.75rem;
}
.cc73fc11b1aab form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.c3e3f09cb1640 {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.5rem;
}

.c1c6fde6dfb4d {
  border-color: var(--modal-separator-background-color);
  margin: 0;
}

.cdedd7d5b3b42 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--title-foreground-color-hover);
}

.ca6e36ac9ed07 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--title-foreground-color);
}

.c1ed6d6f04301 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  color: var(--title-foreground-color);
}

.c16b97383e845 {
  --input-width: 100%;
  --input-height: 2.5rem;
  --input-min-width: 100%;
}

.cfb455dad6844 {
  display: grid;
  gap: 0.5rem;
}

.c1ed1d6391a0c,
.c7fd46b69c8a3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
  width: 100%;
}

.c0b786c4b94b8 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.cfdf57bc967eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
}

.c4bdea1c88cf3 {
  display: grid;
  gap: 1.5rem;
}

.c3a751aef5bfe,
.c71742577104c,
.cbec3a6193b95,
.cab50c5ed0464 {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
}

.ce4d11cff3720,
.cd600029f0c2e,
.c98a401687410,
.c6191c6740b2f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: right;
  color: var(--title-foreground-color);
}

.c75e1c909123c,
.cd3b4adb438cd,
.c34715133386a,
.c8d540b2ce280,
.c14102b150eb3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  background-color: transparent;
  border: none;
  display: inline;
  color: var(--link-foreground-color);
}
.c75e1c909123c:hover,
.cd3b4adb438cd:hover,
.c34715133386a:hover,
.c8d540b2ce280:hover,
.c14102b150eb3:hover {
  text-decoration: underline;
}

.c5e90fafb29b2 {
  display: flex;
  justify-content: flex-end;
}

.cc37960eabe60,
.c9713911ba295,
.c06370f3cdbcf {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
  width: 100%;
}

.c3ecb1da19afb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--button-foreground-color-focus);
}
.c3ecb1da19afb span {
  padding-block-start: 0.125rem;
}
.c3ecb1da19afb:hover {
  color: var(--button-foreground-color-focus);
  background-color: var(--button-secondary-background-color-hover);
}

.c640e57411d0f {
  display: flex;
  gap: 0.5rem;
}
@keyframes c3d0e557962f9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.cc3ef185f9965 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.cc3ef185f9965:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.cc3ef185f9965 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.cc3ef185f9965 ::-webkit-scrollbar-track,
.cc3ef185f9965 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cc3ef185f9965 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.cc3ef185f9965 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.cc3ef185f9965 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc3ef185f9965 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.cc3ef185f9965 ::placeholder,
.cc3ef185f9965 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cf9ad9874fd50, .c794a27a0daa4,
.c959d7e831adb, .cfe26a9c85695,
.c858e2665513d,
.c6f5e3912eb4d, .c7eb1a4275d92, .c97ad98afc52b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cf9ad9874fd50 svg, .c794a27a0daa4 svg,
.c959d7e831adb svg, .cfe26a9c85695 svg,
.c858e2665513d svg,
.c6f5e3912eb4d svg, .c7eb1a4275d92 svg, .c97ad98afc52b svg,
.cf9ad9874fd50 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cf9ad9874fd50:focus-visible, .c794a27a0daa4:focus-visible,
.c959d7e831adb:focus-visible, .cfe26a9c85695:focus-visible,
.c858e2665513d:focus-visible,
.c6f5e3912eb4d:focus-visible, .c7eb1a4275d92:focus-visible, .c97ad98afc52b:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cf9ad9874fd50:focus-visible svg, .c794a27a0daa4:focus-visible svg,
.c959d7e831adb:focus-visible svg, .cfe26a9c85695:focus-visible svg,
.c858e2665513d:focus-visible svg,
.c6f5e3912eb4d:focus-visible svg, .c7eb1a4275d92:focus-visible svg, .c97ad98afc52b:focus-visible svg,
.cf9ad9874fd50:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cf9ad9874fd50:hover, .c794a27a0daa4:hover,
.c959d7e831adb:hover, .cfe26a9c85695:hover,
.c858e2665513d:hover,
.c6f5e3912eb4d:hover, .c7eb1a4275d92:hover, .c97ad98afc52b:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cf9ad9874fd50:hover svg, .c794a27a0daa4:hover svg,
.c959d7e831adb:hover svg, .cfe26a9c85695:hover svg,
.c858e2665513d:hover svg,
.c6f5e3912eb4d:hover svg, .c7eb1a4275d92:hover svg, .c97ad98afc52b:hover svg,
.cf9ad9874fd50:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cf9ad9874fd50:active, .c794a27a0daa4:active,
.c959d7e831adb:active, .cfe26a9c85695:active,
.c858e2665513d:active,
.c6f5e3912eb4d:active, .c7eb1a4275d92:active, .c97ad98afc52b:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cf9ad9874fd50:active svg, .c794a27a0daa4:active svg,
.c959d7e831adb:active svg, .cfe26a9c85695:active svg,
.c858e2665513d:active svg,
.c6f5e3912eb4d:active svg, .c7eb1a4275d92:active svg, .c97ad98afc52b:active svg,
.cf9ad9874fd50:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cf9ad9874fd50.disabled, .c794a27a0daa4.disabled,
.c959d7e831adb.disabled, .cfe26a9c85695.disabled,
.c858e2665513d.disabled,
.c6f5e3912eb4d.disabled, .c7eb1a4275d92.disabled, .c97ad98afc52b.disabled, .cf9ad9874fd50[disabled], [disabled].c794a27a0daa4,
[disabled].c959d7e831adb, [disabled].cfe26a9c85695,
[disabled].c858e2665513d,
[disabled].c6f5e3912eb4d, [disabled].c7eb1a4275d92, [disabled].c97ad98afc52b, .cf9ad9874fd50:disabled, .c794a27a0daa4:disabled,
.c959d7e831adb:disabled, .cfe26a9c85695:disabled,
.c858e2665513d:disabled,
.c6f5e3912eb4d:disabled, .c7eb1a4275d92:disabled, .c97ad98afc52b:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c42c4d373c0a7, .c04f3ba2bb3c3, .cf971742069db {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c42c4d373c0a7 svg, .c04f3ba2bb3c3 svg, .cf971742069db svg,
.c42c4d373c0a7 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c42c4d373c0a7:focus-visible, .c04f3ba2bb3c3:focus-visible, .cf971742069db:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c42c4d373c0a7:focus-visible svg, .c04f3ba2bb3c3:focus-visible svg, .cf971742069db:focus-visible svg,
.c42c4d373c0a7:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c42c4d373c0a7:hover, .c04f3ba2bb3c3:hover, .cf971742069db:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c42c4d373c0a7:hover svg, .c04f3ba2bb3c3:hover svg, .cf971742069db:hover svg,
.c42c4d373c0a7:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c42c4d373c0a7:active, .c04f3ba2bb3c3:active, .cf971742069db:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c42c4d373c0a7:active svg, .c04f3ba2bb3c3:active svg, .cf971742069db:active svg,
.c42c4d373c0a7:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c42c4d373c0a7.disabled, .c04f3ba2bb3c3.disabled, .cf971742069db.disabled, .c42c4d373c0a7[disabled], [disabled].c04f3ba2bb3c3, [disabled].cf971742069db, .c42c4d373c0a7:disabled, .c04f3ba2bb3c3:disabled, .cf971742069db:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cbb3bf4b4ecfc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.cbb3bf4b4ecfc svg,
.cbb3bf4b4ecfc span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.cbb3bf4b4ecfc:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cbb3bf4b4ecfc:focus-visible svg,
.cbb3bf4b4ecfc:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cbb3bf4b4ecfc:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.cbb3bf4b4ecfc:hover svg,
.cbb3bf4b4ecfc:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.cbb3bf4b4ecfc:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.cbb3bf4b4ecfc:active svg,
.cbb3bf4b4ecfc:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.cbb3bf4b4ecfc.disabled, .cbb3bf4b4ecfc[disabled], .cbb3bf4b4ecfc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c05e5062d5eae, .c59bb60e9ffc0 button, .cba5dd295a1c0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c05e5062d5eae svg, .c59bb60e9ffc0 button svg, .cba5dd295a1c0 svg,
.c05e5062d5eae span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c05e5062d5eae:focus-visible, .c59bb60e9ffc0 button:focus-visible, .cba5dd295a1c0:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c05e5062d5eae:focus-visible svg, .c59bb60e9ffc0 button:focus-visible svg, .cba5dd295a1c0:focus-visible svg,
.c05e5062d5eae:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c05e5062d5eae:hover, .c59bb60e9ffc0 button:hover, .cba5dd295a1c0:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c05e5062d5eae:hover svg, .c59bb60e9ffc0 button:hover svg, .cba5dd295a1c0:hover svg,
.c05e5062d5eae:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c05e5062d5eae:active, .c59bb60e9ffc0 button:active, .cba5dd295a1c0:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c05e5062d5eae:active svg, .c59bb60e9ffc0 button:active svg, .cba5dd295a1c0:active svg,
.c05e5062d5eae:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c05e5062d5eae.disabled, .c59bb60e9ffc0 button.disabled, .cba5dd295a1c0.disabled, .c05e5062d5eae[disabled], .c59bb60e9ffc0 button[disabled], [disabled].cba5dd295a1c0, .c05e5062d5eae:disabled, .c59bb60e9ffc0 button:disabled, .cba5dd295a1c0:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c05e5062d5eae.disabled svg, .c59bb60e9ffc0 button.disabled svg, .cba5dd295a1c0.disabled svg,
.c05e5062d5eae.disabled span svg, .c05e5062d5eae[disabled] svg, .c59bb60e9ffc0 button[disabled] svg, [disabled].cba5dd295a1c0 svg,
.c05e5062d5eae[disabled] span svg, .c05e5062d5eae:disabled svg, .c59bb60e9ffc0 button:disabled svg, .cba5dd295a1c0:disabled svg,
.c05e5062d5eae:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cc83ed1f86bdc {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cc83ed1f86bdc svg {
  color: var(--button-icon-foreground-color-selected);
}

.c2b1bfa9cb6be {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c2b1bfa9cb6be svg,
.c2b1bfa9cb6be span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c2b1bfa9cb6be:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c2b1bfa9cb6be:focus-visible svg,
.c2b1bfa9cb6be:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c2b1bfa9cb6be:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c2b1bfa9cb6be:hover svg,
.c2b1bfa9cb6be:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c2b1bfa9cb6be:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c2b1bfa9cb6be:active svg,
.c2b1bfa9cb6be:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c2dfbbd58c80c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c1cdf7df530bb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c50646ea64011 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c50646ea64011:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c50646ea64011:focus-visible svg,
.c50646ea64011:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c50646ea64011:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c50646ea64011:active {
  border: none;
  background-color: transparent;
}

.cab4f809cbd6d, .cba5dd295a1c0 svg, .ca3447b063580, .c8c9641642f5c span svg, .c59bb60e9ffc0 button svg, .ca1fa2375d21c.intermediate svg, .cbf0df2e0cef0 label span.intermediate svg, .ca1fa2375d21c.checked svg, .cbf0df2e0cef0 label span.checked svg, .c207979276a45 span svg,
.c207979276a45 label svg, .cb64ae0537cf3 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.c4d72018e418e {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.c4d72018e418e:hover {
  fill: none;
  stroke: none;
}

.ca3447b063580, .c8c9641642f5c span svg, .c59bb60e9ffc0 button svg, .ca1fa2375d21c.intermediate svg, .cbf0df2e0cef0 label span.intermediate svg, .ca1fa2375d21c.checked svg, .cbf0df2e0cef0 label span.checked svg, .c207979276a45 span svg,
.c207979276a45 label svg, .cb64ae0537cf3 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c95bc8fb9a428 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c95bc8fb9a428:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c87e07beb1d86, .cd5fa3da13932 input, .cb266677a3f19 input, .c207979276a45 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c87e07beb1d86, .cd5fa3da13932 input, .cb266677a3f19 input, .c207979276a45 input {
    height: 23px;
  }
}
.c87e07beb1d86, .cd5fa3da13932 input, .cb266677a3f19 input, .c207979276a45 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c87e07beb1d86[disabled], .cd5fa3da13932 input[disabled], .cb266677a3f19 input[disabled], .c207979276a45 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cb64ae0537cf3 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cb2d16dc31d57, .c207979276a45 span,
.c207979276a45 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cb2d16dc31d57, .c207979276a45 span,
  .c207979276a45 label {
    height: 25px;
  }
}
.cb2d16dc31d57, .c207979276a45 span,
.c207979276a45 label {
  color: var(--input-foreground-color);
}

.c207979276a45 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c207979276a45 {
    height: 25px;
    font-size: 10px;
  }
}
.c207979276a45 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c207979276a45 span svg,
.c207979276a45 label svg {
  color: var(--input-foreground-color);
}
.c207979276a45 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c207979276a45 ::placeholder {
  color: var(--input-placeholder-color);
}
.c207979276a45:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c207979276a45:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c207979276a45:hover span {
  color: var(--input-foreground-color-hover);
}
.c207979276a45:hover input {
  color: var(--input-foreground-color-hover);
}
.c207979276a45:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c207979276a45:active span {
  color: var(--input-foreground-color-active);
}
.c207979276a45:active input {
  color: var(--input-foreground-color-active);
}
.c207979276a45:focus, .c207979276a45:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c207979276a45:focus span, .c207979276a45:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c207979276a45:focus input, .c207979276a45:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c207979276a45:focus:hover, .c207979276a45:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c207979276a45:focus:hover span, .c207979276a45:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c207979276a45:focus:hover input, .c207979276a45:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cb266677a3f19 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cb266677a3f19 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cb266677a3f19 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb266677a3f19 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cb266677a3f19:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cb266677a3f19:focus-within input, .cb266677a3f19:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ca7250c7b4e48, .cd5fa3da13932.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ca7250c7b4e48 input, .cd5fa3da13932.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ca7250c7b4e48 span svg, .cd5fa3da13932.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.ca1fa2375d21c, .cbf0df2e0cef0 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.ca1fa2375d21c svg, .cbf0df2e0cef0 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.ca1fa2375d21c:hover, .cbf0df2e0cef0 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.ca1fa2375d21c:focus, .cbf0df2e0cef0 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.ca1fa2375d21c.checked, .cbf0df2e0cef0 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.ca1fa2375d21c.checked svg, .cbf0df2e0cef0 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.ca1fa2375d21c.intermediate, .cbf0df2e0cef0 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.ca1fa2375d21c.intermediate svg, .cbf0df2e0cef0 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.ca1fa2375d21c.unchecked, .cbf0df2e0cef0 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.ca1fa2375d21c.unchecked svg, .cbf0df2e0cef0 label span.unchecked svg {
  display: none;
}

.cbf0df2e0cef0 {
  display: flex;
  align-items: center;
}
.cbf0df2e0cef0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.cbf0df2e0cef0 label input {
  margin: 0;
}
.cbf0df2e0cef0 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.cbf0df2e0cef0 label:focus span, .cbf0df2e0cef0 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cd5fa3da13932 {
  display: flex;
  flex-direction: column;
}
.cd5fa3da13932 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cd5fa3da13932 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cd5fa3da13932 input:focus-within input, .cd5fa3da13932 input:active input {
  color: var(--input-foreground-color-active);
}
.cd5fa3da13932 input:focus-within, .cd5fa3da13932 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd5fa3da13932.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cba2785030749 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cdd77be627b5f {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c2c21d03025b3 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cba5dd295a1c0 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c8f383171413e {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c8d33e7cff47d {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cf971742069db {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c97ad98afc52b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c7eb1a4275d92 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cd5c5236140bd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cd5c5236140bd:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c971e744d3d82 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cbb2542c8c2c6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.c2f98064d2127 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ca0c65b6488b7 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c8dc408bcbc61 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c8dc408bcbc61:hover, .c8dc408bcbc61:active {
  border-color: var(--colorpicker-details-color-selected);
}

.c59bb60e9ffc0 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.c59bb60e9ffc0 button {
  display: none;
}
.c59bb60e9ffc0 button svg {
  stroke: var(--icon-foreground);
}
.c59bb60e9ffc0:hover button {
  display: flex;
}

.c6106dedbd2b4 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c6106dedbd2b4 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c6106dedbd2b4 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.cb0d915d80089 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.cb0d915d80089:hover div {
  color: var(--entry-foreground-color-hover);
}

.c70fcdfc455bf {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c327c589c3483 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c327c589c3483:hover {
  background-color: var(--menu-background-color-hover);
}

.c8c9641642f5c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c8c9641642f5c span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c8c9641642f5c span svg {
  stroke: var(--icon-foreground);
}
.c8c9641642f5c:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c8c9641642f5c:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c58031c7e5fb5 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c213fa9432d87 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cea329b8d0ae2,
.c54c46630ff08 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c31ec7a51e1c6 .cea329b8d0ae2,
.c31ec7a51e1c6 .c54c46630ff08 {
  transform: scale(1);
}

.caf13d3ca0ddb .cea329b8d0ae2,
.caf13d3ca0ddb .c54c46630ff08 {
  transform: scale(0);
}

.c9714ab4fe14a {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.75rem;
}
.c9714ab4fe14a form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.cb64cacfec5af {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.5rem;
}

.cb729ebb8993c {
  border-color: var(--modal-separator-background-color);
  margin: 0;
}

.c1091ebe778f3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--title-foreground-color-hover);
}

.c51ccab75cd61 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--title-foreground-color);
}

.c9ad08e2e886f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  color: var(--title-foreground-color);
}

.c81087453f93f {
  --input-width: 100%;
  --input-height: 2.5rem;
  --input-min-width: 100%;
}

.c93897a9216e6 {
  display: grid;
  gap: 0.5rem;
}

.c794a27a0daa4,
.c959d7e831adb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
  width: 100%;
}

.c5e689ea4803d {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.c04f3ba2bb3c3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
}

.c3ba80d7aca36 {
  display: grid;
  gap: 1.5rem;
}

.ca9a7416dbc89,
.c52970535c7ca,
.c94757cc0d361,
.c9b43a85a501f {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
}

.c384d9dde7b9f,
.cd0ebc468d090,
.cb92563c341bc,
.c2361913a2709 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: right;
  color: var(--title-foreground-color);
}

.cc759b972ce3b,
.cef8df361aa14,
.cd18447d36ac0,
.c5141f6b4cc4e,
.c696a489822fc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  background-color: transparent;
  border: none;
  display: inline;
  color: var(--link-foreground-color);
}
.cc759b972ce3b:hover,
.cef8df361aa14:hover,
.cd18447d36ac0:hover,
.c5141f6b4cc4e:hover,
.c696a489822fc:hover {
  text-decoration: underline;
}

.c6da598acfc86 {
  display: flex;
  justify-content: flex-end;
}

.cfe26a9c85695,
.c858e2665513d,
.c6f5e3912eb4d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
  width: 100%;
}

.c29630a2e15fd {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--button-foreground-color-focus);
}
.c29630a2e15fd span {
  padding-block-start: 0.125rem;
}
.c29630a2e15fd:hover {
  color: var(--button-foreground-color-focus);
  background-color: var(--button-secondary-background-color-hover);
}

.c9a9849a6d8a9 {
  display: flex;
  gap: 0.5rem;
}

.cfe26a9c85695 {
  margin-top: 1rem;
}
@keyframes c308bef682b73 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c75d63a5e9477 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c75d63a5e9477:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c75d63a5e9477 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c75d63a5e9477 ::-webkit-scrollbar-track,
.c75d63a5e9477 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c75d63a5e9477 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c75d63a5e9477 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c75d63a5e9477 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c75d63a5e9477 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c75d63a5e9477 ::placeholder,
.c75d63a5e9477 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.c4be91363003f, .cd42431889858,
.ca750e160e88a, .c0c8dc1919cf6,
.cbcec1006e357,
.cb376c7767d4a, .ca824830359c5, .c7524ddeef84d {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.c4be91363003f svg, .cd42431889858 svg,
.ca750e160e88a svg, .c0c8dc1919cf6 svg,
.cbcec1006e357 svg,
.cb376c7767d4a svg, .ca824830359c5 svg, .c7524ddeef84d svg,
.c4be91363003f span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.c4be91363003f:focus-visible, .cd42431889858:focus-visible,
.ca750e160e88a:focus-visible, .c0c8dc1919cf6:focus-visible,
.cbcec1006e357:focus-visible,
.cb376c7767d4a:focus-visible, .ca824830359c5:focus-visible, .c7524ddeef84d:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.c4be91363003f:focus-visible svg, .cd42431889858:focus-visible svg,
.ca750e160e88a:focus-visible svg, .c0c8dc1919cf6:focus-visible svg,
.cbcec1006e357:focus-visible svg,
.cb376c7767d4a:focus-visible svg, .ca824830359c5:focus-visible svg, .c7524ddeef84d:focus-visible svg,
.c4be91363003f:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.c4be91363003f:hover, .cd42431889858:hover,
.ca750e160e88a:hover, .c0c8dc1919cf6:hover,
.cbcec1006e357:hover,
.cb376c7767d4a:hover, .ca824830359c5:hover, .c7524ddeef84d:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.c4be91363003f:hover svg, .cd42431889858:hover svg,
.ca750e160e88a:hover svg, .c0c8dc1919cf6:hover svg,
.cbcec1006e357:hover svg,
.cb376c7767d4a:hover svg, .ca824830359c5:hover svg, .c7524ddeef84d:hover svg,
.c4be91363003f:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.c4be91363003f:active, .cd42431889858:active,
.ca750e160e88a:active, .c0c8dc1919cf6:active,
.cbcec1006e357:active,
.cb376c7767d4a:active, .ca824830359c5:active, .c7524ddeef84d:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.c4be91363003f:active svg, .cd42431889858:active svg,
.ca750e160e88a:active svg, .c0c8dc1919cf6:active svg,
.cbcec1006e357:active svg,
.cb376c7767d4a:active svg, .ca824830359c5:active svg, .c7524ddeef84d:active svg,
.c4be91363003f:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.c4be91363003f.disabled, .cd42431889858.disabled,
.ca750e160e88a.disabled, .c0c8dc1919cf6.disabled,
.cbcec1006e357.disabled,
.cb376c7767d4a.disabled, .ca824830359c5.disabled, .c7524ddeef84d.disabled, .c4be91363003f[disabled], [disabled].cd42431889858,
[disabled].ca750e160e88a, [disabled].c0c8dc1919cf6,
[disabled].cbcec1006e357,
[disabled].cb376c7767d4a, [disabled].ca824830359c5, [disabled].c7524ddeef84d, .c4be91363003f:disabled, .cd42431889858:disabled,
.ca750e160e88a:disabled, .c0c8dc1919cf6:disabled,
.cbcec1006e357:disabled,
.cb376c7767d4a:disabled, .ca824830359c5:disabled, .c7524ddeef84d:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c37aca7b5f192, .c23ec4d537c17, .ce1a7b2f670f2 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c37aca7b5f192 svg, .c23ec4d537c17 svg, .ce1a7b2f670f2 svg,
.c37aca7b5f192 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c37aca7b5f192:focus-visible, .c23ec4d537c17:focus-visible, .ce1a7b2f670f2:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c37aca7b5f192:focus-visible svg, .c23ec4d537c17:focus-visible svg, .ce1a7b2f670f2:focus-visible svg,
.c37aca7b5f192:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c37aca7b5f192:hover, .c23ec4d537c17:hover, .ce1a7b2f670f2:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c37aca7b5f192:hover svg, .c23ec4d537c17:hover svg, .ce1a7b2f670f2:hover svg,
.c37aca7b5f192:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c37aca7b5f192:active, .c23ec4d537c17:active, .ce1a7b2f670f2:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c37aca7b5f192:active svg, .c23ec4d537c17:active svg, .ce1a7b2f670f2:active svg,
.c37aca7b5f192:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c37aca7b5f192.disabled, .c23ec4d537c17.disabled, .ce1a7b2f670f2.disabled, .c37aca7b5f192[disabled], [disabled].c23ec4d537c17, [disabled].ce1a7b2f670f2, .c37aca7b5f192:disabled, .c23ec4d537c17:disabled, .ce1a7b2f670f2:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c80afc375e628 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c80afc375e628 svg,
.c80afc375e628 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c80afc375e628:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c80afc375e628:focus-visible svg,
.c80afc375e628:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c80afc375e628:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c80afc375e628:hover svg,
.c80afc375e628:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c80afc375e628:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c80afc375e628:active svg,
.c80afc375e628:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c80afc375e628.disabled, .c80afc375e628[disabled], .c80afc375e628:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c556cbc547366, .cf9f1f3bf7b47 button, .cf80eccaa8970 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c556cbc547366 svg, .cf9f1f3bf7b47 button svg, .cf80eccaa8970 svg,
.c556cbc547366 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c556cbc547366:focus-visible, .cf9f1f3bf7b47 button:focus-visible, .cf80eccaa8970:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c556cbc547366:focus-visible svg, .cf9f1f3bf7b47 button:focus-visible svg, .cf80eccaa8970:focus-visible svg,
.c556cbc547366:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c556cbc547366:hover, .cf9f1f3bf7b47 button:hover, .cf80eccaa8970:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c556cbc547366:hover svg, .cf9f1f3bf7b47 button:hover svg, .cf80eccaa8970:hover svg,
.c556cbc547366:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c556cbc547366:active, .cf9f1f3bf7b47 button:active, .cf80eccaa8970:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c556cbc547366:active svg, .cf9f1f3bf7b47 button:active svg, .cf80eccaa8970:active svg,
.c556cbc547366:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c556cbc547366.disabled, .cf9f1f3bf7b47 button.disabled, .cf80eccaa8970.disabled, .c556cbc547366[disabled], .cf9f1f3bf7b47 button[disabled], [disabled].cf80eccaa8970, .c556cbc547366:disabled, .cf9f1f3bf7b47 button:disabled, .cf80eccaa8970:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c556cbc547366.disabled svg, .cf9f1f3bf7b47 button.disabled svg, .cf80eccaa8970.disabled svg,
.c556cbc547366.disabled span svg, .c556cbc547366[disabled] svg, .cf9f1f3bf7b47 button[disabled] svg, [disabled].cf80eccaa8970 svg,
.c556cbc547366[disabled] span svg, .c556cbc547366:disabled svg, .cf9f1f3bf7b47 button:disabled svg, .cf80eccaa8970:disabled svg,
.c556cbc547366:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c442e0e89a924 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c442e0e89a924 svg {
  color: var(--button-icon-foreground-color-selected);
}

.ce38a2b503cb1 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.ce38a2b503cb1 svg,
.ce38a2b503cb1 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.ce38a2b503cb1:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.ce38a2b503cb1:focus-visible svg,
.ce38a2b503cb1:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.ce38a2b503cb1:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.ce38a2b503cb1:hover svg,
.ce38a2b503cb1:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.ce38a2b503cb1:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.ce38a2b503cb1:active svg,
.ce38a2b503cb1:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c7adcf4cb70d0 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c425b34685173 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c567cd957f7c7 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c567cd957f7c7:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c567cd957f7c7:focus-visible svg,
.c567cd957f7c7:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c567cd957f7c7:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c567cd957f7c7:active {
  border: none;
  background-color: transparent;
}

.c14963e4c9565, .cf80eccaa8970 svg, .ccf54b116bfe9, .c804f586f1b81 span svg, .cf9f1f3bf7b47 button svg, .cad90cada1593.intermediate svg, .c9e614467b838 label span.intermediate svg, .cad90cada1593.checked svg, .c9e614467b838 label span.checked svg, .cd59a2f9dfb4c span svg,
.cd59a2f9dfb4c label svg, .cbbf5bef341cd svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.ca8c2f547f6e2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.ca8c2f547f6e2:hover {
  fill: none;
  stroke: none;
}

.ccf54b116bfe9, .c804f586f1b81 span svg, .cf9f1f3bf7b47 button svg, .cad90cada1593.intermediate svg, .c9e614467b838 label span.intermediate svg, .cad90cada1593.checked svg, .c9e614467b838 label span.checked svg, .cd59a2f9dfb4c span svg,
.cd59a2f9dfb4c label svg, .cbbf5bef341cd svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c3bd04ad63350 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c3bd04ad63350:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c510377c9b0d7, .cfc9d2463ace0 input, .c61e48e3e217a input, .cd59a2f9dfb4c input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c510377c9b0d7, .cfc9d2463ace0 input, .c61e48e3e217a input, .cd59a2f9dfb4c input {
    height: 23px;
  }
}
.c510377c9b0d7, .cfc9d2463ace0 input, .c61e48e3e217a input, .cd59a2f9dfb4c input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c510377c9b0d7[disabled], .cfc9d2463ace0 input[disabled], .c61e48e3e217a input[disabled], .cd59a2f9dfb4c input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.cbbf5bef341cd {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cce3fe1b403f1, .cd59a2f9dfb4c span,
.cd59a2f9dfb4c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cce3fe1b403f1, .cd59a2f9dfb4c span,
  .cd59a2f9dfb4c label {
    height: 25px;
  }
}
.cce3fe1b403f1, .cd59a2f9dfb4c span,
.cd59a2f9dfb4c label {
  color: var(--input-foreground-color);
}

.cd59a2f9dfb4c {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd59a2f9dfb4c {
    height: 25px;
    font-size: 10px;
  }
}
.cd59a2f9dfb4c {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cd59a2f9dfb4c span svg,
.cd59a2f9dfb4c label svg {
  color: var(--input-foreground-color);
}
.cd59a2f9dfb4c ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cd59a2f9dfb4c ::placeholder {
  color: var(--input-placeholder-color);
}
.cd59a2f9dfb4c:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd59a2f9dfb4c:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cd59a2f9dfb4c:hover span {
  color: var(--input-foreground-color-hover);
}
.cd59a2f9dfb4c:hover input {
  color: var(--input-foreground-color-hover);
}
.cd59a2f9dfb4c:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cd59a2f9dfb4c:active span {
  color: var(--input-foreground-color-active);
}
.cd59a2f9dfb4c:active input {
  color: var(--input-foreground-color-active);
}
.cd59a2f9dfb4c:focus, .cd59a2f9dfb4c:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd59a2f9dfb4c:focus span, .cd59a2f9dfb4c:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cd59a2f9dfb4c:focus input, .cd59a2f9dfb4c:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cd59a2f9dfb4c:focus:hover, .cd59a2f9dfb4c:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd59a2f9dfb4c:focus:hover span, .cd59a2f9dfb4c:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cd59a2f9dfb4c:focus:hover input, .cd59a2f9dfb4c:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.c61e48e3e217a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.c61e48e3e217a input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.c61e48e3e217a ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c61e48e3e217a ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.c61e48e3e217a:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.c61e48e3e217a:focus-within input, .c61e48e3e217a:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.ca282230fadbc, .cfc9d2463ace0.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.ca282230fadbc input, .cfc9d2463ace0.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.ca282230fadbc span svg, .cfc9d2463ace0.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cad90cada1593, .c9e614467b838 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cad90cada1593 svg, .c9e614467b838 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cad90cada1593:hover, .c9e614467b838 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cad90cada1593:focus, .c9e614467b838 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cad90cada1593.checked, .c9e614467b838 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cad90cada1593.checked svg, .c9e614467b838 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cad90cada1593.intermediate, .c9e614467b838 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cad90cada1593.intermediate svg, .c9e614467b838 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cad90cada1593.unchecked, .c9e614467b838 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cad90cada1593.unchecked svg, .c9e614467b838 label span.unchecked svg {
  display: none;
}

.c9e614467b838 {
  display: flex;
  align-items: center;
}
.c9e614467b838 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c9e614467b838 label input {
  margin: 0;
}
.c9e614467b838 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c9e614467b838 label:focus span, .c9e614467b838 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.cfc9d2463ace0 {
  display: flex;
  flex-direction: column;
}
.cfc9d2463ace0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.cfc9d2463ace0 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.cfc9d2463ace0 input:focus-within input, .cfc9d2463ace0 input:active input {
  color: var(--input-foreground-color-active);
}
.cfc9d2463ace0 input:focus-within, .cfc9d2463ace0 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cfc9d2463ace0.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cf352898890eb {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c5ddcb7d45a51 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c80aa2cf8534f {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cf80eccaa8970 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.cfa22048c837f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.ca97dc06444f9 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ce1a7b2f670f2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c7524ddeef84d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.ca824830359c5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c9e220fb5e194 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c9e220fb5e194:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c8d8e1f6d968e {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cba0bde9cd5e3 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.cb35296f1fa00 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.ca0f6f5dfd79e {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cc6fa516fced3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cc6fa516fced3:hover, .cc6fa516fced3:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cf9f1f3bf7b47 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cf9f1f3bf7b47 button {
  display: none;
}
.cf9f1f3bf7b47 button svg {
  stroke: var(--icon-foreground);
}
.cf9f1f3bf7b47:hover button {
  display: flex;
}

.cfa24ba41c2a4 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cfa24ba41c2a4 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cfa24ba41c2a4 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.ca6c395e0a201 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.ca6c395e0a201:hover div {
  color: var(--entry-foreground-color-hover);
}

.c0aae52d7c222 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c29ccb9b830c8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c29ccb9b830c8:hover {
  background-color: var(--menu-background-color-hover);
}

.c804f586f1b81 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c804f586f1b81 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c804f586f1b81 span svg {
  stroke: var(--icon-foreground);
}
.c804f586f1b81:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c804f586f1b81:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.c5dacb1454d20 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c0fb7c9f787b5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c5c49e57d41a4,
.ceac32099fe82 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.c773b158d8b84 .c5c49e57d41a4,
.c773b158d8b84 .ceac32099fe82 {
  transform: scale(1);
}

.cb682744ec68a .c5c49e57d41a4,
.cb682744ec68a .ceac32099fe82 {
  transform: scale(0);
}

.c6f909081d674 {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.75rem;
}
.c6f909081d674 form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.cc79927c6016e {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.5rem;
}

.c5ac3fb94af94 {
  border-color: var(--modal-separator-background-color);
  margin: 0;
}

.c7785e3bb9176 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--title-foreground-color-hover);
}

.c0c97bad67808 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--title-foreground-color);
}

.c719ee2646b8b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  color: var(--title-foreground-color);
}

.cb6f332617b72 {
  --input-width: 100%;
  --input-height: 2.5rem;
  --input-min-width: 100%;
}

.cb993d91ab19d {
  display: grid;
  gap: 0.5rem;
}

.cd42431889858,
.ca750e160e88a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
  width: 100%;
}

.ce8a7b9768cfc {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.c23ec4d537c17 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
}

.cb3b2adbe8b6f {
  display: grid;
  gap: 1.5rem;
}

.ce2d29cb03e22,
.cdaaa651d7ed6,
.c5924c98c0a84,
.cb2a031ff17c5 {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
}

.c73471a2d5aa1,
.cb44b355810a2,
.c6b4090be545b,
.c50dfe6ba413b {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: right;
  color: var(--title-foreground-color);
}

.cc990d07e2b59,
.cd03445015bd9,
.c55cde809bd59,
.cf30cb8c75c23,
.c1cb4b77026fb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  background-color: transparent;
  border: none;
  display: inline;
  color: var(--link-foreground-color);
}
.cc990d07e2b59:hover,
.cd03445015bd9:hover,
.c55cde809bd59:hover,
.cf30cb8c75c23:hover,
.c1cb4b77026fb:hover {
  text-decoration: underline;
}

.c5e170b8a64d5 {
  display: flex;
  justify-content: flex-end;
}

.c0c8dc1919cf6,
.cbcec1006e357,
.cb376c7767d4a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
  width: 100%;
}

.ceddbfa8e2279 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--button-foreground-color-focus);
}
.ceddbfa8e2279 span {
  padding-block-start: 0.125rem;
}
.ceddbfa8e2279:hover {
  color: var(--button-foreground-color-focus);
  background-color: var(--button-secondary-background-color-hover);
}

.c6be98f7c6892 {
  display: flex;
  gap: 0.5rem;
}

.c2c6da060a664 {
  margin-bottom: 0.5rem;
}

.cb381acdcb8df {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  font-size: 1.25rem;
  color: var(--register-confirmation-color);
  margin-inline: 2.25rem;
}
@keyframes c6790b3c2b055 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ccd8205b07048 {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.ccd8205b07048:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.ccd8205b07048 ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.ccd8205b07048 ::-webkit-scrollbar-track,
.ccd8205b07048 ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ccd8205b07048 ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.ccd8205b07048 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.ccd8205b07048 ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ccd8205b07048 ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.ccd8205b07048 ::placeholder,
.ccd8205b07048 ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cd23aae806011, .ca80b848fd593,
.cbb69b7e56342, .cebd69156156e,
.cb8631e97321a,
.c6079bdb4ffb5, .cdd57c2eb59a6, .c208c75aa27cc {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cd23aae806011 svg, .ca80b848fd593 svg,
.cbb69b7e56342 svg, .cebd69156156e svg,
.cb8631e97321a svg,
.c6079bdb4ffb5 svg, .cdd57c2eb59a6 svg, .c208c75aa27cc svg,
.cd23aae806011 span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cd23aae806011:focus-visible, .ca80b848fd593:focus-visible,
.cbb69b7e56342:focus-visible, .cebd69156156e:focus-visible,
.cb8631e97321a:focus-visible,
.c6079bdb4ffb5:focus-visible, .cdd57c2eb59a6:focus-visible, .c208c75aa27cc:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cd23aae806011:focus-visible svg, .ca80b848fd593:focus-visible svg,
.cbb69b7e56342:focus-visible svg, .cebd69156156e:focus-visible svg,
.cb8631e97321a:focus-visible svg,
.c6079bdb4ffb5:focus-visible svg, .cdd57c2eb59a6:focus-visible svg, .c208c75aa27cc:focus-visible svg,
.cd23aae806011:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cd23aae806011:hover, .ca80b848fd593:hover,
.cbb69b7e56342:hover, .cebd69156156e:hover,
.cb8631e97321a:hover,
.c6079bdb4ffb5:hover, .cdd57c2eb59a6:hover, .c208c75aa27cc:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cd23aae806011:hover svg, .ca80b848fd593:hover svg,
.cbb69b7e56342:hover svg, .cebd69156156e:hover svg,
.cb8631e97321a:hover svg,
.c6079bdb4ffb5:hover svg, .cdd57c2eb59a6:hover svg, .c208c75aa27cc:hover svg,
.cd23aae806011:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cd23aae806011:active, .ca80b848fd593:active,
.cbb69b7e56342:active, .cebd69156156e:active,
.cb8631e97321a:active,
.c6079bdb4ffb5:active, .cdd57c2eb59a6:active, .c208c75aa27cc:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cd23aae806011:active svg, .ca80b848fd593:active svg,
.cbb69b7e56342:active svg, .cebd69156156e:active svg,
.cb8631e97321a:active svg,
.c6079bdb4ffb5:active svg, .cdd57c2eb59a6:active svg, .c208c75aa27cc:active svg,
.cd23aae806011:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cd23aae806011.disabled, .ca80b848fd593.disabled,
.cbb69b7e56342.disabled, .cebd69156156e.disabled,
.cb8631e97321a.disabled,
.c6079bdb4ffb5.disabled, .cdd57c2eb59a6.disabled, .c208c75aa27cc.disabled, .cd23aae806011[disabled], [disabled].ca80b848fd593,
[disabled].cbb69b7e56342, [disabled].cebd69156156e,
[disabled].cb8631e97321a,
[disabled].c6079bdb4ffb5, [disabled].cdd57c2eb59a6, [disabled].c208c75aa27cc, .cd23aae806011:disabled, .ca80b848fd593:disabled,
.cbb69b7e56342:disabled, .cebd69156156e:disabled,
.cb8631e97321a:disabled,
.c6079bdb4ffb5:disabled, .cdd57c2eb59a6:disabled, .c208c75aa27cc:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c1996421d32f1, .c65723a12165c, .c2c5518b06e59 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.c1996421d32f1 svg, .c65723a12165c svg, .c2c5518b06e59 svg,
.c1996421d32f1 span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.c1996421d32f1:focus-visible, .c65723a12165c:focus-visible, .c2c5518b06e59:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c1996421d32f1:focus-visible svg, .c65723a12165c:focus-visible svg, .c2c5518b06e59:focus-visible svg,
.c1996421d32f1:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c1996421d32f1:hover, .c65723a12165c:hover, .c2c5518b06e59:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.c1996421d32f1:hover svg, .c65723a12165c:hover svg, .c2c5518b06e59:hover svg,
.c1996421d32f1:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.c1996421d32f1:active, .c65723a12165c:active, .c2c5518b06e59:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.c1996421d32f1:active svg, .c65723a12165c:active svg, .c2c5518b06e59:active svg,
.c1996421d32f1:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.c1996421d32f1.disabled, .c65723a12165c.disabled, .c2c5518b06e59.disabled, .c1996421d32f1[disabled], [disabled].c65723a12165c, [disabled].c2c5518b06e59, .c1996421d32f1:disabled, .c65723a12165c:disabled, .c2c5518b06e59:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c3afd9445b26e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c3afd9445b26e svg,
.c3afd9445b26e span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c3afd9445b26e:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c3afd9445b26e:focus-visible svg,
.c3afd9445b26e:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c3afd9445b26e:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c3afd9445b26e:hover svg,
.c3afd9445b26e:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c3afd9445b26e:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c3afd9445b26e:active svg,
.c3afd9445b26e:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c3afd9445b26e.disabled, .c3afd9445b26e[disabled], .c3afd9445b26e:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.ca196b509a936, .cca878d5c3151 button, .c97f29ee5fcdb {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.ca196b509a936 svg, .cca878d5c3151 button svg, .c97f29ee5fcdb svg,
.ca196b509a936 span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.ca196b509a936:focus-visible, .cca878d5c3151 button:focus-visible, .c97f29ee5fcdb:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.ca196b509a936:focus-visible svg, .cca878d5c3151 button:focus-visible svg, .c97f29ee5fcdb:focus-visible svg,
.ca196b509a936:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.ca196b509a936:hover, .cca878d5c3151 button:hover, .c97f29ee5fcdb:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.ca196b509a936:hover svg, .cca878d5c3151 button:hover svg, .c97f29ee5fcdb:hover svg,
.ca196b509a936:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.ca196b509a936:active, .cca878d5c3151 button:active, .c97f29ee5fcdb:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.ca196b509a936:active svg, .cca878d5c3151 button:active svg, .c97f29ee5fcdb:active svg,
.ca196b509a936:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.ca196b509a936.disabled, .cca878d5c3151 button.disabled, .c97f29ee5fcdb.disabled, .ca196b509a936[disabled], .cca878d5c3151 button[disabled], [disabled].c97f29ee5fcdb, .ca196b509a936:disabled, .cca878d5c3151 button:disabled, .c97f29ee5fcdb:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.ca196b509a936.disabled svg, .cca878d5c3151 button.disabled svg, .c97f29ee5fcdb.disabled svg,
.ca196b509a936.disabled span svg, .ca196b509a936[disabled] svg, .cca878d5c3151 button[disabled] svg, [disabled].c97f29ee5fcdb svg,
.ca196b509a936[disabled] span svg, .ca196b509a936:disabled svg, .cca878d5c3151 button:disabled svg, .c97f29ee5fcdb:disabled svg,
.ca196b509a936:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.c76ad93d03fd8 {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.c76ad93d03fd8 svg {
  color: var(--button-icon-foreground-color-selected);
}

.c803b582fad29 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c803b582fad29 svg,
.c803b582fad29 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c803b582fad29:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c803b582fad29:focus-visible svg,
.c803b582fad29:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c803b582fad29:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c803b582fad29:hover svg,
.c803b582fad29:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c803b582fad29:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c803b582fad29:active svg,
.c803b582fad29:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c09cb4333859e {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c54c39d990f2b {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c61557af7db64 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c61557af7db64:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c61557af7db64:focus-visible svg,
.c61557af7db64:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c61557af7db64:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c61557af7db64:active {
  border: none;
  background-color: transparent;
}

.c46b7a68e8c1c, .c97f29ee5fcdb svg, .c54c35593aecd, .c3b63872a0af4 span svg, .cca878d5c3151 button svg, .cedc34cd101c3.intermediate svg, .c944b9b1991b2 label span.intermediate svg, .cedc34cd101c3.checked svg, .c944b9b1991b2 label span.checked svg, .cd72e80919502 span svg,
.cd72e80919502 label svg, .c787dc518c326 svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.caaaf957a9be2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.caaaf957a9be2:hover {
  fill: none;
  stroke: none;
}

.c54c35593aecd, .c3b63872a0af4 span svg, .cca878d5c3151 button svg, .cedc34cd101c3.intermediate svg, .c944b9b1991b2 label span.intermediate svg, .cedc34cd101c3.checked svg, .c944b9b1991b2 label span.checked svg, .cd72e80919502 span svg,
.cd72e80919502 label svg, .c787dc518c326 svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.c97e23c158eef {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.c97e23c158eef:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.c853509d25b73, .c69563a5f2dc0 input, .cc032f7c17977 input, .cd72e80919502 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .c853509d25b73, .c69563a5f2dc0 input, .cc032f7c17977 input, .cd72e80919502 input {
    height: 23px;
  }
}
.c853509d25b73, .c69563a5f2dc0 input, .cc032f7c17977 input, .cd72e80919502 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.c853509d25b73[disabled], .c69563a5f2dc0 input[disabled], .cc032f7c17977 input[disabled], .cd72e80919502 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c787dc518c326 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.cfad4c2398a55, .cd72e80919502 span,
.cd72e80919502 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cfad4c2398a55, .cd72e80919502 span,
  .cd72e80919502 label {
    height: 25px;
  }
}
.cfad4c2398a55, .cd72e80919502 span,
.cd72e80919502 label {
  color: var(--input-foreground-color);
}

.cd72e80919502 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .cd72e80919502 {
    height: 25px;
    font-size: 10px;
  }
}
.cd72e80919502 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.cd72e80919502 span svg,
.cd72e80919502 label svg {
  color: var(--input-foreground-color);
}
.cd72e80919502 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.cd72e80919502 ::placeholder {
  color: var(--input-placeholder-color);
}
.cd72e80919502:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.cd72e80919502:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.cd72e80919502:hover span {
  color: var(--input-foreground-color-hover);
}
.cd72e80919502:hover input {
  color: var(--input-foreground-color-hover);
}
.cd72e80919502:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.cd72e80919502:active span {
  color: var(--input-foreground-color-active);
}
.cd72e80919502:active input {
  color: var(--input-foreground-color-active);
}
.cd72e80919502:focus, .cd72e80919502:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd72e80919502:focus span, .cd72e80919502:focus-within span {
  color: var(--input-foreground-color-focus);
}
.cd72e80919502:focus input, .cd72e80919502:focus-within input {
  color: var(--input-foreground-color-focus);
}
.cd72e80919502:focus:hover, .cd72e80919502:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.cd72e80919502:focus:hover span, .cd72e80919502:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.cd72e80919502:focus:hover input, .cd72e80919502:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cc032f7c17977 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cc032f7c17977 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cc032f7c17977 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc032f7c17977 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc032f7c17977:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cc032f7c17977:focus-within input, .cc032f7c17977:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.cafa4694458b0, .c69563a5f2dc0.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.cafa4694458b0 input, .c69563a5f2dc0.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.cafa4694458b0 span svg, .c69563a5f2dc0.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cedc34cd101c3, .c944b9b1991b2 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cedc34cd101c3 svg, .c944b9b1991b2 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cedc34cd101c3:hover, .c944b9b1991b2 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cedc34cd101c3:focus, .c944b9b1991b2 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cedc34cd101c3.checked, .c944b9b1991b2 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cedc34cd101c3.checked svg, .c944b9b1991b2 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cedc34cd101c3.intermediate, .c944b9b1991b2 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cedc34cd101c3.intermediate svg, .c944b9b1991b2 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cedc34cd101c3.unchecked, .c944b9b1991b2 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cedc34cd101c3.unchecked svg, .c944b9b1991b2 label span.unchecked svg {
  display: none;
}

.c944b9b1991b2 {
  display: flex;
  align-items: center;
}
.c944b9b1991b2 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c944b9b1991b2 label input {
  margin: 0;
}
.c944b9b1991b2 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c944b9b1991b2 label:focus span, .c944b9b1991b2 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c69563a5f2dc0 {
  display: flex;
  flex-direction: column;
}
.c69563a5f2dc0 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c69563a5f2dc0 input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c69563a5f2dc0 input:focus-within input, .c69563a5f2dc0 input:active input {
  color: var(--input-foreground-color-active);
}
.c69563a5f2dc0 input:focus-within, .c69563a5f2dc0 input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c69563a5f2dc0.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.cb27c731aea8b {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.c8a5cdd840e87 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.c511aafcf2866 {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.c97f29ee5fcdb {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.ccf1cecc89242 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.c6600104a83ce {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c2c5518b06e59 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c208c75aa27cc {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.cdd57c2eb59a6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.c19ecf590b65c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.c19ecf590b65c:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c4996a04e7805 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.cc189ef980ff1 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.caf6f5212634d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.cc5e9bebb9d08 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.c12f301baf236 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.c12f301baf236:hover, .c12f301baf236:active {
  border-color: var(--colorpicker-details-color-selected);
}

.cca878d5c3151 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.cca878d5c3151 button {
  display: none;
}
.cca878d5c3151 button svg {
  stroke: var(--icon-foreground);
}
.cca878d5c3151:hover button {
  display: flex;
}

.cb59751e9f6c0 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.cb59751e9f6c0 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.cb59751e9f6c0 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c7e5fe7dd035f {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c7e5fe7dd035f:hover div {
  color: var(--entry-foreground-color-hover);
}

.c30e216827bc4 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.c8b80f47781eb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.c8b80f47781eb:hover {
  background-color: var(--menu-background-color-hover);
}

.c3b63872a0af4 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.c3b63872a0af4 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c3b63872a0af4 span svg {
  stroke: var(--icon-foreground);
}
.c3b63872a0af4:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.c3b63872a0af4:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ca3c0cb544e75 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c5c372788dcd6 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.cfd38195dd2a7,
.c9408e1b4f3d5 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.cce919a4d538d .cfd38195dd2a7,
.cce919a4d538d .c9408e1b4f3d5 {
  transform: scale(1);
}

.c6fbaa3212081 .cfd38195dd2a7,
.c6fbaa3212081 .c9408e1b4f3d5 {
  transform: scale(0);
}

.c65aa1b36183d {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.75rem;
}
.c65aa1b36183d form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.c65c022ea550f {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.5rem;
}

.c6ab56be4a95d {
  border-color: var(--modal-separator-background-color);
  margin: 0;
}

.c864763cfe1ac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--title-foreground-color-hover);
}

.cc96ed8bd0e50 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--title-foreground-color);
}

.c2a5588c07c22 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  color: var(--title-foreground-color);
}

.cf601df36c359 {
  --input-width: 100%;
  --input-height: 2.5rem;
  --input-min-width: 100%;
}

.cd0fa929e3dfa {
  display: grid;
  gap: 0.5rem;
}

.ca80b848fd593,
.cbb69b7e56342 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
  width: 100%;
}

.cd5d9547b4ca7 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.c65723a12165c {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
}

.c9a4c40b9ca62 {
  display: grid;
  gap: 1.5rem;
}

.c3651012b4c8b,
.c2797367e49d8,
.c51d462578164,
.c86b9416f9063 {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
}

.c56f1e09bee10,
.cdd36c0fc5c8a,
.c4c071cc3487c,
.cb80467484719 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: right;
  color: var(--title-foreground-color);
}

.cfee7c2a0be86,
.c88a02409c3bd,
.c226e7f40b644,
.c6028df060e70,
.c5718a10e3b7a {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  background-color: transparent;
  border: none;
  display: inline;
  color: var(--link-foreground-color);
}
.cfee7c2a0be86:hover,
.c88a02409c3bd:hover,
.c226e7f40b644:hover,
.c6028df060e70:hover,
.c5718a10e3b7a:hover {
  text-decoration: underline;
}

.c37d6f374fbdb {
  display: flex;
  justify-content: flex-end;
}

.cebd69156156e,
.cb8631e97321a,
.c6079bdb4ffb5 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  height: 2.5rem;
  width: 100%;
}

.c32b9e33d3abb {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--button-foreground-color-focus);
}
.c32b9e33d3abb span {
  padding-block-start: 0.125rem;
}
.c32b9e33d3abb:hover {
  color: var(--button-foreground-color-focus);
  background-color: var(--button-secondary-background-color-hover);
}

.c1744e9181b7f {
  display: flex;
  gap: 0.5rem;
}

.c1b937c38b829 a {
  color: var(--color-foreground-secondary);
  font-weight: 700;
}

.c51c13d7fce5c,
.cde398bee647a {
  align-items: flex-start;
}

.c393d30e3a22a {
  gap: 1.5rem;
}

.cbc881bbc5593 {
  gap: 1.5rem;
  text-align: center;
}
.cbc881bbc5593 .c864763cfe1ac {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
}

.c6a8b8e4ab287 {
  fill: var(--main-icon-foreground);
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.c6a8b8e4ab287 svg {
  width: 5.75rem;
  height: 5.75rem;
}

.c465bbce6dcf2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--title-foreground-color);
}

.c4748ae0cbe01 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  font-size: 1.25rem;
  color: var(--register-confirmation-color);
  margin-inline: 2.25rem;
}

.c86ad65ecc2e4 {
  height: 2.5rem;
}
.c86ad65ecc2e4 svg {
  width: 7.5rem;
  height: 2.5rem;
  fill: var(--main-icon-foreground);
}

.c8d7cc60fa55c {
  display: flex;
  justify-content: flex-start;
  width: 7.5rem;
  margin-block-end: 1.5rem;
}

.c916b199d80ea {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  gap: 0.25rem;
  justify-content: center;
  width: 100%;
}

.c34d8b2182b6c {
  border-bottom: 1px solid transparent;
  color: var(--title-foreground-color);
}

.c4a25d0ad79bb {
  color: var(--link-foreground-color);
}
.c4a25d0ad79bb:hover {
  text-decoration: underline;
}
:root {
  --db-primary-60: rgba(24, 24, 26, 0.6);
  --df-secondary: #8f9da3;
  --df-secondary-40: rgba(143, 157, 163, 0.4);
  --da-tertiary-10: rgba(0, 209, 184, 0.1);
  --da-tertiary-70: rgba(0, 209, 184, 0.7);
  --lb-primary-60: rgba(255, 255, 255, 0.6);
  --lb-quaternary: #eef0f2;
  --lf-secondary-40: rgba(73, 94, 116, 0.4);
  --la-tertiary-10: rgba(140, 51, 235, 0.1);
  --la-tertiary-70: rgba(140, 51, 235, 0.7);
  --status-color-success-200: #a7e8d9;
  --status-color-success-500: #2d9f8f;
  --status-color-warning-500: #f5a91b;
  --status-color-error-500: #ff3277;
  --status-color-info-500: #0e9be9;
  --app-white: #ffffff;
  --app-black: #000000;
  --color-background-disabled: var(--df-secondary);
  --color-foreground-disabled: #747475;
  --color-accent-tertiary-muted: var(--da-tertiary-10);
  --overlay-color: var(--db-primary-60);
}

.default {
  --color-accent-primary: #47FFCE;
  --color-accent-primary-muted: #747475;
  --color-accent-tertiary: #2fd4aa;
  --color-foreground-primary: #ffffff;
  --color-foreground-secondary: #D1D1D1;
  --color-foreground-third: #535353;
  --color-border-secondary: #535353;
  --color-button-primary: #D1D1D1;
  --color-button-secondary: #535353;
  --color-button-text: #A0A2A2;
  --color-select-text: #D1D1D1;
  --f: #2E3434;
  --layer-row-background-color-selected: rgba(83, 83, 83, 0.4);
  --layer-row-background-color-selected-hover: rgba(83, 83, 83, 0.6);
  --layer-row-foreground-color-selected: #47FFCE;
  --color-background-primary: #181A19;
  --color-background-secondary: #000000;
  --color-background-tertiary: #535353;
  --color-background-quaternary: #2E3434;
  --color-background-fifty: #2A2B2A;
  --color-background-default: #181A19;
  --color-background-disabled: #535353;
  --color-background-success: #0a2927;
  --color-background-warning: #3d2501;
  --color-background-error: #500124;
  --color-background-info: #082c49;
  --color-foreground-error: #ff3277;
  --color-accent-secondary: #bb97d8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: #7efff599;
  --color-accent-select: #00d1b81a;
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-accent-warning: #fe9c07;
  --color-accent-error: #c80857;
  --color-accent-info: #0e9be9;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9);
  --color-static-white: #ffffff;
  --color-static-black: #000000;
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
  --canvas-background-color: var(--color-background-primary);
  --canvas-fill-color: var(--color-canvas);
  --scrollbar-background-color: var(--color-foreground-secondary);
  --panel-background-color: var(--color-background-primary);
  --panel-border-color: var(--color-background-quaternary);
  --app-background: var(--color-background-primary);
  --loader-background: var(--color-background-primary);
  --button-foreground-hover: var(--color-accent-primary);
  --button-background-color-focus: var(--color-background-secondary);
  --button-foreground-color-focus: var(--color-foreground-primary);
  --button-border-color-focus: var(--color-accent-primary);
  --button-foreground-color-disabled: var(--color-foreground-disabled);
  --button-background-color-disabled: var(--color-background-quaternary);
  --button-border-color-disabled: var(--color-background-quaternary);
  --button-primary-background-color-rest: var(--color-accent-primary);
  --button-primary-border-color-rest: var(--color-accent-primary);
  --button-primary-foreground-color-rest: var(--color-background-secondary);
  --button-primary-background-color-hover: var(--color-accent-tertiary);
  --button-primary-border-color-hover: var(--color-accent-tertiary);
  --button-primary-foreground-color-hover: var(--color-background-secondary);
  --button-primary-background-color-active: var(--color-background-secondary);
  --button-primary-border-color-active: var(--color-background-secondary);
  --button-primary-foreground-color-active: var(--color-accent-primary);
  --button-primary-background-color-focus: var(--color-background-tertiary);
  --button-primary-border-color-focus: var(--color-accent-primary);
  --button-primary-foreground-color-focus: var(--color-foreground-secondary);
  --button-secondary-background-color-rest: #2A2B2A;
  --button-secondary-border-color-rest: #2A2B2A;
  --button-secondary-foreground-color-rest: var(--color-foreground-secondary);
  --button-secondary-background-color-hover: var(--color-background-quaternary);
  --button-secondary-border-color-hover: var(--color-background-quaternary);
  --button-secondary-foreground-color-hover: var(--color-accent-primary);
  --button-secondary-background-color-active: var(--color-background-secondary);
  --button-secondary-border-color-active: var(--color-background-quaternary);
  --button-secondary-foreground-color-active: var(--color-accent-primary);
  --button-secondary-background-color-focus: #2A2B2A;
  --button-secondary-border-color-focus: var(--color-accent-primary);
  --button-secondary-foreground-color-focus: var(--color-foreground-secondary);
  --button-dark-background-color-rest: red;
  --button-dark-border-color-rest: #2A2B2A;
  --button-dark-foreground-color-rest: var(--color-foreground-dark);
  --button-dark-background-color-hover: var(--color-background-quaternary);
  --button-dark-border-color-hover: var(--color-background-quaternary);
  --button-dark-foreground-color-hover: var(--color-accent-primary);
  --button-dark-background-color-active: var(--color-background-dark);
  --button-dark-border-color-active: var(--color-background-quaternary);
  --button-dark-foreground-color-active: var(--color-accent-primary);
  --button-dark-background-color-focus: #2A2B2A;
  --button-dark-border-color-focus: var(--color-accent-primary);
  --button-dark-foreground-color-focus: var(--color-foreground-secondary);
  --button-tertiary-foreground-color-rest: var(--color-foreground-third);
  --button-tertiary-background-color-hover: var(--color-background-quaternary);
  --button-tertiary-border-color-hover: var(--color-background-quaternary);
  --button-tertiary-foreground-color-hover: var(--color-accent-primary);
  --button-tertiary-background-color-active: var(--color-background-secondary);
  --button-tertiary-border-color-active: var(--color-background-quaternary);
  --button-tertiary-foreground-color-active: var(--color-accent-primary);
  --button-tertiary-background-color-focus: var(--color-background-tertiary);
  --button-tertiary-border-color-focus: var(--color-accent-primary);
  --button-tertiary-foreground-color-focus: var(--color-foreground-primary);
  --expand-button-icon-border-width: 0;
  --expand-button-icon-border-width-selected: 0;
  --button-icon-foreground-color: var(--color-foreground-secondary);
  --button-icon-foreground-color-hover: var(--color-foreground-secondary);
  --button-icon-background-color-selected: var(--color-background-quaternary);
  --button-icon-foreground-color-selected: var(--color-accent-primary);
  --button-icon-border-color-selected: var(--color-background-quaternary);
  --button-radio-background-color-rest: var(--color-background-tertiary);
  --button-radio-border-color-rest: var(--color-background-tertiary);
  --button-radio-foreground-color-rest: var(--color-foreground-secondary);
  --button-radio-border-color-hover: var(--color-background-quaternary);
  --button-radio-foreground-color-hover: var(--color-accent-primary);
  --button-radio-background-color-active: var(--color-background-quaternary);
  --button-radio-border-color-active: var(--color-background-quaternary);
  --button-radio-foreground-color-active: var(--color-accent-primary);
  --button-radio-background-color-focus: var(--color-background-tertiary);
  --button-radio-border-color-focus: var(--color-accent-primary);
  --button-radio-foreground-color-focus: var(--color-foreground-secondary);
  --button-warning-background-color-rest: var(--status-color-warning-500);
  --button-warning-border-color-rest: var(--status-color-warning-500);
  --button-warning-foreground-color-rest: var(--color-background-secondary);
  --button-disabled-background-color-rest: var(--color-background-disabled);
  --button-disabled-border-color-rest: var(--color-background-disabled);
  --button-disabled-foreground-color-rest: var(--color-foreground-disabled);
  --button-constraint-background-color-rest: var(--color-foreground-secondary);
  --button-constraint-border-color-rest: var(--color-background-tertiary);
  --button-constraint-border-color-hover: var(--color-accent-primary-muted);
  --button-constraint-background-color-hover: var(--color-accent-primary);
  --constraint-widget-background-color: var(--color-background-fifty);
  --constraint-center-area-background-color: var(--color-background-primary);
  --tabs-background-color: var(--color-background-secondary);
  --tab-background-color-hover: var(--color-background-primary);
  --tab-background-color-selected: var(--color-background-quaternary);
  --tab-foreground-color: var(--color-foreground-secondary);
  --tab-foreground-color-hover: var(--color-foreground-primary);
  --tab-foreground-color-selected: var(--color-accent-primary);
  --tab-border-color: var(--color-background-secondary);
  --tab-border-color-selected: var(--color-background-secondary);
  --title-background-color: var(--color-background-primary);
  --title-foreground-color: var(--color-foreground-secondary);
  --title-foreground-color-hover: var(--color-foreground-primary);
  --layer-row-background-color: var(--color-background-primary);
  --layer-row-background-color-hover: var(--color-background-secondary);
  --layer-row-background-color-drag: var(--color-background-quaternary);
  --layer-row-foreground-color: var(--color-foreground-secondary);
  --layer-row-foreground-color-hover: var(--color-accent-primary);
  --layer-row-foreground-color-drag: var(--color-accent-tertiary);
  --layer-row-foreground-color-focus: var(--color-foreground-primary);
  --layer-row-foreground-color-placeholder: var(--color-foreground-secondary);
  --layer-row-border-color-focus: var(--color-accent-primary);
  --layer-child-row-background-color: var(--color-background-tertiary);
  --layer-child-row-foreground-color: var(--color-foreground-secondary);
  --layer-row-component-foreground-color: var(--color-accent-secondary);
  --palette-background-color: var(--color-background-primary);
  --palette-btn-background-color-selected: var(--color-background-secondary);
  --palette-btn-border-color-selected: var(--color-background-quaternary);
  --palette-btn-foreground-color-selected: var(--color-accent-primary);
  --palette-text-color: var(--color-foreground-secondary);
  --palette-text-color-selected: var(--color-foreground-primary);
  --palette-text-background-color: var(--color-background-tertiary);
  --palette-text-background-color-hover: var(--color-background-quaternary);
  --palette-button-shadow-initial: var(--color-background-primary);
  --palette-button-shadow-final: transparent;
  --palette-handler-background-color: var(--color-background-quaternary);
  --color-bullet-background-color: var(--app-white);
  --color-bullet-border-color: var(--color-background-quaternary);
  --color-bullet-border-color-selected: var(--color-accent-primary);
  --icon-foreground: var(--color-foreground-third);
  --main-icon-foreground: var(--color-foreground-primary);
  --icon-foreground-hover: var(--color-foreground-primary);
  --icon-foreground-accept: var(--status-color-success-500);
  --icon-foreground-discard: var(--status-color-error-500);
  --icon-foreground-active: var(--color-accent-primary);
  --icon-foreground-selected: var(--color-accent-tertiary);
  --input-placeholder-color: var(--color-foreground-secondary);
  --input-background-color: var(--color-background-fifty);
  --input-foreground-color: var(--color-foreground-secondary);
  --input-border-color: var(--color-background-fifty);
  --input-background-color-rest: var(--color-background-tertiary);
  --input-foreground-color-rest: var(--color-foreground-primary);
  --input-border-color-rest: var(--color-background-tertiary);
  --input-background-color-hover: var(--color-background-quaternary);
  --input-foreground-color-hover: var(--color-foreground-primary);
  --input-border-color-hover: var(--color-background-quaternary);
  --input-background-color-focus: transparent;
  --input-foreground-color-focus: var(--color-foreground-primary);
  --input-border-color-focus: var(--color-accent-primary);
  --input-background-color-active: var(--color-background-primary);
  --input-foreground-color-active: var(--color-foreground-primary);
  --input-border-outline-color-active: var(--color-accent-primary-muted);
  --input-border-color-active: var(--color-accent-primary);
  --input-background-color-disabled: var(--color-background-primary);
  --input-foreground-color-disabled: var(--color-foreground-secondary);
  --input-border-color-disabled: var(--color-background-quaternary);
  --input-border-color-error: var(--status-color-error-500);
  --input-border-color-success: var(--color-accent-primary);
  --input-details-color: var(--color-background-primary);
  --input-checkbox-background-color-rest: var(--color-background-quaternary);
  --input-checkbox-border-color-rest: var(--color-foreground-secondary);
  --input-checkbox-border-color-active: var(--color-background-quaternary);
  --input-checkbox-border-color-focus: var(--color-accent-primary);
  --input-checkbox-border-color: var(--color-background-secondary);
  --input-checkbox-border-color-hover: var(--color-accent-primary-muted);
  --input-checkbox-background-color-intermediate: var(--color-foreground-secondary);
  --input-checkbox-border-color-intermediate: var(--color-foreground-secondary);
  --input-checkbox-foreground-color-intermediate: var(--color-background-secondary);
  --input-checkbox-inactive-background-color: var(--color-foreground-secondary);
  --input-checkbox-inactive-foreground-color: var(--color-background-primary);
  --input-checkbox-background-color-active: var(--color-accent-primary);
  --input-checkbox-foreground-color-active: var(--color-background-primary);
  --input-checkbox-text-foreground-color: var(--color-foreground-secondary);
  --menu-background-color: var(--color-background-fifty);
  --menu-foreground-color: var(--color-foreground-primary);
  --menu-icon-foreground-color: var(--color-foreground-secondary);
  --menu-background-color-selected: var(--color-background-tertiary);
  --menu-background-color-hover: var(--color-background-quaternary);
  --menu-foreground-color-hover: var(--color-foreground-primary);
  --menu-background-color-focus: var(--color-background-tertiary);
  --menu-foreground-color-focus: var(--color-foreground-primary);
  --menu-foreground-color-rest: var(--color-foreground-secondary);
  --menu-border-color-focus: var(--color-accent-primary);
  --menu-shortcut-background-color: var(--color-background-primary);
  --menu-shortcut-foreground-color: var(--color-foreground-secondary);
  --menu-shortcut-foreground-color-selected: var(--color-foreground-primary);
  --menu-shortcut-foreground-color-hover: var(--color-foreground-primary);
  --menu-shadow-color: var(--color-shadow-dark);
  --menu-background-color-disabled: var(--color-background-primary);
  --menu-foreground-color-disabled: var(--color-foreground-secondary);
  --menu-border-color-disabled: var(--color-background-quaternary);
  --menu-dark-background-color: var(--color-background-primary);
  --menu-dark-foreground-color: var(--color-foreground-primary);
  --menu-dark-icon-foreground-color: var(--color-foreground-secondary);
  --menu-dark-background-color-selected: var(--color-background-tertiary);
  --menu-dark-background-color-hover: var(--color-background-quaternary);
  --menu-dark-foreground-color-hover: var(--color-foreground-primary);
  --menu-dark-background-color-focus: var(--color-background-tertiary);
  --menu-dark-foreground-color-focus: var(--color-foreground-primary);
  --menu-dark-foreground-color-rest: var(--color-foreground-secondary);
  --menu-dark-border-color-focus: var(--color-accent-primary);
  --menu-dark-shortcut-background-color: var(--color-background-primary);
  --menu-dark-shortcut-foreground-color: var(--color-foreground-secondary);
  --menu-dark-shortcut-foreground-color-selected: var(--color-foreground-primary);
  --menu-dark-shortcut-foreground-color-hover: var(--color-foreground-primary);
  --menu-dark-shadow-color: var(--color-shadow-dark);
  --menu-dark-background-color-disabled: var(--color-background-primary);
  --menu-dark-foreground-color-disabled: var(--color-foreground-secondary);
  --menu-dark-border-color-disabled: var(--color-background-quaternary);
  --context-menu-background-color: var(--color-background-tertiary);
  --context-menu-foreground-color: var(--color-foreground-secondary);
  --context-menu-background-color-selected: var(--color-background-quaternary);
  --context-menu-foreground-color-selected: var(--color-foreground-primary);
  --assets-title-background-color: var(--color-background-primary);
  --assets-item-background-color: var(--color-background-tertiary);
  --assets-item-background-color-hover: var(--color-background-quaternary);
  --assets-item-name-background-color: var(--color-background-primary);
  --assets-item-name-foreground-color-rest: var(--color-foreground-secondary);
  --assets-item-name-foreground-color: var(--color-foreground-primary);
  --assets-item-name-foreground-color-hover: var(--color-foreground-primary);
  --assets-item-name-foreground-color-disabled: var(--color-foreground-disabled);
  --assets-item-border-color: var(--color-accent-primary);
  --assets-item-background-color-drag: transparent;
  --assets-item-border-color-drag: var(--color-accent-primary-muted);
  --assets-component-background-color: var(--color-canvas);
  --assets-component-background-color-disabled: var(--color-foreground-secondary);
  --assets-component-border-color: var(--color-background-tertiary);
  --assets-component-border-selected: var(--color-accent-tertiary);
  --assets-component-second-border-selected: var(--color-background-primary);
  --assets-component-hightlight: var(--color-accent-secondary);
  --radio-btns-background-color: var(--color-background-tertiary);
  --radio-btn-background-color-selected: var(--color-background-quaternary);
  --radio-btn-foreground-color: var(--color-foreground-secondary);
  --radio-btn-foreground-color-selected: var(--color-accent-primary);
  --radio-btn-border-color: var(--color-background-tertiary);
  --radio-btn-border-color-selected: var(--color-background-quaternary);
  --library-name-foreground-color: var(--color-foreground-primary);
  --library-content-foreground-color: var(--color-foreground-secondary);
  --dropdown-background-color: var(--color-background-quaternary);
  --dropdown-separator-color: var(--color-background-primary);
  --profile-drowpdown-background-color: var(--color-background-primary);
  --not-found-background-color: var(--color-background-tertiary);
  --not-found-foreground-color: var(--color-foreground-secondary);
  --entry-foreground-color: var(--color-foreground-secondary);
  --entry-background-color: var(--color-background-tertiary);
  --entry-background-color-disabled: var(--color-background-primary);
  --entry-border-color-disabled: var(--color-background-quaternary);
  --entry-foreground-color-hover: var(--color-foreground-primary);
  --entry-background-color-hover: var(--color-background-quaternary);
  --empty-message-background-color: var(--color-background-tertiary);
  --empty-message-foreground-color: var(--color-foreground-secondary);
  --user-count-background-color: var(--color-accent-primary);
  --user-count-foreground-color: var(--color-background-secondary);
  --colorpicker-details-color: var(--color-background-quaternary);
  --colorpicker-details-color-selected: var(--color-accent-primary);
  --colorpicker-handlers-color: var(--color-foreground-primary);
  --colorpicker-background-color: var(--color-foreground-primary);
  --comment-title-color: var(--color-foreground-primary);
  --comment-subtitle-color: var(--color-foreground-secondary);
  --comment-bullet-background-color-rest: var(--color-background-quaternary);
  --comment-bullet-foreground-color-rest: var(--color-foreground-primary);
  --comment-bullet-border-color-rest: var(--color-background-secondary);
  --comment-bullet-background-color-unread: var(--color-accent-primary);
  --comment-bullet-foreground-color-unread: var(--color-background-primary);
  --comment-bullet-border-color-unread: var(--color-background-secondary);
  --comment-bullet-background-color-resolved: var(--color-background-primary);
  --comment-bullet-foreground-color-resolved: var(--color-foreground-secondary);
  --comment-bullet-border-color-resolved: var(--color-background-quaternary);
  --comment-modal-background-color: var(--color-background-primary);
  --comment-thread-background-color-hover: var(--color-background-primary);
  --grid-editor-marker-color: var(--color-accent-quaternary);
  --grid-editor-marker-text: var(--color-accent-quaternary);
  --grid-editor-area-background: var(--color-accent-quaternary);
  --grid-editor-area-text: var(--color-accent-quaternary);
  --grid-editor-line-color: var(--color-accent-quaternary);
  --grid-editor-plus-btn-foreground: var(--app-white);
  --grid-editor-plus-btn-background: var(--color-accent-quaternary);
  --modal-background-color: var(--color-background-default);
  --modal-title-foreground-color: var(--color-foreground-primary);
  --modal-text-foreground-color: var(--color-foreground-secondary);
  --modal-hint-border-color: var(--color-background-quaternary);
  --modal-button-background-color-error: var(--status-color-error-500);
  --modal-button-foreground-color-error: var(--color-foreground-primary);
  --modal-link-foreground-color: var(--color-accent-primary);
  --modal-border-color: var(--color-background-quaternary);
  --modal-separator-background-color: var(--color-background-quaternary);
  --modal-navigator-foreground-color-rest: var(--color-background-quaternary);
  --modal-navigator-foreground-color-active: var(--color-accent-primary);
  --alert-background-color-default: var(--color-background-primary);
  --alert-text-foreground-color-default: var(--color-foreground-primary);
  --alert-icon-foreground-color-default: var(--color-foreground-primary);
  --alert-border-color-default: var(--color-background-quaternary);
  --alert-background-color-success: var(--color-background-success);
  --alert-text-foreground-color-success: var(--color-foreground-primary);
  --alert-icon-foreground-color-success: var(--color-accent-success);
  --alert-border-color-success: var(--color-accent-success);
  --alert-background-color-warning: var(--color-background-warning);
  --alert-text-foreground-color-warning: var(--color-foreground-primary);
  --alert-icon-foreground-color-warning: var(--color-accent-warning);
  --alert-border-color-warning: var(--color-accent-warning);
  --alert-background-color-error: var(--color-background-error);
  --alert-text-foreground-color-error: var(--color-foreground-primary);
  --alert-icon-foreground-color-error: var(--color-accent-error);
  --alert-border-color-error: var(--color-accent-error);
  --alert-background-color-info: var(--color-background-info);
  --alert-text-foreground-color-info: var(--color-foreground-primary);
  --alert-icon-foreground-color-info: var(--color-accent-info);
  --alert-border-color-info: var(--color-accent-info);
  --alert-text-foreground-color-focus: var(--color-accent-primary);
  --alert-border-color-focus: var(--color-accent-primary);
  --notification-foreground-color-default: var(--color-foreground-secondary);
  --element-foreground-warning: var(--status-color-warning-500);
  --element-foreground-error: var(--status-color-error-500);
  --status-widget-background-color-success: var(--status-color-success-500);
  --status-widget-background-color-warning: var(--status-color-warning-500);
  --status-widget-background-color-pending: var(--status-color-info-500);
  --status-widget-background-color-error: var(--status-color-error-500);
  --status-widget-icon-foreground-color: var(--color-background-primary);
  --search-bar-background-color: var(--color-background-primary);
  --search-bar-input-background-color: var(--color-background-tertiary);
  --search-bar-input-border-color: var(--color-background-tertiary);
  --search-bar-input-border-color-focus: var(--color-accent-primary);
  --search-bar-placeholder-foreground-color: var(--color-foreground-secondary);
  --search-bar-foreground-color: var(--color-foreground-primary);
  --search-bar-icon-foreground-color: var(--color-foreground-secondary);
  --search-bar-icon-foreground-color-hover: var(--color-accent-primary);
  --pill-background-color: var(--color-background-tertiary);
  --pill-foreground-color: var(--color-foreground-primary);
  --link-foreground-color: var(--color-accent-primary);
  --register-confirmation-color: var(--status-color-success-200);
  --resize-area-background-color: var(--color-background-primary);
  --resize-area-border-color: var(--color-border-secondary);
  --profile-section-background-color: var(--color-background-tertiary);
  --profile-foreground-color: var(--color-foreground-primary);
  --dashboard-list-background-color: var(--color-background-tertiary);
  --dashboard-list-foreground-color: var(--color-foreground-primary);
  --dashboard-list-text-foreground-color: var(--color-foreground-secondary);
  --communication-tag-background-color: var(--color-foreground-primary);
  --communication-tag-foreground-color: var(--color-background-tertiary);
  --viewer-background-color: var(--color-background-secondary);
  --viewer-paginator-background-color: var(--color-background-tertiary);
  --viewer-controls-background-color: var(--color-background-primary);
  --viewer-inspect-border-color: var(--color-background-tertiary);
  --viewer-thumbnails-control-foreground-color: var(--color-foreground-secondary);
  --viewer-thumbnail-border-color: var(--color-accent-primary);
  --viewer-thumbnail-background-color-selected: var(--color-accent-primary-muted);
  --text-editor-selection-background-color: var(--da-tertiary-70);
  --text-editor-selection-foreground-color: var(--app-white);
  --text-editor-caret-color: var(--app-black);
  --new-team-button-background-color: var(--color-background-primary);
  --sidebar-element-foreground-color: var(--color-foreground-secondary);
  --sidebar-element-background-color-hover: var(--color-background-secondary);
  --sidebar-element-foreground-color-hover: var(--color-accent-primary);
  --sidebar-element-background-color-selected: var(--color-background-quaternary);
  --sidebar-element-foreground-color-selected: var(--color-accent-primary);
}

body {
  font-family: "Tilda Sans", system-ui, sans-serif;
}

.main_ui_workspace_viewport__viewport {
  background-color: var(--panel-background-color);
}

.main_ui_workspace_sidebar_layer_item__layer-row:hover, .main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight {
  --layer-background-color: #2A2B2A;
  --shadow-color: #2A2B2A;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected {
  --layer-background-color: #474847;
  --shadow-color: #474847;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected:hover, .main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected.main_ui_workspace_sidebar_layer_item__highlight {
  --layer-background-color: #474847;
  --shadow-color: #474847;
}

.main_ui_workspace_sidebar_layer_item__parent-selected .main_ui_workspace_sidebar_layer_item__layer-row {
  --layer-background-color: #3B3C3C;
  --shadow-color: #3B3C3C;
}
.main_ui_workspace_sidebar_layer_item__parent-selected .main_ui_workspace_sidebar_layer_item__layer-row:hover,
.main_ui_workspace_sidebar_layer_item__parent-selected .main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight {
  --layer-background-color: #2A2B2A;
  --shadow-color: #2A2B2A;
}

.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__toggle-content {
  background-color: #474847;
}

.main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__toggle-element,
.main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__block-element,
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__toggle-element,
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__block-element {
  --layer-row-action-btn-background: #2A2B2A;
}

.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__toggle-element,
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__block-element {
  --layer-row-action-btn-background: #474847;
}

.main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__element-children,
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__element-children {
  --layer-background-color: #2A2B2A;
  --shadow-color: #2A2B2A;
}

.button-icon {
  color: var(--icon-foreground, currentColor);
}

.main_ui_workspace_sidebar_layer_item__toggle-content svg {
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__toggle-content svg {
  color: var(--color-accent-primary);
}

.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__type-comp .main_ui_workspace_sidebar_layer_item__toggle-content svg {
  color: var(--color-accent-secondary);
}

.main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__toggle-content svg,
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__toggle-content svg {
  color: var(--color-accent-primary);
}

:root {
  --left-sidebar-width: 430px;
}

@media (max-width: 2276px) {
  :root {
    --left-sidebar-width: 328px;
  }
}
@media (max-width: 1920px) {
  :root {
    --left-sidebar-width: 240px;
  }
}
@media (max-width: 1680px) {
  :root {
    --left-sidebar-width: 210px;
  }
}
@media (min-width: 2277px) {
  :root {
    --right-sidebar-width: 433px;
  }
  .main_ui_workspace_sidebar_options__design-options .variant-dense,
  .main_ui_workspace_sidebar_options__design-options .variant-seamless,
  .main_ui_workspace_sidebar_options__design-options .panel-title-text,
  .main_ui_workspace_sidebar_options__design-options .input-with-meta-container {
    font-size: 0.9375rem;
  }
}
@media (max-width: 1680px) {
  :root {
    --right-sidebar-width: 286px;
  }
  .main_ui_workspace_sidebar_options__design-options .variant-dense,
  .main_ui_workspace_sidebar_options__design-options .variant-seamless,
  .main_ui_workspace_sidebar_options__design-options .panel-title-text,
  .main_ui_workspace_sidebar_options__design-options .input-with-meta-container {
    font-size: 0.75rem;
  }
  .main_ui_workspace_sidebar_options_menus_bool__boolean-radio-btn
          .main_ui_components_radio_buttons__radio-icon {
    width: 25px;
    height: 25px;
  }
  .main_ui_workspace_sidebar_options__design-options .input-element {
    height: 25px;
    font-size: 0.625rem;
  }
  .main_ui_workspace_sidebar_options__design-options .input-with-label input {
    height: 25px;
    min-height: 25px;
  }
  .main_ui_workspace_sidebar_options__design-options .input-element-label,
  .main_ui_workspace_sidebar_options__design-options .title-placeholder {
    font-size: 0.625rem;
  }
}
.public-DraftEditor-content::-moz-selection, .public-DraftEditor-content *::-moz-selection, .DraftEditor-root::-moz-selection, .DraftEditor-root *::-moz-selection, .text-editor::-moz-selection, .text-editor *::-moz-selection {
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.public-DraftEditor-content::selection,
.public-DraftEditor-content *::selection,
.DraftEditor-root::selection,
.DraftEditor-root *::selection,
.text-editor::selection,
.text-editor *::selection {
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.public-DraftEditor-content::-moz-selection,
.public-DraftEditor-content *::-moz-selection,
.DraftEditor-root::-moz-selection,
.DraftEditor-root *::-moz-selection,
.text-editor::-moz-selection,
.text-editor *::-moz-selection {
  color: transparent;
}
/* Contrast brand tokens */
@font-face {
  font-family: "Tilda Sans";
  src: url("/fonts/TildaSans-VF.woff2") format("woff2"), url("/fonts/TildaSans-VF.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --contrast-bg: #181A19;
  --contrast-primary: #47FFCE;
  --contrast-secondary: #535353;
  --contrast-input-bg: #2E3434;
  --contrast-text: #FFFFFF;
  --contrast-text-muted: #D1D1D1;
  --contrast-border: #47FFCE;
  --contrast-logo-bg: #D9D9D9;
  --contrast-font: 'Tilda Sans', system-ui, sans-serif;
  --contrast-font-body: 'Inter', system-ui, sans-serif;
}
@keyframes c592f268a30af {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.c89a7b37c540b {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.c89a7b37c540b:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.c89a7b37c540b ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.c89a7b37c540b ::-webkit-scrollbar-track,
.c89a7b37c540b ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.c89a7b37c540b ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 8px;
}
.c89a7b37c540b ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.c89a7b37c540b ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c89a7b37c540b ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.c89a7b37c540b ::placeholder,
.c89a7b37c540b ::-webkit-input-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.cfc1a6092cd6d, .c5153c6c88bff, .c830c41420b46 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  background-color: var(--button-primary-background-color-rest);
  border: 1px solid var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
  border-radius: 8px;
  min-height: 1.875rem;
}
.cfc1a6092cd6d svg, .c5153c6c88bff svg, .c830c41420b46 svg,
.cfc1a6092cd6d span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.cfc1a6092cd6d:focus-visible, .c5153c6c88bff:focus-visible, .c830c41420b46:focus-visible {
  outline: none;
  background-color: var(--button-primary-background-color-focus);
  border: 1px solid var(--button-primary-border-color-focus);
  color: var(--button-primary-foreground-color-focus);
}
.cfc1a6092cd6d:focus-visible svg, .c5153c6c88bff:focus-visible svg, .c830c41420b46:focus-visible svg,
.cfc1a6092cd6d:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.cfc1a6092cd6d:hover, .c5153c6c88bff:hover, .c830c41420b46:hover {
  background-color: var(--button-primary-background-color-hover);
  border: 1px solid var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
  text-decoration: none;
}
.cfc1a6092cd6d:hover svg, .c5153c6c88bff:hover svg, .c830c41420b46:hover svg,
.cfc1a6092cd6d:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.cfc1a6092cd6d:active, .c5153c6c88bff:active, .c830c41420b46:active {
  background-color: var(--button-primary-background-color-active);
  border: 1px solid var(--button-primary-border-color-active);
  color: var(--button-primary-foreground-color-active);
  outline: none;
}
.cfc1a6092cd6d:active svg, .c5153c6c88bff:active svg, .c830c41420b46:active svg,
.cfc1a6092cd6d:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.cfc1a6092cd6d.disabled, .c5153c6c88bff.disabled, .c830c41420b46.disabled, .cfc1a6092cd6d[disabled], [disabled].c5153c6c88bff, [disabled].c830c41420b46, .cfc1a6092cd6d:disabled, .c5153c6c88bff:disabled, .c830c41420b46:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.cdb8bcd528c3a, .c5d037f1ef0ae {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cdb8bcd528c3a svg, .c5d037f1ef0ae svg,
.cdb8bcd528c3a span svg {
  color: var(--button-secondary-foreground-color-rest);
  stroke: none;
}
.cdb8bcd528c3a:focus-visible, .c5d037f1ef0ae:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.cdb8bcd528c3a:focus-visible svg, .c5d037f1ef0ae:focus-visible svg,
.cdb8bcd528c3a:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.cdb8bcd528c3a:hover, .c5d037f1ef0ae:hover {
  background-color: var(--button-secondary-background-color-hover);
  border: 1px solid var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
  text-decoration: none;
}
.cdb8bcd528c3a:hover svg, .c5d037f1ef0ae:hover svg,
.cdb8bcd528c3a:hover span svg {
  color: var(--button-secondary-foreground-color-hover);
  stroke: none;
}
.cdb8bcd528c3a:active, .c5d037f1ef0ae:active {
  outline: none;
  background-color: var(--button-secondary-background-color-active);
  border: 1px solid var(--button-secondary-border-color-active);
  color: var(--button-secondary-foreground-color-active);
}
.cdb8bcd528c3a:active svg, .c5d037f1ef0ae:active svg,
.cdb8bcd528c3a:active span svg {
  color: var(--button-secondary-foreground-color-active);
  stroke: none;
}
.cdb8bcd528c3a.disabled, .c5d037f1ef0ae.disabled, .cdb8bcd528c3a[disabled], [disabled].c5d037f1ef0ae, .cdb8bcd528c3a:disabled, .c5d037f1ef0ae:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c4313fa0b2009 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--button-dark-background-color-rest);
  border: 1px solid var(--button-dark-border-color-rest);
  color: var(--button-dark-foreground-color-rest);
}
.c4313fa0b2009 svg,
.c4313fa0b2009 span svg {
  stroke: var(--button-dark-foreground-color-rest);
}
.c4313fa0b2009:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.c4313fa0b2009:focus-visible svg,
.c4313fa0b2009:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.c4313fa0b2009:hover {
  background-color: var(--button-dark-background-color-hover);
  border: 1px solid var(--button-dark-border-color-hover);
  color: var(--button-dark-foreground-color-hover);
  text-decoration: none;
}
.c4313fa0b2009:hover svg,
.c4313fa0b2009:hover span svg {
  stroke: var(--button-dark-foreground-color-hover);
}
.c4313fa0b2009:active {
  outline: none;
  background-color: var(--button-dark-background-color-active);
  border: 1px solid var(--button-dark-border-color-active);
  color: var(--button-dark-foreground-color-active);
}
.c4313fa0b2009:active svg,
.c4313fa0b2009:active span svg {
  stroke: var(--button-dark-foreground-color-active);
}
.c4313fa0b2009.disabled, .c4313fa0b2009[disabled], .c4313fa0b2009:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c5bd82d2de50f, .cb005e81096ca, .ce0ef0dffd840 button, .cb7f203053a38 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 8px;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.c5bd82d2de50f svg, .cb005e81096ca svg, .ce0ef0dffd840 button svg, .cb7f203053a38 svg,
.c5bd82d2de50f span svg {
  color: var(--button-tertiary-foreground-color-rest);
}
.c5bd82d2de50f:focus-visible, .cb005e81096ca:focus-visible, .ce0ef0dffd840 button:focus-visible, .cb7f203053a38:focus-visible {
  outline: none;
  background-color: var(--button-tertiary-background-color-focus);
  border: 1px solid var(--button-tertiary-border-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
}
.c5bd82d2de50f:focus-visible svg, .cb005e81096ca:focus-visible svg, .ce0ef0dffd840 button:focus-visible svg, .cb7f203053a38:focus-visible svg,
.c5bd82d2de50f:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.c5bd82d2de50f:hover, .cb005e81096ca:hover, .ce0ef0dffd840 button:hover, .cb7f203053a38:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.c5bd82d2de50f:hover svg, .cb005e81096ca:hover svg, .ce0ef0dffd840 button:hover svg, .cb7f203053a38:hover svg,
.c5bd82d2de50f:hover span svg {
  color: var(--button-tertiary-foreground-color-hover);
}
.c5bd82d2de50f:active, .cb005e81096ca:active, .ce0ef0dffd840 button:active, .cb7f203053a38:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.c5bd82d2de50f:active svg, .cb005e81096ca:active svg, .ce0ef0dffd840 button:active svg, .cb7f203053a38:active svg,
.c5bd82d2de50f:active span svg {
  color: var(--button-tertiary-foreground-color-active);
}
.c5bd82d2de50f.disabled, .cb005e81096ca.disabled, .ce0ef0dffd840 button.disabled, .cb7f203053a38.disabled, .c5bd82d2de50f[disabled], [disabled].cb005e81096ca, .ce0ef0dffd840 button[disabled], [disabled].cb7f203053a38, .c5bd82d2de50f:disabled, .cb005e81096ca:disabled, .ce0ef0dffd840 button:disabled, .cb7f203053a38:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.c5bd82d2de50f.disabled svg, .cb005e81096ca.disabled svg, .ce0ef0dffd840 button.disabled svg, .cb7f203053a38.disabled svg,
.c5bd82d2de50f.disabled span svg, .c5bd82d2de50f[disabled] svg, [disabled].cb005e81096ca svg, .ce0ef0dffd840 button[disabled] svg, [disabled].cb7f203053a38 svg,
.c5bd82d2de50f[disabled] span svg, .c5bd82d2de50f:disabled svg, .cb005e81096ca:disabled svg, .ce0ef0dffd840 button:disabled svg, .cb7f203053a38:disabled svg,
.c5bd82d2de50f:disabled span svg {
  color: var(--button-foreground-color-disabled);
}

.cf3ef9eaf712d {
  outline: none;
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}
.cf3ef9eaf712d svg {
  color: var(--button-icon-foreground-color-selected);
}

.c42dd562ea617 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.c42dd562ea617 svg,
.c42dd562ea617 span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.c42dd562ea617:focus-visible {
  outline: none;
  background-color: var(--button-radio-background-color-focus);
  border: 1px solid var(--button-radio-border-color-focus);
  color: var(--button-radio-foreground-color-focus);
}
.c42dd562ea617:focus-visible svg,
.c42dd562ea617:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.c42dd562ea617:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.c42dd562ea617:hover svg,
.c42dd562ea617:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.c42dd562ea617:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.c42dd562ea617:active svg,
.c42dd562ea617:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.c17096c7866d6 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-warning-background-color-rest);
  border: 1px solid var(--button-warning-border-color-rest);
  color: var(--button-warning-foreground-color-rest);
}

.c84fe40bce554 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.c30ae335da85c {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c30ae335da85c:focus-visible {
  outline: none;
  background-color: var(--button-background-color-focus);
  border: 1px solid var(--button-border-color-focus);
  color: var(--button-foreground-color-focus);
}
.c30ae335da85c:focus-visible svg,
.c30ae335da85c:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.c30ae335da85c:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.c30ae335da85c:active {
  border: none;
  background-color: transparent;
}

.c7c4d60a0f0c2, .cb005e81096ca .cf37b5555751c, .cb7f203053a38 svg, .cae3181cc57fe, .cb1e31792d753 span svg, .ce0ef0dffd840 button svg, .cc642b7ec57ac.intermediate svg, .c1ea4c7a9a4f7 label span.intermediate svg, .cc642b7ec57ac.checked svg, .c1ea4c7a9a4f7 label span.checked svg, .c1e1947700990 span svg,
.c1e1947700990 label svg, .c6a7dcedc8c2b svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke-width: 1px;
  stroke: none;
}

.cbda4b8ea5490 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5625rem;
  width: 1.5625rem;
  fill: none;
  stroke: none;
  stroke-width: 1px;
}
.cbda4b8ea5490:hover {
  fill: none;
  stroke: none;
}

.cae3181cc57fe, .cb1e31792d753 span svg, .ce0ef0dffd840 button svg, .cc642b7ec57ac.intermediate svg, .c1ea4c7a9a4f7 label span.intermediate svg, .cc642b7ec57ac.checked svg, .c1ea4c7a9a4f7 label span.checked svg, .c1e1947700990 span svg,
.c1e1947700990 label svg, .c6a7dcedc8c2b svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.cc9a60bd3ab07 {
  border: none;
  background: none;
  cursor: pointer;
  width: 1.875rem;
  height: 0.25rem;
  border-radius: 8px;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.cc9a60bd3ab07:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.cc8b8dcb0c989, .c545e2b427f4c input, .cc259fd910fe7 input, .c1e1947700990 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
}
@media (max-width: 1680px) {
  .cc8b8dcb0c989, .c545e2b427f4c input, .cc259fd910fe7 input, .c1e1947700990 input {
    height: 23px;
  }
}
.cc8b8dcb0c989, .c545e2b427f4c input, .cc259fd910fe7 input, .c1e1947700990 input {
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 8px;
  color: var(--input-foreground-color-active);
}
.cc8b8dcb0c989[disabled], .c545e2b427f4c input[disabled], .cc259fd910fe7 input[disabled], .c1e1947700990 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.c6a7dcedc8c2b {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 1.875rem;
}
.c8a15a021bbb2, .c1e1947700990 span,
.c1e1947700990 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c8a15a021bbb2, .c1e1947700990 span,
  .c1e1947700990 label {
    height: 25px;
  }
}
.c8a15a021bbb2, .c1e1947700990 span,
.c1e1947700990 label {
  color: var(--input-foreground-color);
}

.c1e1947700990 {
  display: flex;
  align-items: center;
  height: 1.875rem;
}
@media (max-width: 1680px) {
  .c1e1947700990 {
    height: 25px;
    font-size: 10px;
  }
}
.c1e1947700990 {
  border-radius: 8px;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.c1e1947700990 span svg,
.c1e1947700990 label svg {
  color: var(--input-foreground-color);
}
.c1e1947700990 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.c1e1947700990 ::placeholder {
  color: var(--input-placeholder-color);
}
.c1e1947700990:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c1e1947700990:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.c1e1947700990:hover span {
  color: var(--input-foreground-color-hover);
}
.c1e1947700990:hover input {
  color: var(--input-foreground-color-hover);
}
.c1e1947700990:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.c1e1947700990:active span {
  color: var(--input-foreground-color-active);
}
.c1e1947700990:active input {
  color: var(--input-foreground-color-active);
}
.c1e1947700990:focus, .c1e1947700990:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1e1947700990:focus span, .c1e1947700990:focus-within span {
  color: var(--input-foreground-color-focus);
}
.c1e1947700990:focus input, .c1e1947700990:focus-within input {
  color: var(--input-foreground-color-focus);
}
.c1e1947700990:focus:hover, .c1e1947700990:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.c1e1947700990:focus:hover span, .c1e1947700990:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.c1e1947700990:focus:hover input, .c1e1947700990:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.cc259fd910fe7 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.cc259fd910fe7 input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 1.875rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.cc259fd910fe7 ::-moz-placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc259fd910fe7 ::placeholder {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.cc259fd910fe7:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.cc259fd910fe7:focus-within input, .cc259fd910fe7:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.c8254120bb5a4, .c545e2b427f4c.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.c8254120bb5a4 input, .c545e2b427f4c.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.c8254120bb5a4 span svg, .c545e2b427f4c.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.cc642b7ec57ac, .c1ea4c7a9a4f7 label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
  min-width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: var(--input-checkbox-background-color-rest);
  border-radius: 4px;
}
.cc642b7ec57ac svg, .c1ea4c7a9a4f7 label span svg {
  width: 0.9375rem;
  height: 0.9375rem;
  display: none;
  color: var(--input-checkbox-inactive-foreground-color);
}
.cc642b7ec57ac:hover, .c1ea4c7a9a4f7 label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.cc642b7ec57ac:focus, .c1ea4c7a9a4f7 label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.cc642b7ec57ac.checked, .c1ea4c7a9a4f7 label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.cc642b7ec57ac.checked svg, .c1ea4c7a9a4f7 label span.checked svg {
  color: var(--input-checkbox-foreground-color-active);
}
.cc642b7ec57ac.intermediate, .c1ea4c7a9a4f7 label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.cc642b7ec57ac.intermediate svg, .c1ea4c7a9a4f7 label span.intermediate svg {
  color: var(--input-checkbox-foreground-color-intermediate);
}
.cc642b7ec57ac.unchecked, .c1ea4c7a9a4f7 label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.cc642b7ec57ac.unchecked svg, .c1ea4c7a9a4f7 label span.unchecked svg {
  display: none;
}

.c1ea4c7a9a4f7 {
  display: flex;
  align-items: center;
}
.c1ea4c7a9a4f7 label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.c1ea4c7a9a4f7 label input {
  margin: 0;
}
.c1ea4c7a9a4f7 label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.c1ea4c7a9a4f7 label:focus span, .c1ea4c7a9a4f7 label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.c545e2b427f4c {
  display: flex;
  flex-direction: column;
}
.c545e2b427f4c label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.c545e2b427f4c input {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  height: 1.875rem;
  min-height: 1.875rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.c545e2b427f4c input:focus-within input, .c545e2b427f4c input:active input {
  color: var(--input-foreground-color-active);
}
.c545e2b427f4c input:focus-within, .c545e2b427f4c input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.c545e2b427f4c.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.c3e344951dbbd {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.cff7ae3688c65 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: var(--overlay-color);
}

.ca657cbaa789b {
  position: relative;
  padding: 1.875rem;
  border-radius: 8px;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
  min-width: 22.75rem;
  min-height: 12rem;
  max-width: 32rem;
  max-height: 32rem;
}

.cb7f203053a38 {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 1.875rem;
  width: 1.75rem;
}
.c4911c2b8928d {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
  border-top: 1px solid var(--modal-hint-border-color);
  border-bottom: 1px solid var(--modal-hint-border-color);
}

.cee0b5167c5c0 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.c5d037f1ef0ae {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c830c41420b46 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
}

.c5153c6c88bff {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  height: 1.875rem;
  margin: 0;
  background-color: var(--modal-button-background-color-error);
  border: 1px solid var(--modal-button-background-color-error);
  color: var(--modal-button-foreground-color-error);
}

.cea467e7a0557 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--assets-item-name-foreground-color-hover);
}
.cea467e7a0557:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.c4f119ac4ab32 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.c48fc4ff18751 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 6px;
  background-color: var(--menu-shortcut-background-color);
}

.ce022ff2ac500 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  height: 1.875rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.c74c4801bbf00 {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.cc2ec2277b4b3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 50%;
  transform: translate(calc(-1 * 0.75rem), calc(-1 * 0.75rem));
  z-index: 1;
}
.cc2ec2277b4b3:hover, .cc2ec2277b4b3:active {
  border-color: var(--colorpicker-details-color-selected);
}

.ce0ef0dffd840 div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.ce0ef0dffd840 button {
  display: none;
}
.ce0ef0dffd840 button svg {
  stroke: var(--icon-foreground);
}
.ce0ef0dffd840:hover button {
  display: flex;
}

.c69afa9325079 {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 1fr 3fr;
  gap: 0.25rem;
  height: 1.875rem;
}
.c69afa9325079 .attr-label {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 5.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.c69afa9325079 .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.c397651fe35ee {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.c397651fe35ee:hover div {
  color: var(--entry-foreground-color-hover);
}

.cc1653f141f6e {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  padding: 0.25rem;
  border-radius: 8px;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-dark-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.cd085bd2fcac8 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 8px;
  cursor: pointer;
}
.cd085bd2fcac8:hover {
  background-color: var(--menu-background-color-hover);
}

.cb1e31792d753 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.cb1e31792d753 span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cb1e31792d753 span svg {
  stroke: var(--icon-foreground);
}
.cb1e31792d753:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.cb1e31792d753:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.ce42915cb98c2 {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 8px;
  z-index: 4;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--menu-background-color);
  color: var(--menu-foreground-color);
  border: 0.125rem solid var(--panel-border-color);
}

.c6e0876a2f1f2 {
  font-family: "Tilda Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.c3aaec353e401,
.c18f92d87ed14 {
  transform-origin: top left;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.ca8c331d1c8b8 .c3aaec353e401,
.ca8c331d1c8b8 .c18f92d87ed14 {
  transform: scale(1);
}

.c0d88a006a891 .c3aaec353e401,
.c0d88a006a891 .c18f92d87ed14 {
  transform: scale(0);
}

.c579f06f9e9ac {
  --actions-toolbar-position-y: 1.75rem;
  --actions-toolbar-offset-y: 0.375rem;
  cursor: initial;
  pointer-events: initial;
  position: absolute;
  top: calc(var(--actions-toolbar-position-y) + var(--actions-toolbar-offset-y) + 0.75rem);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  height: 4.375rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  gap: 1rem;
  border: 0.125rem solid var(--panel-border-color);
  z-index: 3;
  background-color: var(--color-background-primary);
}

.cd14dfa89f499 {
  --actions-toolbar-position-y: 0px;
}

.c5215e5556661 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
}

.cb005e81096ca {
  --pathbar-icon-color: var(--color-select-text);
  height: 3.375rem;
  width: 3.375rem;
  flex-shrink: 0;
  background-color: transparent;
  border-radius: 0.5rem;
  border: none;
  margin: 0 0.125rem;
}
.cb005e81096ca .cf37b5555751c {
  stroke: none;
  height: 1.4375rem;
  width: 1.9375rem;
  color: var(--pathbar-icon-color);
}
.cb005e81096ca:hover svg, .cb005e81096ca:active svg {
  stroke: none;
  color: var(--button-tertiary-foreground-color-hover);
}

.c1cd28ce49baa {
  box-sizing: border-box;
  min-width: 5.25rem;
  height: 2.5rem;
  padding: 0 1rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.cf8bb36a36a37 {
  background-color: var(--button-secondary-background-color-rest);
  border-color: var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.cf8bb36a36a37:hover {
  background-color: var(--button-secondary-background-color-hover);
  border-color: var(--button-secondary-border-color-hover);
  color: var(--button-secondary-foreground-color-hover);
}

.cc402cba25fe4 {
  background-color: var(--button-primary-background-color-rest);
  border-color: var(--button-primary-border-color-rest);
  color: var(--button-primary-foreground-color-rest);
}
.cc402cba25fe4:hover {
  background-color: var(--button-primary-background-color-hover);
  border-color: var(--button-primary-border-color-hover);
  color: var(--button-primary-foreground-color-hover);
}

@media (max-width: 1920px) {
  .c579f06f9e9ac {
    height: 60px;
  }
  .cb005e81096ca {
    height: 44px;
    width: 44px;
  }
  .cb005e81096ca .cf37b5555751c {
    height: 23px;
    width: 23px;
  }
}
@media (max-width: 1680px) {
  .c579f06f9e9ac {
    height: 56px;
  }
  .cb005e81096ca {
    height: 40px;
    width: 40px;
  }
  .cb005e81096ca .cf37b5555751c {
    height: 21px;
    width: 21px;
  }
}
/* Contrast global theme overrides */
:root {
  --db-primary-60: rgba(24, 24, 26, 0.6);
  --df-secondary: #8f9da3;
  --df-secondary-40: rgba(143, 157, 163, 0.4);
  --da-tertiary-10: rgba(0, 209, 184, 0.1);
  --da-tertiary-70: rgba(0, 209, 184, 0.7);
  --lb-primary-60: rgba(255, 255, 255, 0.6);
  --lb-quaternary: #eef0f2;
  --lf-secondary-40: rgba(73, 94, 116, 0.4);
  --la-tertiary-10: rgba(140, 51, 235, 0.1);
  --la-tertiary-70: rgba(140, 51, 235, 0.7);
  --status-color-success-200: #a7e8d9;
  --status-color-success-500: #2d9f8f;
  --status-color-warning-500: #f5a91b;
  --status-color-error-500: #ff3277;
  --status-color-info-500: #0e9be9;
  --app-white: #ffffff;
  --app-black: #000000;
  --color-background-disabled: var(--df-secondary);
  --color-foreground-disabled: #747475;
  --color-accent-tertiary-muted: var(--da-tertiary-10);
  --overlay-color: var(--db-primary-60);
}

.default {
  --color-accent-primary: #47FFCE;
  --color-accent-primary-muted: #747475;
  --color-accent-tertiary: #2fd4aa;
  --color-foreground-primary: #ffffff;
  --color-foreground-secondary: #D1D1D1;
  --color-foreground-third: #535353;
  --color-border-secondary: #535353;
  --color-button-primary: #D1D1D1;
  --color-button-secondary: #535353;
  --color-button-text: #A0A2A2;
  --color-select-text: #D1D1D1;
  --f: #2E3434;
  --layer-row-background-color-selected: rgba(83, 83, 83, 0.4);
  --layer-row-background-color-selected-hover: rgba(83, 83, 83, 0.6);
  --layer-row-foreground-color-selected: #47FFCE;
  --color-background-primary: #181A19;
  --color-background-secondary: #000000;
  --color-background-tertiary: #535353;
  --color-background-quaternary: #2E3434;
  --color-background-fifty: #2A2B2A;
  --color-background-default: #181A19;
  --color-background-disabled: #535353;
  --color-background-success: #0a2927;
  --color-background-warning: #3d2501;
  --color-background-error: #500124;
  --color-background-info: #082c49;
  --color-foreground-error: #ff3277;
  --color-accent-secondary: #bb97d8;
  --color-accent-quaternary: #ff6fe0;
  --color-accent-overlay: #7efff599;
  --color-accent-select: #00d1b81a;
  --color-accent-action: #bb97d8;
  --color-accent-action-hover: #a977d1;
  --color-accent-off: #f3f4f6;
  --color-accent-success: #2d9f8f;
  --color-accent-warning: #fe9c07;
  --color-accent-error: #c80857;
  --color-accent-info: #0e9be9;
  --color-accent-default: #535353;
  --color-icon-default: #8f9da3;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-shadow-light: rgba(0, 0, 0, 0.3);
  --color-overlay-default: rgba(24, 26, 25, 0.6);
  --color-overlay-onboarding: rgba(24, 26, 25, 0.9);
  --color-static-white: #ffffff;
  --color-static-black: #000000;
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
  --color-badge-premium: #fedeac;
  --canvas-background-color: var(--color-background-primary);
  --canvas-fill-color: var(--color-canvas);
  --scrollbar-background-color: var(--color-foreground-secondary);
  --panel-background-color: var(--color-background-primary);
  --panel-border-color: var(--color-background-quaternary);
  --app-background: var(--color-background-primary);
  --loader-background: var(--color-background-primary);
  --button-foreground-hover: var(--color-accent-primary);
  --button-background-color-focus: var(--color-background-secondary);
  --button-foreground-color-focus: var(--color-foreground-primary);
  --button-border-color-focus: var(--color-accent-primary);
  --button-foreground-color-disabled: var(--color-foreground-disabled);
  --button-background-color-disabled: var(--color-background-quaternary);
  --button-border-color-disabled: var(--color-background-quaternary);
  --button-primary-background-color-rest: var(--color-accent-primary);
  --button-primary-border-color-rest: var(--color-accent-primary);
  --button-primary-foreground-color-rest: var(--color-background-secondary);
  --button-primary-background-color-hover: var(--color-accent-tertiary);
  --button-primary-border-color-hover: var(--color-accent-tertiary);
  --button-primary-foreground-color-hover: var(--color-background-secondary);
  --button-primary-background-color-active: var(--color-background-secondary);
  --button-primary-border-color-active: var(--color-background-secondary);
  --button-primary-foreground-color-active: var(--color-accent-primary);
  --button-primary-background-color-focus: var(--color-background-tertiary);
  --button-primary-border-color-focus: var(--color-accent-primary);
  --button-primary-foreground-color-focus: var(--color-foreground-secondary);
  --button-secondary-background-color-rest: #2A2B2A;
  --button-secondary-border-color-rest: #2A2B2A;
  --button-secondary-foreground-color-rest: var(--color-foreground-secondary);
  --button-secondary-background-color-hover: var(--color-background-quaternary);
  --button-secondary-border-color-hover: var(--color-background-quaternary);
  --button-secondary-foreground-color-hover: var(--color-accent-primary);
  --button-secondary-background-color-active: var(--color-background-secondary);
  --button-secondary-border-color-active: var(--color-background-quaternary);
  --button-secondary-foreground-color-active: var(--color-accent-primary);
  --button-secondary-background-color-focus: #2A2B2A;
  --button-secondary-border-color-focus: var(--color-accent-primary);
  --button-secondary-foreground-color-focus: var(--color-foreground-secondary);
  --button-dark-background-color-rest: red;
  --button-dark-border-color-rest: #2A2B2A;
  --button-dark-foreground-color-rest: var(--color-foreground-dark);
  --button-dark-background-color-hover: var(--color-background-quaternary);
  --button-dark-border-color-hover: var(--color-background-quaternary);
  --button-dark-foreground-color-hover: var(--color-accent-primary);
  --button-dark-background-color-active: var(--color-background-dark);
  --button-dark-border-color-active: var(--color-background-quaternary);
  --button-dark-foreground-color-active: var(--color-accent-primary);
  --button-dark-background-color-focus: #2A2B2A;
  --button-dark-border-color-focus: var(--color-accent-primary);
  --button-dark-foreground-color-focus: var(--color-foreground-secondary);
  --button-tertiary-foreground-color-rest: var(--color-foreground-third);
  --button-tertiary-background-color-hover: var(--color-background-quaternary);
  --button-tertiary-border-color-hover: var(--color-background-quaternary);
  --button-tertiary-foreground-color-hover: var(--color-accent-primary);
  --button-tertiary-background-color-active: var(--color-background-secondary);
  --button-tertiary-border-color-active: var(--color-background-quaternary);
  --button-tertiary-foreground-color-active: var(--color-accent-primary);
  --button-tertiary-background-color-focus: var(--color-background-tertiary);
  --button-tertiary-border-color-focus: var(--color-accent-primary);
  --button-tertiary-foreground-color-focus: var(--color-foreground-primary);
  --expand-button-icon-border-width: 0;
  --expand-button-icon-border-width-selected: 0;
  --button-icon-foreground-color: var(--color-foreground-secondary);
  --button-icon-foreground-color-hover: var(--color-foreground-secondary);
  --button-icon-background-color-selected: var(--color-background-quaternary);
  --button-icon-foreground-color-selected: var(--color-accent-primary);
  --button-icon-border-color-selected: var(--color-background-quaternary);
  --button-radio-background-color-rest: var(--color-background-tertiary);
  --button-radio-border-color-rest: var(--color-background-tertiary);
  --button-radio-foreground-color-rest: var(--color-foreground-secondary);
  --button-radio-border-color-hover: var(--color-background-quaternary);
  --button-radio-foreground-color-hover: var(--color-accent-primary);
  --button-radio-background-color-active: var(--color-background-quaternary);
  --button-radio-border-color-active: var(--color-background-quaternary);
  --button-radio-foreground-color-active: var(--color-accent-primary);
  --button-radio-background-color-focus: var(--color-background-tertiary);
  --button-radio-border-color-focus: var(--color-accent-primary);
  --button-radio-foreground-color-focus: var(--color-foreground-secondary);
  --button-warning-background-color-rest: var(--status-color-warning-500);
  --button-warning-border-color-rest: var(--status-color-warning-500);
  --button-warning-foreground-color-rest: var(--color-background-secondary);
  --button-disabled-background-color-rest: var(--color-background-disabled);
  --button-disabled-border-color-rest: var(--color-background-disabled);
  --button-disabled-foreground-color-rest: var(--color-foreground-disabled);
  --button-constraint-background-color-rest: var(--color-foreground-secondary);
  --button-constraint-border-color-rest: var(--color-background-tertiary);
  --button-constraint-border-color-hover: var(--color-accent-primary-muted);
  --button-constraint-background-color-hover: var(--color-accent-primary);
  --constraint-widget-background-color: var(--color-background-fifty);
  --constraint-center-area-background-color: var(--color-background-primary);
  --tabs-background-color: var(--color-background-secondary);
  --tab-background-color-hover: var(--color-background-primary);
  --tab-background-color-selected: var(--color-background-quaternary);
  --tab-foreground-color: var(--color-foreground-secondary);
  --tab-foreground-color-hover: var(--color-foreground-primary);
  --tab-foreground-color-selected: var(--color-accent-primary);
  --tab-border-color: var(--color-background-secondary);
  --tab-border-color-selected: var(--color-background-secondary);
  --title-background-color: var(--color-background-primary);
  --title-foreground-color: var(--color-foreground-secondary);
  --title-foreground-color-hover: var(--color-foreground-primary);
  --layer-row-background-color: var(--color-background-primary);
  --layer-row-background-color-hover: var(--color-background-secondary);
  --layer-row-background-color-drag: var(--color-background-quaternary);
  --layer-row-foreground-color: var(--color-foreground-secondary);
  --layer-row-foreground-color-hover: var(--color-accent-primary);
  --layer-row-foreground-color-drag: var(--color-accent-tertiary);
  --layer-row-foreground-color-focus: var(--color-foreground-primary);
  --layer-row-foreground-color-placeholder: var(--color-foreground-secondary);
  --layer-row-border-color-focus: var(--color-accent-primary);
  --layer-child-row-background-color: var(--color-background-tertiary);
  --layer-child-row-foreground-color: var(--color-foreground-secondary);
  --layer-row-component-foreground-color: var(--color-accent-secondary);
  --palette-background-color: var(--color-background-primary);
  --palette-btn-background-color-selected: var(--color-background-secondary);
  --palette-btn-border-color-selected: var(--color-background-quaternary);
  --palette-btn-foreground-color-selected: var(--color-accent-primary);
  --palette-text-color: var(--color-foreground-secondary);
  --palette-text-color-selected: var(--color-foreground-primary);
  --palette-text-background-color: var(--color-background-tertiary);
  --palette-text-background-color-hover: var(--color-background-quaternary);
  --palette-button-shadow-initial: var(--color-background-primary);
  --palette-button-shadow-final: transparent;
  --palette-handler-background-color: var(--color-background-quaternary);
  --color-bullet-background-color: var(--app-white);
  --color-bullet-border-color: var(--color-background-quaternary);
  --color-bullet-border-color-selected: var(--color-accent-primary);
  --icon-foreground: var(--color-foreground-third);
  --main-icon-foreground: var(--color-foreground-primary);
  --icon-foreground-hover: var(--color-foreground-primary);
  --icon-foreground-accept: var(--status-color-success-500);
  --icon-foreground-discard: var(--status-color-error-500);
  --icon-foreground-active: var(--color-accent-primary);
  --icon-foreground-selected: var(--color-accent-tertiary);
  --input-placeholder-color: var(--color-foreground-secondary);
  --input-background-color: var(--color-background-fifty);
  --input-foreground-color: var(--color-foreground-secondary);
  --input-border-color: var(--color-background-fifty);
  --input-background-color-rest: var(--color-background-tertiary);
  --input-foreground-color-rest: var(--color-foreground-primary);
  --input-border-color-rest: var(--color-background-tertiary);
  --input-background-color-hover: var(--color-background-quaternary);
  --input-foreground-color-hover: var(--color-foreground-primary);
  --input-border-color-hover: var(--color-background-quaternary);
  --input-background-color-focus: transparent;
  --input-foreground-color-focus: var(--color-foreground-primary);
  --input-border-color-focus: var(--color-accent-primary);
  --input-background-color-active: var(--color-background-primary);
  --input-foreground-color-active: var(--color-foreground-primary);
  --input-border-outline-color-active: var(--color-accent-primary-muted);
  --input-border-color-active: var(--color-accent-primary);
  --input-background-color-disabled: var(--color-background-primary);
  --input-foreground-color-disabled: var(--color-foreground-secondary);
  --input-border-color-disabled: var(--color-background-quaternary);
  --input-border-color-error: var(--status-color-error-500);
  --input-border-color-success: var(--color-accent-primary);
  --input-details-color: var(--color-background-primary);
  --input-checkbox-background-color-rest: var(--color-background-quaternary);
  --input-checkbox-border-color-rest: var(--color-foreground-secondary);
  --input-checkbox-border-color-active: var(--color-background-quaternary);
  --input-checkbox-border-color-focus: var(--color-accent-primary);
  --input-checkbox-border-color: var(--color-background-secondary);
  --input-checkbox-border-color-hover: var(--color-accent-primary-muted);
  --input-checkbox-background-color-intermediate: var(--color-foreground-secondary);
  --input-checkbox-border-color-intermediate: var(--color-foreground-secondary);
  --input-checkbox-foreground-color-intermediate: var(--color-background-secondary);
  --input-checkbox-inactive-background-color: var(--color-foreground-secondary);
  --input-checkbox-inactive-foreground-color: var(--color-background-primary);
  --input-checkbox-background-color-active: var(--color-accent-primary);
  --input-checkbox-foreground-color-active: var(--color-background-primary);
  --input-checkbox-text-foreground-color: var(--color-foreground-secondary);
  --menu-background-color: var(--color-background-fifty);
  --menu-foreground-color: var(--color-foreground-primary);
  --menu-icon-foreground-color: var(--color-foreground-secondary);
  --menu-background-color-selected: var(--color-background-tertiary);
  --menu-background-color-hover: var(--color-background-quaternary);
  --menu-foreground-color-hover: var(--color-foreground-primary);
  --menu-background-color-focus: var(--color-background-tertiary);
  --menu-foreground-color-focus: var(--color-foreground-primary);
  --menu-foreground-color-rest: var(--color-foreground-secondary);
  --menu-border-color-focus: var(--color-accent-primary);
  --menu-shortcut-background-color: var(--color-background-primary);
  --menu-shortcut-foreground-color: var(--color-foreground-secondary);
  --menu-shortcut-foreground-color-selected: var(--color-foreground-primary);
  --menu-shortcut-foreground-color-hover: var(--color-foreground-primary);
  --menu-shadow-color: var(--color-shadow-dark);
  --menu-background-color-disabled: var(--color-background-primary);
  --menu-foreground-color-disabled: var(--color-foreground-secondary);
  --menu-border-color-disabled: var(--color-background-quaternary);
  --menu-dark-background-color: var(--color-background-primary);
  --menu-dark-foreground-color: var(--color-foreground-primary);
  --menu-dark-icon-foreground-color: var(--color-foreground-secondary);
  --menu-dark-background-color-selected: var(--color-background-tertiary);
  --menu-dark-background-color-hover: var(--color-background-quaternary);
  --menu-dark-foreground-color-hover: var(--color-foreground-primary);
  --menu-dark-background-color-focus: var(--color-background-tertiary);
  --menu-dark-foreground-color-focus: var(--color-foreground-primary);
  --menu-dark-foreground-color-rest: var(--color-foreground-secondary);
  --menu-dark-border-color-focus: var(--color-accent-primary);
  --menu-dark-shortcut-background-color: var(--color-background-primary);
  --menu-dark-shortcut-foreground-color: var(--color-foreground-secondary);
  --menu-dark-shortcut-foreground-color-selected: var(--color-foreground-primary);
  --menu-dark-shortcut-foreground-color-hover: var(--color-foreground-primary);
  --menu-dark-shadow-color: var(--color-shadow-dark);
  --menu-dark-background-color-disabled: var(--color-background-primary);
  --menu-dark-foreground-color-disabled: var(--color-foreground-secondary);
  --menu-dark-border-color-disabled: var(--color-background-quaternary);
  --context-menu-background-color: var(--color-background-tertiary);
  --context-menu-foreground-color: var(--color-foreground-secondary);
  --context-menu-background-color-selected: var(--color-background-quaternary);
  --context-menu-foreground-color-selected: var(--color-foreground-primary);
  --assets-title-background-color: var(--color-background-primary);
  --assets-item-background-color: var(--color-background-tertiary);
  --assets-item-background-color-hover: var(--color-background-quaternary);
  --assets-item-name-background-color: var(--color-background-primary);
  --assets-item-name-foreground-color-rest: var(--color-foreground-secondary);
  --assets-item-name-foreground-color: var(--color-foreground-primary);
  --assets-item-name-foreground-color-hover: var(--color-foreground-primary);
  --assets-item-name-foreground-color-disabled: var(--color-foreground-disabled);
  --assets-item-border-color: var(--color-accent-primary);
  --assets-item-background-color-drag: transparent;
  --assets-item-border-color-drag: var(--color-accent-primary-muted);
  --assets-component-background-color: var(--color-canvas);
  --assets-component-background-color-disabled: var(--color-foreground-secondary);
  --assets-component-border-color: var(--color-background-tertiary);
  --assets-component-border-selected: var(--color-accent-tertiary);
  --assets-component-second-border-selected: var(--color-background-primary);
  --assets-component-hightlight: var(--color-accent-secondary);
  --radio-btns-background-color: var(--color-background-tertiary);
  --radio-btn-background-color-selected: var(--color-background-quaternary);
  --radio-btn-foreground-color: var(--color-foreground-secondary);
  --radio-btn-foreground-color-selected: var(--color-accent-primary);
  --radio-btn-border-color: var(--color-background-tertiary);
  --radio-btn-border-color-selected: var(--color-background-quaternary);
  --library-name-foreground-color: var(--color-foreground-primary);
  --library-content-foreground-color: var(--color-foreground-secondary);
  --dropdown-background-color: var(--color-background-quaternary);
  --dropdown-separator-color: var(--color-background-primary);
  --profile-drowpdown-background-color: var(--color-background-primary);
  --not-found-background-color: var(--color-background-tertiary);
  --not-found-foreground-color: var(--color-foreground-secondary);
  --entry-foreground-color: var(--color-foreground-secondary);
  --entry-background-color: var(--color-background-tertiary);
  --entry-background-color-disabled: var(--color-background-primary);
  --entry-border-color-disabled: var(--color-background-quaternary);
  --entry-foreground-color-hover: var(--color-foreground-primary);
  --entry-background-color-hover: var(--color-background-quaternary);
  --empty-message-background-color: var(--color-background-tertiary);
  --empty-message-foreground-color: var(--color-foreground-secondary);
  --user-count-background-color: var(--color-accent-primary);
  --user-count-foreground-color: var(--color-background-secondary);
  --colorpicker-details-color: var(--color-background-quaternary);
  --colorpicker-details-color-selected: var(--color-accent-primary);
  --colorpicker-handlers-color: var(--color-foreground-primary);
  --colorpicker-background-color: var(--color-foreground-primary);
  --comment-title-color: var(--color-foreground-primary);
  --comment-subtitle-color: var(--color-foreground-secondary);
  --comment-bullet-background-color-rest: var(--color-background-quaternary);
  --comment-bullet-foreground-color-rest: var(--color-foreground-primary);
  --comment-bullet-border-color-rest: var(--color-background-secondary);
  --comment-bullet-background-color-unread: var(--color-accent-primary);
  --comment-bullet-foreground-color-unread: var(--color-background-primary);
  --comment-bullet-border-color-unread: var(--color-background-secondary);
  --comment-bullet-background-color-resolved: var(--color-background-primary);
  --comment-bullet-foreground-color-resolved: var(--color-foreground-secondary);
  --comment-bullet-border-color-resolved: var(--color-background-quaternary);
  --comment-modal-background-color: var(--color-background-primary);
  --comment-thread-background-color-hover: var(--color-background-primary);
  --grid-editor-marker-color: var(--color-accent-quaternary);
  --grid-editor-marker-text: var(--color-accent-quaternary);
  --grid-editor-area-background: var(--color-accent-quaternary);
  --grid-editor-area-text: var(--color-accent-quaternary);
  --grid-editor-line-color: var(--color-accent-quaternary);
  --grid-editor-plus-btn-foreground: var(--app-white);
  --grid-editor-plus-btn-background: var(--color-accent-quaternary);
  --modal-background-color: var(--color-background-default);
  --modal-title-foreground-color: var(--color-foreground-primary);
  --modal-text-foreground-color: var(--color-foreground-secondary);
  --modal-hint-border-color: var(--color-background-quaternary);
  --modal-button-background-color-error: var(--status-color-error-500);
  --modal-button-foreground-color-error: var(--color-foreground-primary);
  --modal-link-foreground-color: var(--color-accent-primary);
  --modal-border-color: var(--color-background-quaternary);
  --modal-separator-background-color: var(--color-background-quaternary);
  --modal-navigator-foreground-color-rest: var(--color-background-quaternary);
  --modal-navigator-foreground-color-active: var(--color-accent-primary);
  --alert-background-color-default: var(--color-background-primary);
  --alert-text-foreground-color-default: var(--color-foreground-primary);
  --alert-icon-foreground-color-default: var(--color-foreground-primary);
  --alert-border-color-default: var(--color-background-quaternary);
  --alert-background-color-success: var(--color-background-success);
  --alert-text-foreground-color-success: var(--color-foreground-primary);
  --alert-icon-foreground-color-success: var(--color-accent-success);
  --alert-border-color-success: var(--color-accent-success);
  --alert-background-color-warning: var(--color-background-warning);
  --alert-text-foreground-color-warning: var(--color-foreground-primary);
  --alert-icon-foreground-color-warning: var(--color-accent-warning);
  --alert-border-color-warning: var(--color-accent-warning);
  --alert-background-color-error: var(--color-background-error);
  --alert-text-foreground-color-error: var(--color-foreground-primary);
  --alert-icon-foreground-color-error: var(--color-accent-error);
  --alert-border-color-error: var(--color-accent-error);
  --alert-background-color-info: var(--color-background-info);
  --alert-text-foreground-color-info: var(--color-foreground-primary);
  --alert-icon-foreground-color-info: var(--color-accent-info);
  --alert-border-color-info: var(--color-accent-info);
  --alert-text-foreground-color-focus: var(--color-accent-primary);
  --alert-border-color-focus: var(--color-accent-primary);
  --notification-foreground-color-default: var(--color-foreground-secondary);
  --element-foreground-warning: var(--status-color-warning-500);
  --element-foreground-error: var(--status-color-error-500);
  --status-widget-background-color-success: var(--status-color-success-500);
  --status-widget-background-color-warning: var(--status-color-warning-500);
  --status-widget-background-color-pending: var(--status-color-info-500);
  --status-widget-background-color-error: var(--status-color-error-500);
  --status-widget-icon-foreground-color: var(--color-background-primary);
  --search-bar-background-color: var(--color-background-primary);
  --search-bar-input-background-color: var(--color-background-tertiary);
  --search-bar-input-border-color: var(--color-background-tertiary);
  --search-bar-input-border-color-focus: var(--color-accent-primary);
  --search-bar-placeholder-foreground-color: var(--color-foreground-secondary);
  --search-bar-foreground-color: var(--color-foreground-primary);
  --search-bar-icon-foreground-color: var(--color-foreground-secondary);
  --search-bar-icon-foreground-color-hover: var(--color-accent-primary);
  --pill-background-color: var(--color-background-tertiary);
  --pill-foreground-color: var(--color-foreground-primary);
  --link-foreground-color: var(--color-accent-primary);
  --register-confirmation-color: var(--status-color-success-200);
  --resize-area-background-color: var(--color-background-primary);
  --resize-area-border-color: var(--color-border-secondary);
  --profile-section-background-color: var(--color-background-tertiary);
  --profile-foreground-color: var(--color-foreground-primary);
  --dashboard-list-background-color: var(--color-background-tertiary);
  --dashboard-list-foreground-color: var(--color-foreground-primary);
  --dashboard-list-text-foreground-color: var(--color-foreground-secondary);
  --communication-tag-background-color: var(--color-foreground-primary);
  --communication-tag-foreground-color: var(--color-background-tertiary);
  --viewer-background-color: var(--color-background-secondary);
  --viewer-paginator-background-color: var(--color-background-tertiary);
  --viewer-controls-background-color: var(--color-background-primary);
  --viewer-inspect-border-color: var(--color-background-tertiary);
  --viewer-thumbnails-control-foreground-color: var(--color-foreground-secondary);
  --viewer-thumbnail-border-color: var(--color-accent-primary);
  --viewer-thumbnail-background-color-selected: var(--color-accent-primary-muted);
  --text-editor-selection-background-color: var(--da-tertiary-70);
  --text-editor-selection-foreground-color: var(--app-white);
  --text-editor-caret-color: var(--app-black);
  --new-team-button-background-color: var(--color-background-primary);
  --sidebar-element-foreground-color: var(--color-foreground-secondary);
  --sidebar-element-background-color-hover: var(--color-background-secondary);
  --sidebar-element-foreground-color-hover: var(--color-accent-primary);
  --sidebar-element-background-color-selected: var(--color-background-quaternary);
  --sidebar-element-foreground-color-selected: var(--color-accent-primary);
}

body {
  font-family: "Tilda Sans", system-ui, sans-serif;
}

.main_ui_workspace_viewport__viewport {
  background-color: var(--panel-background-color);
}

.main_ui_workspace_sidebar_layer_item__layer-row:hover, .main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight {
  --layer-background-color: #2A2B2A;
  --shadow-color: #2A2B2A;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected {
  --layer-background-color: #474847;
  --shadow-color: #474847;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected:hover, .main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected.main_ui_workspace_sidebar_layer_item__highlight {
  --layer-background-color: #474847;
  --shadow-color: #474847;
}

.main_ui_workspace_sidebar_layer_item__parent-selected .main_ui_workspace_sidebar_layer_item__layer-row {
  --layer-background-color: #3B3C3C;
  --shadow-color: #3B3C3C;
}
.main_ui_workspace_sidebar_layer_item__parent-selected .main_ui_workspace_sidebar_layer_item__layer-row:hover,
.main_ui_workspace_sidebar_layer_item__parent-selected .main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight {
  --layer-background-color: #2A2B2A;
  --shadow-color: #2A2B2A;
}

.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__toggle-content {
  background-color: #474847;
}

.main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__toggle-element,
.main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__block-element,
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__toggle-element,
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__block-element {
  --layer-row-action-btn-background: #2A2B2A;
}

.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__toggle-element,
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__block-element {
  --layer-row-action-btn-background: #474847;
}

.main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__element-children,
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__element-children {
  --layer-background-color: #2A2B2A;
  --shadow-color: #2A2B2A;
}

.button-icon {
  color: var(--icon-foreground, currentColor);
}

.main_ui_workspace_sidebar_layer_item__toggle-content svg {
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__toggle-content svg {
  color: var(--color-accent-primary);
}

.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__type-comp .main_ui_workspace_sidebar_layer_item__toggle-content svg {
  color: var(--color-accent-secondary);
}

.main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__toggle-content svg,
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__toggle-content svg {
  color: var(--color-accent-primary);
}

:root {
  --left-sidebar-width: 430px;
}

@media (max-width: 2276px) {
  :root {
    --left-sidebar-width: 328px;
  }
}
@media (max-width: 1920px) {
  :root {
    --left-sidebar-width: 240px;
  }
}
@media (max-width: 1680px) {
  :root {
    --left-sidebar-width: 210px;
  }
}
@media (min-width: 2277px) {
  :root {
    --right-sidebar-width: 433px;
  }
  .main_ui_workspace_sidebar_options__design-options .variant-dense,
  .main_ui_workspace_sidebar_options__design-options .variant-seamless,
  .main_ui_workspace_sidebar_options__design-options .panel-title-text,
  .main_ui_workspace_sidebar_options__design-options .input-with-meta-container {
    font-size: 0.9375rem;
  }
}
@media (max-width: 1680px) {
  :root {
    --right-sidebar-width: 286px;
  }
  .main_ui_workspace_sidebar_options__design-options .variant-dense,
  .main_ui_workspace_sidebar_options__design-options .variant-seamless,
  .main_ui_workspace_sidebar_options__design-options .panel-title-text,
  .main_ui_workspace_sidebar_options__design-options .input-with-meta-container {
    font-size: 0.75rem;
  }
  .main_ui_workspace_sidebar_options_menus_bool__boolean-radio-btn .main_ui_components_radio_buttons__radio-icon {
    width: 25px;
    height: 25px;
  }
  .main_ui_workspace_sidebar_options__design-options .input-element {
    height: 25px;
    font-size: 0.625rem;
  }
  .main_ui_workspace_sidebar_options__design-options .input-with-label input {
    height: 25px;
    min-height: 25px;
  }
  .main_ui_workspace_sidebar_options__design-options .input-element-label,
  .main_ui_workspace_sidebar_options__design-options .title-placeholder {
    font-size: 0.625rem;
  }
}
.public-DraftEditor-content::selection,
.public-DraftEditor-content *::selection,
.DraftEditor-root::selection,
.DraftEditor-root *::selection,
.text-editor::selection,
.text-editor *::selection {
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.public-DraftEditor-content::-moz-selection,
.public-DraftEditor-content *::-moz-selection,
.DraftEditor-root::-moz-selection,
.DraftEditor-root *::-moz-selection,
.text-editor::-moz-selection,
.text-editor *::-moz-selection {
  color: transparent;
}